/**************************************************************
 	RESET
**************************************************************/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}




/**************************************************************
 	BASIC ELEMENTS
**************************************************************/
	.container{
		width:890px;
		margin: 30px auto;
		overflow: hidden;
		clear: both;
	}
	
	.content{
		padding: 30px 5px;
	}
	
	
	.separator{
		border-top: 6px solid #111;
	}




/**************************************************************
 	HEADER ELEMENTS
**************************************************************/
	h1 a{
		text-indent: -99999px;
		background: url("./themes/site_themes/default/logo.gif") no-repeat left center;	
		width: 185px;
		float: left;
		padding: 5px 0px;
	}
	
	#nav{
		float: right;
	}
	
	#nav li{
		float: left;
		width: 109px;
		border-left: 1px solid #333;
		margin-left: 10px;
	}
	
	#nav li a{
		float: left;
		display: block;
		padding: 5px 5px;
		width: 110px;
		background: url("./themes/site_themes/default/nav_bg.gif") repeat-x left center;	
	}
	
	#nav li a:hover, body#journal #nav-journal a, 
	body#articles #nav-articles a, body#home #nav-home a,
	body#about #nav-about a {
		background-position: left bottom;
	}
	
	
	#banner{
		width: 100%;
		height: 80px;
		float: left;
		margin: 5px 0px;
		background: url("./themes/site_themes/default/stripes.gif") repeat-x;
	}
	
	#search{
		width: 100%;
	}
	
	#search p{
		padding-left: 660px;	
	}
	
	#keywords{
		border: 1px solid #111; 
		background: transparent;
		width: 148px;
		padding: 5px 5px;	
	}




/**************************************************************
	FOOTER
**************************************************************/	
	#footer{
		border-top: 1px solid #111;
	}

	#footer .content{
		padding: 5px;
	}


	#copyright{
		float:left;
		margin-right: 20px;
	}
	
	.validator{
	}
	
	
	#mt{
		float: right;
	}


/**************************************************************
 	HOME
**************************************************************/
	.listing{
		float: left;
		width:640px;
	}
	
	.listing ul{
		margin: 20px 0px;
	}

	.listing li{
		border-bottom: 1px solid #111;
		padding: 5px 0px;
	}
	
	
	.listing ul li .date{
		float: left;
		width: 115px;
	}
		


/**************************************************************
 	ARTICLE
**************************************************************/
	#entry{
		float: left;
		width:640px;
	}
	
	
	.info{
		width:100px;
		float: left;
	}
	
	

	
		
	.info .postcomments{
		margin-top: 10px;
		display: block; 
	}
	
	
	
	.category{
		width: 100%;
		overflow: hidden;
	}
	
	.category li{
		background: #fff;
		margin: 5px 5px 5px 0px;
		float: left;
	}
	
	.category a{
		display: block;
	}
	
	
	
	.post{
		margin-left: 115px;
		
	}
	
	.post p{
	}
	
	.post img{
		border: 10px solid #fff;
	}
	
	.pullquote{
		width: 220px;
		padding: 10px 5px;
		float: left;
		margin: 10px 10px 10px 0px;
		border-top: 1px solid #666;
		border-bottom: 1px solid #666;	
	}



/**************************************************************
 	RECENTS
**************************************************************/
	#recent-articles{
		width: 460px;
		float: left;
	}
	
	#recent-articles ul, #articles-by-tag ul, #articles-by-month ul{
		margin: 20px 0px;
	}
	
	#recent-articles li, #articles-by-tag li, #articles-by-month li{
		border-bottom: 1px solid #111;
		padding: 5px 0px;
	}
	
	
	#recent-articles ul li .date{
		float: left;
		width: 115px;
	}
		
	
	#articles-by-month{
		float: left;
		width: 160px;
		margin: 0px 10px;
	}
	
	#articles-by-tag{
		float: left;
		width: 220px;
	}



