body {
 margin: 20px;
 padding: 0;
 background: white;
 color: #333;
 font-family: 'Bitstream Vera Sans', Helvetica, Arial, sans-serif;
 font-size: 100%;
 text-align: center;
}

#header h1 {
 margin: 0 0 0.5em 0;
 padding: 0;
 color: black;
 text-transform: uppercase;
 font-weight: bold;
 font-size: 1.5em;
 letter-spacing: 0.75em;
 border-bottom: 6px double #ccc;
 white-space: nowrap;
}

#header h1 span {
 color: #ccc;
 font-weight: normal;
}

#header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:active, #header h1 a:hover {
 text-decoration: none;
 color: black; 
}

#menu {
 position: relative;
  top: 0;
  left: 0;
  z-index: 20;
 text-transform: uppercase;
 font-size: 0.8em;
 letter-spacing: 0.3em;
}

#menu ul, #menu ul li {
 text-align: left;
 position: relative;
  top: 0;
  left: 0;
  z-index: 50;
 list-style-type: none;
 display: inline;
 margin: 0;
 padding: 0;
}

#menu ul li ul {
 display: none;
 position: absolute;
  top: 1em;
  left: 0;
  z-index: 49;
 margin: 0;
 padding: 0.25em;
 background: #eee;
 white-space: nowrap;
}

#menu ul li ul li {
 display: list-item;
 list-style-type: none;
 margin: 0;
 padding: 0.5em;
 border: 1px solid #666;
}

#menu ul li:hover ul {
 display: block;
}

#content {
 text-align: left;
 margin: 0 auto;
 width: 42em;
 height: auto;
}

h1, h3, h5 {
 margin: 1em 0 0.25em 0;
 padding: 0;
 color: black;
 text-transform: uppercase;
 font-size: 1.2em;
 letter-spacing: 0.5em;
 font-weight: normal;
 border-bottom: 1px solid #999;
}

h1 {
 text-align: center;
 padding: 0.5em 0;
 margin-bottom: 0.75em;
}

h2, h4, h6 {
 margin: 1em 0 0.25em 0;
 padding: 0;
 color: black;
 font-size: 1.2em;
 letter-spacing: 0.1em;
 font-weight: normal;
}

h3, h4 {
 font-size: 1em;
 border: 0px solid white;
}

h5, h6 {
 margin-top: 0.5em;
 padding-left: 20px;
 font-size: 0.8em;
 letter-spacing: 1em;
 border: 0px solid white;
}

#content h1:before, #content h1:after {
 color: #999;
 content: "~";
}

#content p {
 margin: 0 0 0.75em 0;
 line-height: 1.5;
 padding: 0;
 text-align: justify;
}

#footer {
 margin: 2em auto;
 padding: 0.25em 0 0.5em 0;
 background: #eee;
 color: black;
 text-transform: uppercase;
 font-size: 0.6em;
 letter-spacing: 0.2em;
 border-bottom: 7px double #ccc;
}

#footer p {
 line-height: 2;
}

a, a:link {
 color: #66c;
 text-decoration: none;
}

a:visited {
 color: #c66;
 text-decoration: none;
}

a:active, a:hover {
 color: #6c6;
 text-decoration: underline;
}

#menu a:link, #menu a:visited {
 color: #009;
 text-decoration: none;
 }

#menu a:active, #menu a:hover {
 color: #090;
 text-decoration: underline;
}

#footer a:link, #footer a:visited {
 color: #009;
 text-decoration: underline;
}

#footer a:active, #footer a:hover {
 color: #090;
 text-decoration: none;
}

#archpage a#archlink, #graphpage a#graphlink, #webpage a#weblink {
 color: black;
 font-weight: bold;
}