/* setup some defaults */
div { 
	text-align: left;
	width: auto;
}
a { color: #aa6666; }
li { margin-left: 10px; }
a img { border: 0px; } 

/* setup some page characteristics */
body { 
	margin: 0px;
	background: black;
	color: #eaeaea;
	font-family: helvetica, sans-serif;
	font-size: 10pt;
}
div.page { 
	width: 100%;
}

/* header of site */
div.head { 
	background: url(images/headbg.png);
	clear: both;
	margin-bottom: 10px;
}

/* left column stuff */
div.left { 
	float: left;
	width: 200px;
}

/* style bits for a left column box */
div.leftBox { 
	margin: 10px;
	border-bottom: 1px solid #8a8a8a;
	background: #8a8a8a;
}
div.leftBox div.title { 
}
div.leftBox div.title div {
	color: #eaeaea;
	font-weight: bold;
	text-align: center;
}
div.leftBox div.body { 
	padding: 5px;
	border-right: 1px solid #8a8a8a;
	background: black;
}

/* main body stuff */
div.main { 
	margin-left: 210px;
	border-left: 1px solid #8a8a8a;
}

/* stuff for the menu */
div.menu { 
	background: #8a8a8a;
	height: 18px;
}

div.menuItem {
	height: 18px;
	float: left;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
}
div.menuItem#hover,
div.menuItem#active { 
	height: 16px;
	background: black;
	border: 1px solid #8a8a8a;
}
div.menuItem a { 
	text-decoration: none;
	font-weight: bold;
	font-size: 11pt;
	color: #eaeaea;
}

/* styling for the body container */
div.page div.body { 
	padding: 10px;
}

/* news items */
div.newsItem { 
	padding: 15px;
	padding-top: 4px;
	padding-bottom: 25px;
	margin-bottom: 10px;
	border-bottom: 1px dotted grey;
}
div.newsItem div.title { 
	font-weight: bold;
	float: left;
}
div.newsItem div.title a { text-decoration: none; }
div.newsItem div.date { 
	float: left;
	width: auto;
	margin-right: 10px;
	font-style: italic;
}
div.newsItem div.body { 
	padding: 10px;
	padding-bottom: 10px;
	margin-top: 15px;
}
div.newsItem div.tags { float: left; }
div.newsItem div.link { 
	margin-right: 20px;
	float: right;
}
div.newsItem div.link a {
	text-decoration: none;
}
div.newsItem pre { 
	border-left: 1px dotted #cacaca;
	padding: 0px 0px 0px 5px;
	margin: 10px 0px 10px 15px;
	color: #cacaca;
}

/* sidebar photo stuff */
div.sidebarPhoto { 
	margin-bottom: 15px;
}

div.sidebarPhoto div.title { 
	font-weight: bold;
	text-align: center;
	background: none;
}
div.sidebarPhoto div.photo { 
	width: 100%;
	text-align: center;
}

/* main photo stuff */
div.photo div.title { 
	font-weight: bold;
	font-size: 12pt;
	float: left;
	width: auto;
}
div.photo div.date { 
	font-style: italic;
	font-size: 10pt;
	float: right;
	text-align: right;
	width: 200px;
}
div.photo div.photo { 
	text-align: center;
}
div.photo div.description { 
	padding: 30px;
}

/* nav links at the bottom of news items */
div.nav a { 
	padding-left: 5px;
	padding-right: 5px;
}

/* photo page stuff */
div.heading { 
	font-weight: bold;
	font-size: 12pt;
	margin-top: 15px;
	margin-bottom: 15px;
}

/* styling for a page list of results */
div.pagecount { 
	margin-bottom: 15px;
	padding-left: 35px;
}

/* styling for a list of photos */
div.photoList { 
	text-align: center;
}
div.photoList table { 
}

div.photoList table td { 
	width: 50%; 
	text-align: center;
	padding: 35px;
	padding-top: 10px;
	border-top: 1px solid #2a2a2a;
	vertical-align: top;
}

div.photoList div.thumb { 
	text-align: center;
}
div.photoList table div.title,
div.photoList table div.date,
div.photoList table div.tags {
	width: 160px;
	padding-bottom: 10px;
}

div.tags span { 
	padding-left: 5px;
	padding-right: 5px;
}

/* setup some css rules for code in my blog */
span.code,
div.code { 
	font-family: monospace;
	background: #222222;
	padding: 1px;
	margin: 1px;
	padding-left: 4px;
	padding-right: 4px;
}