body {
	background-color:#000000;
	color:#FFFFFF;
	margin: 0px;
}

/* -- HEADER AND NAVIGATION STYLES */

#header {
	width: 100%;
}

	#header	.block {
	/* fills header background with grey to match logo image */
	/* and loops a tiny little background image for the shadow */
		background-color:#1d1d1d;
	background-image: url(images/header_background.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	}
	
	#header .navigation {
	/* as above, only redder */
		background-color:#842321;
		background-image: url(images/nav_background.jpg);
		height: 30px;
		overflow: hidden;
	}
	
	#header .navigation_title {
		float: left;
		position: relative; /*fixes vertical alignment*/
		top: 4px;
		margin-left:20px;
		margin-right:20px;
	}
	
	#header .navigation_buttons:hover {
	background-image: url(images/gradient.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
	#header .navigation_buttons img { top:8px;	position: relative; border:none }
	#header .navigation_buttons {
	padding-top: 1px;
	padding-left: 12px; /* +2 for shadow in image */
	padding-right: 10px;
	border-left-width: 1px; /*used as a seperator*/
	border-left-style: solid;
	border-left-color: #671614;
	height:29px;
	float:right;
	}

#subnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	#subnav	.block {
		background-color:#101010;
		background-image: url(images/header_subnav_background.jpg);
		background-repeat: no-repeat;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #3a3a3a;
		height: 30px;
		padding-left: 20px;
	}

	#subnav A:link, A:visited, A:active, A:hover { text-decoration: none; color: #FFFFFF;}
	#subnav A:hover {text-decoration: underline; color: #FFFFFF;}
	
	#subnav li {
		margin-top: 8px;
		margin-right: 20px;
		display: inline;
		float: left;
	}


	#subnav .post-meta-key { visibility: hidden; font-size: 0px; overflow:hidden /*crude hax  */}
	#subnav ul {
		margin-top: 0px;
		margin-left: -40px;
		float: left;
	}

	#subnav .logintext {
		margin-top: 8px;
		margin-right: 20px;
		display: inline;
		float: right;
		font-size: 10px;
		color: #cccccc
	}



.blacksection {
	/*this starts a new section with a black background, full width horizontal rule and a subtle gradient
these should be used the most. they don't have to alternative, just start two blacks in a row
and you get all the contrast you need.*/
	background-color:#000000;
	background-image: url(images/gradient.png);
	background-repeat: repeat-x;
	background-position: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3a3a3a;
}

.greysection {
/*as above but only for special occasions. try and stick to one a page*/
	background-color:#101010;
	background-image: url(images/gradient.png);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #3a3a3a;
}

#content a:link { color: #af1b17; text-decoration: none; }
#content a:visited { color: #af1b17;	text-decoration: none; }
#content a:active { color: #af1b17;	text-decoration: none; }
#content a:hover { color: #af1b17; text-decoration: underline; }
#content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}


	#content .title a:link { color: #ffffff;	text-decoration: none; }
	#content .title a:visited { color: #ffffff;	text-decoration: none; }
	#content .title a:active { color: #ffffff;	text-decoration: none; }
	#content .title a:hover { color: #af1b17; text-decoration: underline;  }
	#content .title {
		font-size: 16px;
		font-style: normal;
		text-decoration: none;
		font-weight: bold;
		color: #af1b17;
	}

	#content .entry a:link { color: #FFFFFF; text-decoration: none;	font-weight: bold; }
	#content .entry a:visited { color: #FFFFFF;	text-decoration: none; font-weight: bold; }
	#content .entry a:active { color: #FFFFFF;	text-decoration: none; font-weight: bold; }
	#content .entry a:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold;  }
	#content .entry { margin-top:30px; }
	
	#content .postmetadata a:link { color: #999999;;	text-decoration: none; }
	#content .postmetadata a:visited { color: #999999;;	text-decoration: none; }
	#content .postmetadata a:active { color: #999999;;	text-decoration: none; }
	#content .postmetadata a:hover { color: #999999;; text-decoration: underline;  }
	#content .postmetadata { color: #999999; }
	
	#content hr {
		border: 1px solid #1a1a1a;
		margin: 40px;
	}
	
	#content small {
		font-size: 9px;
		color: #999999;
	}


	#content cite {
		color: #af1b17;
		font-weight: bold;  
	}

	#content textarea {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	border: 1px solid #3a3a3a;
	color: #FFFFFF;
	}

#sidebar {
	width: 250px;
	float: right;
}

	#sidebar .block {
		color: #FFFFFF;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		margin-left: 20px;
		margin-bottom: 30px;
		border-left-width: 1px;
		border-left-style: solid;
		border-left-color: #3a3a3a;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #3a3a3a;
		background-color:#101010;
		background-image: url(images/gradient.png);
		background-repeat: repeat-x;
		font-family: Arial, Helvetica, sans-serif;
	}

	#sidebar h2 {
	font-size: 14px;
	color: #af1b17;
	}

	#sidebar h3 {
	font-size: 12px;
	color: #FFFFFF;
	}

	#sidebar li { 	list-style-type: none; }


	#sidebar li li a:link { color: #FFFFFF; text-decoration: none;	font-weight: bold; }
	#sidebar li li a:visited { color: #FFFFFF;	text-decoration: none; font-weight: bold; }
	#sidebar li li a:active { color: #FFFFFF;	text-decoration: none; font-weight: bold; }
	#sidebar li li a:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold;  }
	#sidebar li li a { float:left; clear:right; /* hax to fix WP bug */ }
	#sidebar li li {
	list-style-type: none;
	color: #999999;
	font-size: 12px;
	margin-left: -25px;
	padding-bottom: 20px;
	clear:both;
}

	#sidebar hr {
		border: 1px solid #1a1a1a;
		margin: 10px;
	}

	#sidebar input {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #000000;
	border: 1px solid #3a3a3a;
	color: #FFFFFF;
	}

#contentnavigation 	{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
	#contentnavigation a:link { color: #FFFFFF; text-decoration: none;	font-weight: bold; }
	#contentnavigation a:visited { color: #FFFFFF;	text-decoration: none; font-weight: bold; }
	#contentnavigation a:active { color: #FFFFFF;	text-decoration: none; font-weight: bold; }
	#contentnavigation a:hover { color: #FFFFFF; text-decoration: underline; font-weight: bold;  }
	#contentnavigation hr { 
		clear:both;
		border: 1px solid #1a1a1a;
	}

	#contentnavigation .alignleft {
		float: left;
		margin-left: 100px;
		margin-bottom: 5px;
	}
	
	#contentnavigation .alignright {
		float: right;
		margin-right: 100px;
		margin-bottom: 10px;
	}

#footer 
{
	clear: both;
	float: left;
	width: 100%;
	color: #999999;
	background-color: #202326;
}

#footer .block { float: left; width: 210px; padding: 10px 0; }

#footer .block h3 { padding: 0 10px 5px 13px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; }

#footer .block ul { padding: 0 10px 20px; list-style-type: none; }

#footer .block ul a
{
	display: block;
	margin-top: -1px;
	padding: 5px 10px;
	font-size: 76%;
	border-top: 1px solid #777777;
	border-bottom: 1px solid #777777;
}

#footer .block ul a:hover, #footer .block ul a:active 
{
	background-color: #0d0f10;
}

#footer p { padding: 0 15px; }

#footer .block p { margin: 15px 0; }

#footer a { color: #999999; border-bottom-color: #666666; }

#footer a:hover, #footer a:active { color: #a5a5a5; border-bottom-color: #999999; }

#footer p.copyright { clear: both; background-color: #14181d;  padding: 10px 15px; }