html, body { background-color:#333; color:#ccc; margin:0; padding:0; overflow:auto; }
body { font:400 0.8em arial,sans-serif; line-height:1.4em; max-width:100%; width:100%; }
a, a:link, a:visited, a:hover, a:active { color:#0c0; text-decoration:none; }
a:hover { color:#cf0; text-decoration:underline; }
#left {
	background:#333 url("../img/fade.jpg") no-repeat right;
	height:100%;
	left:0;
	margin:0;
	overflow:hidden;
	padding:0;
	position:absolute;
	text-align:right;
	top:0;
	width:35%;
}
body > #left { position:fixed; }
#outer { height:240px; left:0; margin-top:-120px; position:absolute; top:50%; width:100%; }
h1 { color:#fff; display:inline; font:800 35px "century gothic","trebuchet ms",arial,sans-serif; margin-right:30px; text-align:right; }
#mainNav { margin:10px 0 0 0; padding:10px 0 0 0; }
#mainNav li { list-style-type:none; }
.nav, .nav:link, .nav:visited, .nav:hover, .nav:active {
	color:#aaa;
	display:block;
	font:400 20px "trebuchet ms",arial,sans-serif;
	margin:0;
	padding:0 30px 3px 0;
	text-decoration:none;
}
.nav:hover, .active { background-color:#222; color:#cf0; text-decoration:none; }
#main { height:100%; margin:20px 5% 20px 38%; overflow:visible; padding-top:0 !important; padding-top:20px; }
.title, .subtitle { color:#fff; display:block; font:600 1.1em "century gothic","trebuchet ms",arial,sans-serif; margin:0 0 5px 0; padding:0; }
.subtitle { font-size:0.9em; margin-bottom:0 ! important; padding-bottom:0 ! important; }
p { margin:0 0 5px 0; padding:0; }
.olb { margin:8px; text-align:left; }
.olb img { background-color:#222; border:none; padding:3px; }
.lime { margin-bottom:-6px; margin-right:8px; }
.yellow { color:#cf0; }
.green { color:#0c0; }
.date { float:left; font:600 1.2em arial,sans-serif; padding-right:5px; text-align:right; width:2.0em; }
.dateYear { font-size:0.9em ! important; }
div.main {
	margin-left:2.9em;
	margin-bottom:25px;
	border-left:solid 1px #3a3a3a;
	padding:0 30px 30px 5px;
	background:#333 url("../img/corner.jpg") no-repeat bottom right;
}
img.main { background-color:#222; border:none; float:right; margin:0 8px 8px 8px; padding:3px; }
a img.main:hover { background-color:#cf0; }
.quote {
	background:#2a2a2a url("../img/quote.jpg") repeat-x top;
	border-bottom:solid 1px #2e2e2e; 
 	border-right:solid 1px #2e2e2e; 
 	border-left:solid 2px #0c0;
	color:#fff;
	line-height:1.7em;
	margin:8px 0 12px 10px;
	padding:8px;
}
.comment { font-size:0.9em; font-family:"century gothic","trebuchet ms",arial,sans-serif; margin-top:15px; }
/* footer */
	.credit { color:#555; display:block; font:400 0.9em "trebuchet ms",arial,sans-serif; margin:15px 0 20px 0; text-align:center; }
	.credit a, .credit a:hover { color:#555; }
/* global template classes */
	#main dl { margin:0; padding:0; }
	#main dl dt, #leftPan dl dd dl dt { color:#0c0; font-size:1.1em; font-weight:bold; margin:0 0 0 30px; padding:6px 0; }
	#main dl dd dl dt { color:#cf0; }
	#main dl dd dl dd { font-size:1.1em; margin-left:70px; padding:0; }
	.meta { margin-top:10px; text-align:right; }
	#nextPrevious { margin:0 0 20px 0; padding:0 0 10px 0; }
	#nextPrevious .previous, #nextPrevious .next { float:left; margin:0; padding:0; }
	#nextPrevious .next { float:right; }
	#nextPrevious li { list-style-type:none; }