body
{
 margin: 0;
 padding: 0;
 border: 0;
 text-align: center;
 font-size: 100%;
 background-color: #ffd;
 color: black;
 margin-bottom: 6em;
}

#header
{
 background-color: #900;
}

#header img
{
 border: none;
 padding: .5em;
}

#header img.h1
{
 border: none;
 width: 200px;
 padding: .5em;
}

#header a:hover img,#header a:hover 
{
 background-color: black;
 color: white;
}

#header h1 a, h1, #footer
{
 background: #900;
 color: #ffd;
 text-decoration: none;
}

h1
{
 text-align: center;
 margin: 0;
 padding: 0 0 .25em;
 font-size: 2.5em;
 text-shadow: .075em .075em 0em black;
 font-family: "Avant Garde", "Avant Garde Std", AvantGardeStd-Regular, "Lucida Sans Regular", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

h1 img
{
 border: 0;
}

h1 a:hover
{
 background-color: #a00;
}

div#main
{
 width: 85%;
 margin: 0 auto;
 text-align: center;
}

h2
{
 font-size: 1.66em;
}

img.site
{
 border: 1px solid black;
 max-width: 40%;
 margin-top: 1em;
 display: block;
 margin-left:auto;
 margin-right:auto;
}

p
{
 width: 85%;
 max-width: 38em;
 margin: 0 auto 1em;
 text-align: left;
 line-height: 1.5;
}

#footer
{
 font-size: .85em;
 text-align: right;
 padding: 0 0 .5em;
 position: fixed;
 bottom: 0;
 left: 0;
 margin-top: 1em;
 width: 100%;
 line-height: 1.5;
}

.nav
{
 margin: 0;
 padding: 0;
 border-top: 1px solid #900;
 border-bottom: 1px solid #900;
 font-size: .9em;
 background: #ffc;
}

.nav .up,
.nav .prev,
.nav .next
{
 width: 30%;
 padding: 0;
}

.nav .up
{
 text-align: center;
 margin: auto;
}

.nav .prev
{
 float: left;
 text-align: left;
 margin-left: .5em;
}

div + .nav
{
 margin-top: 2em;
}

.nav .next
{
 float: right;
 margin-right: .5em;
 text-align: right;
}

.nav li
{
 display: inline;
}

.nav li a
{
 color: black;
}

.nav li a:hover
{
 color: white;
 background-color: black;
}

a
{
 color: black;
}

a:active
{
 color: white;
 background: black;
}

a:visited
{
 color: #444;
}

a:hover
{
 color: black;
 background: white;
}

#sitethumbs img
{
 margin: 1em;
 border: 1px solid black;
}