html
{
     margin: 0; padding: 0;
     background: #e8e4ce url(/graphics/portfelia9.jpg) fixed repeat;
}
body
{
     font-size: 62.5%; text-align: center;
     font-family: Georgia, "Palatino Linotype", serif;
     margin: 0; padding: 30px 0;
}

/* main page divisions */

#head
{
     background: #C0B68F url(/graphics/drama.jpg) no-repeat 0 50%;
     height: 350px; overflow: hidden; 
     margin: 30px; border: 1px solid #222;
     width: auto;
}
#sleeve
{
     margin: 0 auto; text-align: left; 
     width: 700px; background: #CBC3A3; 
     /* original #C0B68F */
     border: 1px solid #222; 
}
#nav
{
     float: left; width: 18em; 
     margin: 30px 0 0; overflow: hidden;
     background: transparent;
}
#content
{
     background: #D8D1AB;
     margin: 0 30px 30px 30px;
     border: 1px solid #222;
}
#maincontent
{
     margin: 0 0 0 17.6em;
     background: #E3DEC2; width: auto;
     padding: 30px; 
     border: 0; clear: none;
     border-left: 0.4em solid #C0B68F;
}
#footer
{
     background: transparent;
     clear: left; margin: 0; 
     border-top: 1px solid #C0B68F;
}
#headblock
{
     background: transparent none;
     padding: 0 0 5px; text-align: left;
     margin: 0 0 2.8em;
     border-bottom: 1px solid #C0B68F;
}

/* navigation styles */

a
{
     text-decoration: none;
}
#footer a:link, #footer a:visited
{
     color: #800;
     border-bottom: 1px dotted #C0B68F;
}
#footer a:hover
{
     color: #222;
     border-bottom: 1px solid #222;
}
ul, li
{
     list-style-type: none;
     margin: 0; padding: 0;
}
.index li
{
     margin: 0 0 15px; 
     padding: 0; 
}
.main li
{
     margin: 0 0 15px; 
     padding: 0;
}
#maincontent a
{
     font-weight: bold;
     font-variant: small-caps;
}
#maincontent a:link, #maincontent a:visited
{
     color: #660;
     border-bottom: 1px solid #C0B68F;
}
#maincontent a:hover
{
     color: #800;
     border-bottom: 1px solid #222;
}
#nav ul 
{
     margin: 0 0 0 30px;
     text-align: left; 
}
#nav li
{
     display: inline; width: 100%;
     line-height: 1; 
}
#nav li a
{
     font-size: 1.8em; text-transform: capitalize;
     font-weight: bold; letter-spacing: 2px;
     padding: 0.2em 0; width: auto;
     display: block; font-variant: normal; 
     text-indent: 0.2em;
     margin: 0 0 3px; 
}
#nav li a:link, #nav li a:visited
{
     color: #575433; border: 0;
     background: #B5AB87;
     border-right: 0.4em solid #C0B68F;
     text-decoration: none;
}
#nav li a#current, #nav li a#current:visited 
{
     color: #E3DEC2;
     text-decoration: none;
     border: 0; background: #B5AB87;
     border-right: 0.4em solid #C0B68F;
}
#nav li a#current:hover 
{
     color: #E3DEC2;
     text-decoration: none;
     border: 0; background: #888450; 
     border-right: 0.4em double #D8D1AB;
}
#nav li a:hover
{
     color: #E3DEC2; background: #888450; 
     border: 0;
     border-right: 0.4em double #D8D1AB;
}
#nav li a:active, #nav li a:focus
{
     color: #ccc;
     background: #222; 
}
#nav li #links {margin: 0 0 30px 0}
#styleswitch
{
     margin: 0 10px 0 0; 
     height: 4em; float: none;   
     background: transparent;  
     padding: 0;
}
#styleswitch li
{
     margin: 0 15px 0 0; 
     text-align: center;
     width: 5em; display: block; 
     float: right; 
}

/* display only non-current sheets */

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

/* end styleswitch li display instructions */

#styleswitch li a
{
     padding: 0.3em 0; float: none; 
     height: auto; width: auto;
     display: block; text-indent: 0;
     font-size: .8em;
     text-transform: uppercase;
     letter-spacing: 0;
}
#styleswitch li a:link, #styleswitch li a:visited
{
     color: #4F3C1E; 
     background: #CBC3A3;
     border-width: 0 1px 1px 1px;
     border-color: #222;
     border-style: solid;
     border-top-color: #C0B68F;
}
#styleswitch li a:hover
{
     color: #222; margin-top: -1px; 
     padding: 0.3em 0; letter-spacing: 0;
     font-size: .8em; background: #D8D1AB;
     border-color: #888; 
}
#styleswitch li a:active, #styleswitch li a:focus
{
     outline: none;
     -moz-outline-style: none;
}

/* Typography */

strong
{
     color: #222;
}
p, li
{
     color: #3B392F; font-size: 1.2em;
     line-height: 1.8; 
}
h1, h2, h3
{
     margin: 0; line-height: 1;
}
.def
{
     margin: 0 0 0 30px; font-size: 1.1em; 
     text-transform: capitalize; letter-spacing: 0;
     border-top: 1px solid #C0B68F; padding: 8px 0 8px 5px; 
     line-height: 1.2em; clear: left; color: #7C7331;
     border-bottom: 1px solid #C0B68F; width: auto;
     font-variant: small-caps; background: #E3DEC2;
     border-left: 1px solid #C0B68F; 
}
.def strong {color: #222}
acronym
{
     color: #369; font-weight: bold;
     border-bottom: 1px dotted #222;
}
acronym:hover
{
     color: #004;
     border-bottom: 1px solid #222;
     cursor: default;
}
#head h1
{
     font-size: 5em; font-variant: small-caps;
     letter-spacing: 20px; color: #E7E5D4;
     margin: 0 0 0 30px; padding: 225px 0 0;
     clear: right; text-align: left;
     background: transparent none;
     height: auto; width: auto;
}
.about #head h1
{
     background: transparent none;
     color: #E7E5D4; padding: 225px 0 0;
}
#head h1:first-letter, .about #head h1:first-letter
{
     color: #E7E5D4;
     font-size: 1.4em;
}
#head h2
{
     display: none;
}
.toptitle
{
     background: transparent none;
     color: #4F3C1E; font-size: 2.6em; 
     font-variant: small-caps;
     letter-spacing: 3px;
}
.toptitle:first-letter
{
     border: 0; color: #4F3C1E;
     font-size: 1.2em;
}
.subtitle
{
     font-size: 2em; color: #7C7331; 
     letter-spacing: 2px;
     text-transform: capitalize;
}
.divless
{
     margin: 1.4em 0 0.5em;
}
.master
{
     margin: 0 0 1.4em;
}
.editor
{
     font-size: 1.7em; 
     margin: 1.4em 0 0.5em;
     color: #958A3B;
}
#footer p
{
     margin: 0; color: #444;
     padding: 15px 30px;
     letter-spacing: 0.05em;
     font-size: 1.2em;
}
#footer span
{
     letter-spacing: 2px; 
     color: #222;
     font-variant: small-caps;
     font-weight: bold;
}