/* general elements */
* { margin: 0; padding: 0;  border: none; outline: none; list-style: none;}

body { background: #fff; color: #333; font: 10px/1.2em 'Courier New', Helvetica, Arial, sans-serif; }

/* positioning classes */

.center { position: absolute; left: 50%; }
.left { float: left; }
.right { float: right; }

/* container */
div#container { width: 96em; overflow: auto; margin: 0 0 2em 0;}

/* header */
	ul#menu { background: #999; height: 20em; display: block; overflow: hidden;}
		ul#menu li { margin-top: 10.5em; text-transform: uppercase; float: left; padding: 1.6em 1.3em; font: bold 1.4em/0em 'Trebuchet MS', Helvetica, Arial, sans-serif;}
		ul#menu li.logo { text-transform: uppercase; color: #000; margin: 0 0 0 1.5em;  }
			ul#menu li.logo a { color: #000; text-decoration: none; }
			ul#menu li a { color: #fff; text-decoration: none; }
				ul#menu li a:hover { color: #555; }
		ul#menu li.search { padding: 0.6em 1.7em 0 0; float: right;}
			ul#menu li.search form input#s { padding: 0.2em 0.3em; border: 3px double #ccc; font: 0.9em 'Courier New', Helvetica, Arial, sans-serif; background: #fff; }
			
/* sidebar */
	div#sidebar { width: 13.5em; margin: 4em 0 0 1.5em; padding: 0 1em; }
		div#sidebar h2 { color: #1a1a1a; font: bold 1.1em 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 0 0 0.75em 0; text-transform: uppercase; }
		div#sidebar h2.title { font: bold 1.2em 'Trebuchet MS', Helvetica, Arial, sans-serif; }
		div#sidebar ul { font: 1.1em/1.2em 'Courier New', Helvetica, Arial, sans-serif; margin: 0 0 2em 0;}
			div#sidebar ul.recent { font: 1.2em/1.2em 'Courier New', Helvetica, Arial, sans-serif; }
			div#sidebar ul li { margin: 0 0 0.5em 0; }
				div#sidebar a { color: #808080; text-decoration: none; border-bottom: 1px solid #fff;}
					div#sidebar a:hover { color: #333; border-bottom: 1px dotted #333; }
		div#sidebar div.contact { color: #808080; font: 1.2em/1.6em 'Courier New', Helvetica, Arial, sans-serif; }
		

/* content */
	div#content { width: 78em; overflow: auto; }
		div.post div.postmeta { display: block; margin: 2.1em 0 0 0; height: 1.8em;}
			div.post div.postmeta span.first { width: 15em; }
			div.post div.postmeta span.first b { font: 1em 'Courier New', serif; color: #808080; text-decoration: none; text-transform: lowercase; font-weigth: normal; }
			div.post div.postmeta span.last { width: 20.2em; padding: 0 0 0 2.2em; }
			div.post div.postmeta span { font: bold 1.2em 'Trebuchet MS', sans-serif; display: block; width: 22em; float: left; margin: 0 0 0 1em; text-transform: uppercase; }
				div.post div.postmeta span a { font: 1em 'Courier New', serif; color: #808080; text-decoration: none; text-transform: lowercase;}
					div.post div.postmeta span a:hover { border-bottom: 1px dotted #808080; font: 1em 'Courier New', serif;}
		div.post { margin: 2em 0 0 0; overflow: auto;}
			div.post h1 { font: 4em/1.1em 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #333; display: block; margin: 0.92em 0 0.47em 0.25em; }
			div.post h2 { color: #1a1a1a; font: bold 1.1em/1.4em 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 0 0 0.75em 0; text-transform: uppercase; }
			div.post div.left { margin: 0 0 0 1em; }
				div.post div.left div.excerpt { font: italic 1.6em/1.2em 'Courier New', Helvetica, Arial, sans-serif; margin: 0.5em 0 1.9em 0; }
				div.post div.left div.thepost { font: 1.2em/1.5em Georgia, sans-serif; }
					div.post div.left blockquote { color: #808080; font: italic 1.4em/1.25em 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 0 1em 1em 1em; }
					div.post div.left div.thepost p { margin: 0 1em 1em 0; padding: 0;}
						div.post div.left div.thepost p a { color: #808080; text-decoration: none; border-bottom: 1px dotted #333; }
							div.post div.left div.thepost a:hover { color: #000; border-bottom: none;  }
				div.post div.left div.post_column_1 { width: 38em !important; float: left; }
				div.post div.left div.post_column_1 + div.post_column_1 { width: 25em !important; float: right; margin: -1em 0 0 1em; }
				div.post div.left div.post_column_1 img { max-width: 34em; margin: 0 1em 0em 1em; }
					div.post div.left div.post_column_1 + div.post_column_1 img { max-width: 25em; margin: 0 0 1em 0; }

/* comments */
		div#comments { margin: 2em 0 0 0; }
			 div#comments h2.respond { font: 2em 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 0; border-bottom: 1px dotted #D1D1D1; width: 22em; padding: 0 0 0.3em 0; color: #3A3A3A; }
			 span.author { color: #363636;font: 1.6em 'Trebuchet MS', Helvetica, Arial, sans-serif; display: block; margin: 0em 0em 0.4em 0;}
			 	span.author a { color: #363636; }
			 span.date { color: #363636;font: 1.1em 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 0em 0 1em 0; display: block; }
			 	span.date a { color: #000; text-decoration: none;}
			div.commentcontent { font: 1.2em/1.5em Georgia, serif; }
			ol.commentlist { margin: 0 0 1.5em 0; }
				ol.commentlist li { padding: 1.5em 0 1.5em 0; border-bottom: 1px dotted #D1D1D1; width: 44em; }
			
				div.commentcontent a { color: #808080; }
				div.commentcontent a:hover { border-bottom: 1px dotted #808080; }
			div#comments h2.write { font: 1.6em 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #3A3A3A; margin: 0 0 0.6em 0;}
			div#comments small { font: 1.1em 'Trebuchet MS', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #3A3A3A;}
			div#comments input { width: 20em; padding: 0.2em 0.3em; border: 3px double #EEEEEE; margin: 0 0 1em 0; font: 1.1em Georgia, serif; }
				div#comments input.submit { font: 1.6em 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #3A3A3A; width: 7em; border: none; border-bottom: 1px dotted #808080; background: #fff; text-align: left; padding: 0; cursor: pointer; }
			div#comments textarea { width: 39em; height: 10em; font: 1.1em Georgia, serif; padding: 0.3em; border: 3px double #EEEEEE; margin: 0 0 1em 0;}
		 
/* archives and search*/
	div.archive { border-top: 1px dotted #8c8c8c;  display: block; margin: 2em 0 0 0;}
		div.archive_single {  border-bottom: 1px dotted #8c8c8c; overflow: auto;}	
			div.archive_single div.date { width: 13.1em; float: left; margin: 1em 0em 1em 1em; font: bold 1.1em 'Trebuchet MS', Helvetica, Arial, sans-serif; }
			div.archive_single div.archive_content { width: 37.9em; float: left; margin: 1em 0em 1em 1em; font: 1.2em Georgia, serif;}
				div.archive_single div.archive_content a img { margin: 0 0 1em 0; }
				div.archive_single div.archive_content a { color: #000; text-decoration: none; }
					div.archive_single div.archive_content a span { font: 1em 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #808080;}
					div.archive_single div.archive_content a:hover { border-bottom: 1px dotted #8c8c8c; }
						div.archive_single div.archive_content a:hover span { color: #000; }
			div.archive_single div.tags { width: 12em; float: left; margin: 1em 0em 1em 1em; font: 1.2em 'Trebuchet MS', Helvetica, Arial, sans-serif; }
				div.archive_single div.tags a { color: #808080; text-decoration: none; }
			
/* footer */
	div#footer { width: 96em; min-height: 30em; background: #999; float: left; padding: 2em 0 2em 2em; overflow: auto;}
		div.footer_box { width: 14.5em; float: left; margin: 0 1em 0 0; font: 1.2em/1.5em Georgia, serif; padding: 0px; color: #fff;}
			div.footer_box h2 { font: bold 1.2em 'Trebuchet MS', Helvetica, Arial, sans-serif; margin: 0 0 1em 0; }
			div.footer_box p { margin: 0px 0px 1em 0px; }
			div.footer_box a { color: #e5e5e5; text-decoration: none; }
				div.footer_box a:hover { border-bottom: 1px dotted #fff; }
				div.footer_box a img { border: none !important; }