@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0;}
body {text-align:center; background-color:#413839; );}
* { margin:0; padding:0;}

#container {font:0.85em Arial, Verdana, Helvetica, sans-serif; width:1040px; margin:20px auto; text-align:left;}/* complete outside wrpper */

/*======== start header ========*/	
#header {position:relative;}
#header img {margin:0 0 10px 10px;}

	#searchForm {position:absolute; float:right; color:#000; background:url(/css/images/searchBox.gif) no-repeat right 7px; right:10px; top:35px; width:202px; height:40px;}	
	#searchForm	input#searchfield {position:relative; background:transparent; border-style:none; float:left; top:12px; left:30px;}
	#searchForm #submitbutton {position:relative; float:right; margin-right:7px; top:12px; }

	#titleField {position:absolute; float: right background-color: black; color: white; right: 10px; top: 35px; width: 400px; height: 60px;}

/*======== end header ========*/	

/*======== start main (wraps left & right upper columns)  ========*/
#main {font-size:1em; position:relative; background-color:#fff; border-top:solid 8px #999;}
	div.content {padding:10px;}
	p {margin:10px 0;}
	a {color:#36939b;}
	a:hover  {color:#97d4d9;}	
	a img {border-style:none;}
	pre {font-size:0.85em; font-family:"Courier New", Courier, monospace;}
	
	
	
	/*======== start post (left colmun) ========*/
	#post {float:left; width:770px;}
	#post div.post {position:relative; margin:10px; border:solid 1px #ddd; padding:10px;}
	#post h2 {font-size:1.8em; border-bottom:dashed 1px #333; padding-bottom:5px;}
	#post h2 a {color:#000; text-decoration:none;}
	#post h2 a:hover {color:#666; text-decoration:none;}
	#post h3, #post h4, #post h5 {clear:both; margin:10px 0;}			
	#post h3 {font-size:1.3em;}
	#post h4 {font-size:1.1em;}
	#post h5 {font-size:1em;}
	#post h6 {font-size:1em; clear:both; margin-top:10px; margin-bottom:-10px;}
	
		
	/*#post p.author {float:left; font-style:italic; margin-top:5px;}*/
	#post p.category {text-align:right; font-size:1.1em; font-weight:bold}
	#post p.category a {text-decoration:none;}
	#post p.timestamp {text-align:right; margin-top:5px;}
			
	#post blockquote {background-color:#eee; border:solid 1px #ddd; margin:10px 30px; padding:15px;}
	#post div.post ul {margin-top:10px; margin-bottom:10px;}
	#post div.post ul, #menu ul {margin-left:30px;}
	
	#post .post div.image {float:right; margin:5px 10px 5px 5px; border:solid 1px #ddd; padding:5px;}
	#post .post div.image p {text-align:center; margin:0;}
	#post .post div.image p.caption {font-size:0.8em;}
	#post div.post p.postfooter {color:#36939b; text-align:center; margin-top:20px;}
	#post div.post p.postfooter a {margin:0 10px; font-weight:bold; text-decoration:none;}
	
	/*======== end post ========*/		
	
	#post div.post ul li, #menu ul li {list-style-image:url(/css/images/listArrow.gif);}	
	
	/*======== start menu (right column) ========*/
	#menu {float:right; width:240px; background-color:#eee; margin-top:25px;}
	#menu h2 {font-size:1.1em; background-color:#ddd; border-bottom:solid 1px #fff; padding:10px; margin:0;}
	#menu ul, #menu table, #menu form {padding:10px;}
					.overline {border-top:solid 1px #ddd; margin-top:10px;}
	#menu ul li a {text-decoration:none;}
	
	#menu select {font-size:0.9em; width:140px;}
	
	#menu #searchformfeedster {position:relative; width:139px; height:27px; background:url(/css/images/searchBoxSm.gif) no-repeat 10px 10px;}
	#menu #searchformfeedster input#searchfeedster {position:relative; font-size:0.9em; background:transparent; border-style:none; float:left; top:5px; left:17px;}
	#menu #searchformfeedster #submitfeedster {float:right; position:relative; top:7px; right:4px;}
	/*======== end menu ========*/	
/*======== end main ========*/	
	
	
/*======== start midLinks ========*/
#midLinks {clear:both; border-left:solid 3px #fff; border-right:solid 3px #fff;}
#midLInks ul li {list-style:none;}
#midLinks ul li {float:left; padding:10px 20px;}
#midLinks ul li a {color:#fff;}
/*======== end midLinks ========*/

#midLinks ul li a, #lowerWrap a {text-decoration:none;}
#midLinks ul li a:hover, #lowerWrap a {color:#36939b;}

/*======== start lowerWrap ========*/	
#lowerWrap {position:relative; font-size:1em; border:solid 3px #fff;}
#lowerWrap ul li {list-style:none; padding:5px 0;}
#lowerWrap a:hover {color:#fff;}

	/*======== start leftWrap ========*/
	#leftWrap {float:left; width:49.5%;}
		/*======== start column1 ========*/
		#column1 {float:left; width:49%;}
		/*======== end column1 ========*/
		
		/*======== start column2 ========*/
		#column2{float:right; width:49%;}
		/*======== end column2 ========*/	
	/*======== end leftWrap ========*/
	
	/*======== start rightWrap ========*/
	#rightWrap {float:right; width:49.5%;}
		/*======== start column3 ========*/
		#column3 {float:left; width:49%;}
		/*======== end column3 ========*/
		
		/*======== start column4 ========*/
		#column4 {float:right; width:49%;}
		/*======== end column4 ========*/	
	/*======== end rightWrap ========*/	
/*======== end lowerWrap ========*/	


#footer {font-size:0.9em; color:#fff; text-align:center; clear:both; margin:10px;}

/* ======== float clearing method ========*/
/*devised by Tony Aslett - www.csscreator.com */
/* add the clearfix class to any containter that must enclose floated elements */
/* details at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
   content: ".";              /* the period is placed on the page as the last thing before the div closes */
   display: block;          /* inline elements don't respond to the clear property */ 
   height: 0;                  /* ensure the period is not visible */
   clear: both;               /* make the container clear the period */
   visibility: hidden;}     /* further ensures the period is not visible */
.clearfix {display: inline-block;}   /* a fix for IE Mac */
/* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
/* ======== end float clearing method ======*/

/*======== Archive Styles  ========*/

#content { padding: 3em; }
#posts {
	margin: -4em 0 0 0;
	padding: 0;
}

.nav {
	text-align: right;
}

.nav form {
	margin: 0.5em 0;
	}
	
.nav a {
	font-weight: bold;
	}
	
.post table {
	width: 100%;
	}
	
.post td:first-child a {
	font-weight: normal;
	}
	
.post td:last-child {
	text-align: right;
	}

.post td { font-size: 10pt; }

.post p { font-size: 10pt; }