/* typgraphy.css */

body {
font: 1em "Trebuchet MS", "Lucida Grande","Lucida Sans Unicode", Verdana, sans-serif;
}

h1, h2, h3, h4, p, ul, dl, blockquote {
margin-left: 5px;
}

h1 {
font-weight: bold;
font-size: 2em;
}

h2 {
font-weight: bold;
font-size: 1.1em;
}

h3 {
font-style: italic;
font-size: 1.1em;
color: #7b5608;
}
h4 {
font-weight: bold;
font-size: 0.75em;
}
blockquote p {
position: relative; bottom: 30;
font-family: "Garamond", "ITC Garamond", "Adobe Garamond", "Times New Roman", Times, serif;
font-style: italic;
font-size: 1.25em;
text-align: left;
margin-left: 5 px;
}

blockquote cite {
text-transform: capitalize;
font-style: normal;
font-size: 0.75em;
}

em {
font-weight: bold;
color: #7b5608;
}

#main #constant p {
font-size: 0.75em;
}

#margin {
font-size: 0.75em;
color: grey;
}

/* Navigation */
#navigation {
font-weight: bold;
text-align: left;
}

.active {
margin: 0 0 0 -5px;
text-indent: 5px;
color: #7b5608;
background-color: #ffcc00;
background-position: 0px;
}

#navigation li{
list-style: none;
}

#navigation a:link, #closure a:link {
color: white;
text-decoration: none;
}

#navigation a:visited, #closure a:visited { 
color: #ffcc00; 
text-decoration: none;
}

#navigation a:hover, #closure a:hover { 
color: orange; 
text-decoration: none;
}

#navigation a:active, #closure a:hover { 
color: red; 
text-decoration: underline; }

#content li {
list-style: inside;
margin-left: 10px;
font-size: 1em;
font-weight: bold;
list-style: outside;
}

#closure {
font-size: 0.75em;
color: white;
}