body {
 background: #000 url(images/watermark1.jpg) no-repeat fixed center center;
 color: #ccc;
 font-family: 'trebuchet ms', arial, helvetica, sans-serif;
 margin: 0;
 text-align: justify;
}

a:link {
 color: #999999;
}
a:visited {
 color: #666666;
}
a:active {
 color: #333333;
}
a:hover {
 color: #ffffff;
}

#squid {
 margin-top: 1em;
 position: absolute;
 text-align: center;
 bottom: 10px;
 width: 100%;
}

h1 {
 background: #000 url(images/top_gradient.gif) top left repeat-x;
 color: #999;
 font-family: 'courier new', serif;
 font-style: italic;
 margin: 0;
 padding: 2em 1em 1em 4em;
}
div#banner {
 text-align: center;
}

.banner {
	margin: 1em;
	text-align: center;
}

ul.navigation {
 border: solid 1px;
 list-style: none;
 font-family: 'courier new', serif;
 font-weight: bold;
 margin: 1em;
 padding: 0;
 position: fixed;
 left: 0;
 top: 30%;
 width: 220px;
}

ul.navigation li {
 padding: 10px;
}

ul.navigation li a {
 display: block;
 text-decoration: none;
 width: 200px;
}

ul.navigation li:hover {
 background: #300;
}

div#content {
 padding: 0 0 0 45px;
 font-size: .8em;
 margin: 10px 10px 10px 250px;
 width: 700px;
}

.post {
 background: transparent;
 border: dotted 1px #666;
 margin: 0 0 40px 0;
 padding: 2em 1em 1em 1em;
}

.post > h2 {
 background: #000;
 border-top: dotted 1px #666;
 border-bottom: dotted 1px #666;
 border-left: dotted 1px #666;
 color: #aaa;
 font-family: 'courier new', serif;
 font-style: italic;
 margin: -2em -18px 1em 2em;
 padding: .2em;
 text-shadow: 2px 2px 3px #999;
}

div.entries dl {
 background: transparent;
 border: dotted 1px #666;
 padding: 2em 1em 1em 1em;
}

div.entries dl dt:first-child, div.entries dl dt:first-child + dd, div.entries dt {
 display: none;
}