body {
background: url(Gatemthforweb.jpg) no-repeat fixed left 275px white;
font-family: Verdana;
font-size: 62.5%;
min-height: 804px;
position: relative;
}

#photo-credit {
position: fixed;
z-index: 1;
color: white;
font-size: 10px;
font-weight: bold;
font-style: italic;
background: transparent;
top: 835px;
left: 45px;
text-indent: 0;
}

#site-ID {
background: url(NewJBlogo.jpg) no-repeat left top white;
height: 270px;
width: 250px;
z-index: 1;
position: fixed;
top: 5px;
left: 5px;
}

* html #site-ID {
position: absolute;
top: 0;
left: 0;
}

* html #nav {
position: absolute;
top: 0;
left: 220px;
}

#nav {
list-style-type: none;
width: 650px;
border-bottom: 1px solid gray;
position: fixed;
top: 0;
left: 220px;
font-size: 1.7em;
background: white;
margin: 0;
padding: 1em 0 1em 30px;
display: block;
z-index: 30;}

*>html #nav li {
display: inline;
}

/* hide from IE Mac \*/
#nav li {
float: left;
}
/* unhide */

#nav li a {
display: block;
padding: 0 8px 2px;
border-left: 2px solid red;
line-height: 0.8;
text-decoration: none;
color: black;
}

#nav li:first-child a {
border-left: none;
}

#nav li a:visited {
color: #666;
}

#nav li a:hover,
#nav li a#here {
color: red;
}

#content {
width: 545px;
margin: 5.5em 0 0 250px;
font-size: 1.4em;
}

* html #content,
*+html #content {
position: relative;
top: 5.5em;
}

h1, h2, h3, h4 {
color: red;
margin-bottom: 0;
}

h1 {
font-size: 1.5em;
margin-bottom: 0.3em;
}

h2 {
font-size: 1.2em;
}

h1+p,
h2+p {
text-indent: 0;
}

h3 { color: black;
display: inline;
font-size: 1em;
}

.subscribe p,
.contact p {
text-indent: 0;
}

.subscribe h1+p {
margin: 0 0 1em;
font-weight: bold;
}

p#address {
font-weight: bold;
text-indent: 0;
margin: 1em 0;
}

p {
text-indent: 1em;
margin: 0;
line-height: 1.4;
}

strong {
font-style: italic;
}

#wexler-caption {
width: 400px;
font-size: 0.88em;
text-align: right;
display: block;
margin-top: 90px;
font-style: italic;
}

.spread-caption,
#spread-caption {
clear: both;
width: 200px;
font-size: 0.88em;
display: block;
margin-top: -35px;
font-style: italic;
}

dt {
font-weight: bold;
margin: 1em 0 0;
}

dd {
margin: 0;
padding: 0;
}

#back-issues li {
list-style-type: none;
padding-right: 4px;
}

#back-issues li {
font-weight: bold;
display: run-in;
margin: 1em 0;
}

#back-issues ul {
display: inline;
}

#back-issues { clear: both; }

#back-issues,
#back-issues ul {
margin: 0;
padding: 0;
}

#back-issues li li {
font-weight: normal;
display: inline;
}


/*
#back-issues dt {
display: run-in;
margin-top: 1em;
line-height: 2;
vertical-align: bottom;
}

#back-issues dd {
display: inline;
margin-bottom: 1em;
}
*/

#links {
margin: 0;
padding: 0;
list-style-type: none;
}

#links li {
margin: 1em 0;
}

#links a {
color: black;
}



#links a:visited {
color: #666;
}

#links a:hover {
color: #ccc;
}

#opening {
font-weight: bold;
font-size: 1em;
}

#current-issue ul {
display: inline;
margin: 0;
padding: 0;
}

#current-issue strong {
font-style: normal;
}

#current-issue li {
list-style-type: none;
padding: 0 1px 0 13px;
background: url(small-bullet.gif) left 5px no-repeat;
display: inline;
}


#current-issue {
margin: 1em 0;
}

#current-issue h3 {
color: black;
font-size: 1em;
padding: 0 3px 0 17px;
background: url(large-bullet.gif) left center no-repeat;
display: inline;
}

.subscribe h3 {
color: black;
font-size: 1em;
padding: 0 3px 0 0;
display: inline;
text-transform: uppercase;
}

#current-issue p {
display: inline;
padding-right: 5px;
}

p.highlight {
color: red;
font-weight: bold;
text-indent: 0;
}

p.highlight a {
color: red;
}

#awards img {
margin: 3px;
}

#awards h2 {
margin: 0.5em 3px 0;
float: left;
font-size: 1em;
width: 265px;
text-align: right;
font-style: italic;
color: black;
}

#awards ul {
margin: 3px;
clear: left;
float: left;
padding: 0 0 0 20px;
width: 245px;
font-style: italic;
}

#awards li {
float: right;
text-align: right;
}

#awards p {
margin: 3px;
clear: left;
float: left;
text-align: right;
padding: 0;
width: 265px;
font-style: italic;
}

* html #awards li,
*+html #awards li {
width: 215px; /* make floated right li work without pushing bullets left in other browsers */
}

#awards {
margin-top: 2em;
}

.contact #footer {
position: absolute;
bottom: 0;
}

.contact #footer p {
margin: 0;
}

#footer {
font-size: 0.7em;
}

#footer p {
margin: 10em 0 0;
}

#footer a {
color: black;
}

ul#payment {
list-style-position: inside;
margin: 0;
padding: 0;
}

#agents p {
margin: 1em 0;
font-size: 1em;
}

#agents h3 {
font-size: 0.9em;
}

input,
select {
vertical-align: middle;
}

a { color: black; }

.back-issue-thumb {
width: 160px;
padding: 0 10px 0 0;
height: 233px;
float: left;
color: red;
font-weight: bold;
margin: 15px 5px;
background: url(thumbshadow.png) no-repeat;
}

label {
float: left;
clear: left;
width: 10em;
}

form.contact {
margin: 50px 0 0 70px;
}

input {
float: left;

}