html, body
{
     margin: 0; padding: 0;
}
body
{
     font-size: 62.5%; text-align: center;
     font-family: Georgia, "Palatino Linotype", serif;
     background: #474F5A url(/graphics/grayback.jpg) repeat-y 50% 0;
}

/* main page divisions */

#head
{
     height: auto; margin: 0 8px; 
     background: #2D3236 url(/graphics/blackgrad.jpg) repeat-x; 
     width: 700px; 
}
#sleeve
{
     margin: 0 auto; width: 716px;
     background: transparent;
     text-align: left; 
}
#nav
{
     float: left; width: 15em; 
     background: transparent;
}
#content
{
     background: #fff;
     margin: 45px 8px 0;
}
#maincontent
{
     background: #fff;
     padding: 0 25px 50px 0;
     margin: 0 0 0 20em; 
     /* Hides from IE-mac \*/
     height: 1%;
     /* end hide */
}
#footer
{
     background: #a00;
     clear: left; height: 100%;
}
#headblock
{
     margin: 0 0 2em; 
}

/* navigation styles */

a
{
     text-decoration: none;
}
#footer a:link, #footer a:visited
{
     color: #fc0;
     border-bottom: 1px dotted #fff;
}
#footer a:hover
{
     color: #fff;
     border-bottom: 1px solid #fc0;
}
ul, li
{
     list-style-type: none; 
     margin: 0; padding: 0;
}
.index li
{
     margin: 0 0 15px; 
     padding: 0; 
}
.main li
{
     margin: 0 0 15px; 
     font-style: italic;
}
.main li a, .main li strong, .main li:first-line
{
     font-style: normal;
}
#maincontent a
{
     font-weight: bold;
     padding: 0 0.1em;
}
#maincontent a:link, #maincontent a:visited
{
     color: #226186; 
     border-bottom: 1px solid #ccc;
}
#maincontent a:hover
{
     color: #a00;
     border-bottom: 1px solid #222;
}
#nav ul 
{
     margin: 0 0 0 25px; 
}
#nav li
{  
     display: inline; float: left;
     width: 100%; 
}
#nav li a
{
     display: block; 
     padding: 2px 0; font-size: 1.2em;
     width: 100%; margin: 0 0 2px 0;
     font-variant: small-caps;
     letter-spacing: 2px; text-indent: 1em;
}
#nav li a:link, #nav li a:visited
{
     color: #eee; 
     background: #327DAA;
     border: 1px solid #20506C;
}
#nav li a:hover
{
     color: #fff; 
     background: #29668B;
     border: 1px solid #ECF3F7;
     border-right: 1px solid #ECF3F7;
}
#nav li a:active
{
     color: #cc0;
}
#nav li a#current 
{
     text-decoration: underline;
     background: #327DAA;
     color: #fff;
     border: 1px solid #20506C;
}
#nav li a#current:visited
{
     text-decoration: underline;
}
#nav li a#current:hover 
{
     text-decoration: none;
     color: #fff;
     background: #29668B;
     border: 1px solid #ECF3F7;
}
#nav li #links {margin: 0 0 30px 0}
#styleswitch
{
     padding: 0 45px 0 0; 
     float: right; text-align: center; 
     background: #2D3236 url(/graphics/blackgrad.jpg) repeat-x; 
}
#styleswitch li
{
     height: auto; 
     width: 9em; float: right;
}

/* display only non-current sheets */

#styleswitch li.default
{
     display: none;
}
#styleswitch li.courier, #styleswitch li.chunky,
#styleswitch li.simple, #styleswitch li.drama
{
     display: inline;
}

/* end styleswitch li display instructions */

#styleswitch li a
{
     display: block;
     padding: 2px 0; font-size: .9em;
     text-transform: capitalize; width: auto;
     float: none; letter-spacing: 0.1em;
}
#styleswitch li a:link, #styleswitch li a:visited
{
     color: #eee; background: transparent;
     border-right: 1px solid #444;
}
#styleswitch li a:hover
{
     color: #fff; 
     background: #000; 
}
#styleswitch li a:active, #styleswitch li a:focus
{
     outline: none;
     -moz-outline-style: none;
}

/* Typography */

strong
{
     color: #666;
}
.author
{
     font-size: 1.4em;
     color: #002; display: block;
     letter-spacing: 0.05em;
}
.def
{
     margin: 0 0 0 25px; font-size: .9em; 
     text-transform: uppercase; letter-spacing: 1px;
     padding: 0 0 0 5px; line-height: 1.4; clear: left; color: #666;
     border-left: 2px solid #222; width: auto;
}
.def strong {color: #222}
.def br {display: block; padding-bottom: 5px;}
acronym
{
     color: #aa0; font-weight: bold;
     border-bottom: 1px dotted #222;
}
acronym:hover
{
     color: #cc0;
     border-bottom: 1px solid #222;
     cursor: default;
}
p, li
{
     color: #444; font-size: 1.2em;
     line-height: 1.8; 
}
p#first:first-line
{
     font-variant: small-caps;
}
p#first:before
{  
     content: "\B6"; 
     margin: 0 1em 0 2em; font-weight: bold;
     font-family: "Courier New", "Palatino Linotype", serif;
}  
p#bio
{
     margin: 3em 0 0; 
}
p#bio strong 
{
     color: #000; letter-spacing: 1px;
}
p#last
{
     margin: 3em 0 auto;
}
h1, h2, h3
{
     margin: 0; line-height: 1;
}
#head h1
{
     font-size: 5em; font-variant: small-caps;
     letter-spacing: 15px; color: #fff;
     margin: 0; padding: 0 10px 0 0; 
     line-height: 245px; height: 245px; 
     overflow: hidden;
     clear: right; text-align: right;
     background: #a00 url(/graphics/mannequin.png) no-repeat 0 0;
}
.about #head h1
{
     background: #a00 url(/graphics/night.jpg) no-repeat 0 0;
     text-align: left; padding: 25px 0 155px 20px;
     color: #fc0; line-height: 1; height: auto;
}
.about #head h1:first-letter 
{
     color: #fff;
}
#head h1:first-letter 
{
     color: #fc0;
}
.toptitle
{
     background: transparent;
     color: #083D6D; font-size: 2.6em; 
     margin: 2em 0 0;
     /* Yearrrggghhh! Safari hates any text-transform combined with
         styled :first-letter(s).  The end result is an undeclared styling
         of the SECOND letter. Go figure. Just don't do it */
     text-transform: none;
     letter-spacing: 1px; 
     font-variant: small-caps;
}
#headblock .subtitle, #headblock .toptitle
{
     margin: 0;
}
.subtitle
{
     font-size: 1.1em; 
     margin: 0 0 1em;
     text-transform: uppercase;
     color: #222; padding: 10px 0;
     letter-spacing: 3px;
}
.toptitle:first-letter 
{
     color: #a00; font-size: 1.2em; 
}
.editor
{
     font-size: 1.7em;
     letter-spacing: 1px;
     margin: 1.4em 0 0.5em;
}
#footer p
{
     margin: 0; color: #e4e5d5; 
     padding: 1.2em 25px;
     font-size: 1.1em;
}
#footer span
{
     letter-spacing: 2px; 
     color: #fff; font-variant: small-caps;
     font-weight: bold;
}