body {
	margin:0px;
	padding:0px;
	font-family:arial, georgia, sans-serif;
	color:#ccc;
	background-color:black;
	font-size:12px;
	text-decoration:none;
	line-height: 1.4em;
	}

h3 {
	margin:0px 0px 16px 0px;
	padding:0px;
	line-height: 1.4em;
	font-weight: bold;
	font-size: 12px;
	color:#eee;
	}

h2 {
	margin:0px 0px 15px 0px;
	padding:3px 0px 0px 0px;
	font-size:18px;
	line-height:18px;
	font-weight:500;
	color:#eee;
	}

h2.date { }

h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	line-height:28px;
	font-weight:500;
	color:#6DCFF6;
	border-bottom: 1px dashed #6DCFF6;
	}

h1.title { }

p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 16px 0px;
	line-height: 1.4em;
	}
	
table, td {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	line-height: 1.3em;
}

#Content>p {margin:0px;}

#Content>p+p {text-indent:30px;}

a {
	color:#6DCFF6;
	text-decoration:none;
	}
a:link {color:#6DCFF6;}
a:visited {color:#6DCFF6;}
a:hover {color:#6DCFF6;}

#Header {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	height:50px;
	background-color:#000000;
	background-image:url(images/topdottedlinebar.gif);
	voice-family: "\";
	text-align: left;
}\"";

	voice-family:inherit;
	height:50px; /* the correct height */
	}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#Header {height:50px;}

/* this is a span envelopping the table of tab images */
#TabbedNavigation {
	position: absolute;
	left: 20px;
	top: 17px;
}

#Content {
	margin:0px 50px 50px 200px;
	padding:10px;
	}

#Menu {
	position:absolute;
	top:75px;
	left:20px;
	width:172px;
	padding:10px;
	background-color:black;
	border:1px dashed #6DCFF6;
	line-height:17px;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

#Section {
	width: 90%;
	margin: 0;
	padding: 0;
	float: left;
}

/* thumbnails */
div.item {
	float: left;
	padding: 5px 20px 5px 15px;
	text-align: center;
  }

div.item p {
	margin: 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.1em;
   }

div.item h5 {
	text-align: center;
	line-height: 1.1em;
	font-weight: bold;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

ul.navigation { }

.navigation li {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	font-variant: small-caps;
	text-align: right;
	display: inline;
	border: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	}
	
img { border: 0; }

.bottomnav { 
	font-size: 9px;
	text-align: center;
	margin-top: 0.5em;
}

/* navigation bar */
#linklist { 
	text-align: left;
	padding: 0em 0em 0em 0em;
}

#linklist li {
	font-variant: small-caps;
	text-align: left;
	display: inline;
	border: none;
	list-style: none;
	}

/* story, essay entry etc. */
#itembox { }

/* title of links, stories etc. */
#itembox h2 { 
	margin-top: 0.5em; 
	margin-bottom: 0.2em; 
} 

#itembox h3 { } /* metadata of stories */ 

#itembox p { }

#itembox ul { list-style: none; }

/* thumbnail */
#itembox img { 
	float: left;
	padding: 0.5em;
}

/* don't float */
#itembox img.new { 
	float: none;
	padding: 0px;
}