/**************************************************************
 	COMMENTS
**************************************************************/
	#comments{
		width: 640px;
	}

	#commentform ul, #comments ul{
		margin: 20px 0px;
	}
	
	#commentform ul li, #comments ul li{
		margin: 10px 0px;
		overflow: hidden;
	}

	#comments ul li{
		padding: 15px 0px;
		border-bottom: 1px dotted #111;

	}

	#comments ul li .gravatar{
		float: left;
		margin-left: 15px;
		margin-right: 10px;
		border:5px solid #fff;
	}



	#comments ul li .comment{
		float: left;
		width: 450px;
		padding: 0px 5px;
	}

	#commentform ul li label{
		width: 105px;
		padding:6px 0px;
		float: left;
	}
	
	
	#commentform ul li label.checkbox{
		float: none;
	}

	#commentform ul li .misc{
		margin-left: 110px;
		padding: 10px 0px;
		width: 350px;
	}
	
	#commentform ul li .misc button, #commentform ul li .misc input.submitButton{
		float: right;
	}


	#commentform .field{
		background: transparent;
		color: #666;
		border: 1px solid #111;
		margin: 0px 10px;
		width: 340px;
		padding: 5px 5px;
		float: left;			
	}
	
	
	#commentform ul li span.instruction{
		float: left;
		padding:6px 5px;
		visibility: hidden;
		background: #f1f2b8;
	}
	
	#commentform ul li:hover span.instruction, #commentform ul li.focused span.instruction{
		visibility: visible;
	}




/**************************************************************
 	SIDEBAR
**************************************************************/
	.sidebar{
		float: right;
		width: 220px;
	}
	
	.sidebar-recent-articles ul{
		margin: 20px 0px;
	}
	
	.sidebar-recent-articles li {
		border-bottom: 1px solid #111;
		padding: 5px 0px;
	}

	.feed{
		background: url("./themes/site_themes/default/feedicon.gif") no-repeat left center;
		height: 30px;
		display:table-cell; 
		padding-left:35px;
		vertical-align:middle;
	}
	
	.feed span{
		padding: 0px 5px;
		background: #fff;
		color: #000;
	}

	

/**************************************************************
 	TYPE
**************************************************************/
	a{
		color: #fff;
		text-decoration: none;
	}

	h2{
		font-size: 200%;
		font-weight: bold;
	}
	
	h2 a{
		padding: 0px 5px;
		background: #fff;
		color: #000;
		text-decoration: none;
	}
	
	h3{
		color: white;
		font-weight: bold;
	}
	
	h4 a, .meta a{
		background: #fff;
		color: #000;
		padding: 0px 5px;
		text-decoration: none;
		font-weight: normal;
	}
	
	
	
	#nav a{
		text-decoration: none;	
	}
	
	
	#keywords{
		color: #666;
	}
	
	
	.info{
		color: #333;
		font-size: 85%;
	}
	

	.info .date{
	}
	
	.category a{
		color: #222;
		text-decoration: none;
		padding: 2px 5px;
	}
	
	
	

	.pullquote{
		font-family: Georgia, serif;
		line-height: 140%;
		color: #999;
		font-size: 140%;
	}
	
	.pullquote:before {
	 content:"\201C" attr(title) "\201D";
	}
	
	
	.post p{
		color: #999;
		margin: 15px 0px;
		line-height: 150%;
		font-size: 95%;
		
	}
	
	.post p a{
		text-decoration: none;
		background-color: #fff;
		color: #000;
		padding: 0px 5px;
	}


	#footer{
		font-size: 80%;
	}
	
	
	#footer .validator a{
		background-color: #111;
		color: #444;
		padding: 0px 5px;		
	}


	#footer #mt a{
		color: #333;
	}


	#commentform input{
		color: #666;
	}


/**************************************************************
 BASE
**************************************************************/
body {
  margin: 0;
  padding: 0;
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  color: #333;
}