/*
Theme Name: What The Who Now?
Theme URI: http://5inline.com/
Description: The theme for Scott Murphy's Who the What Now Blog
Version: 1.0
Author: Tommy Maloney
Author URI: http://5inline.com/
*/

/**
 * 	GLOBALS
 * 	----------------------------------------
 */

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	}
body {
	background: #fff;
	color: #39352e;
	font: normal 75%/95% Arial, Verdana, Helvetica, sans-serif;
	}
html>body {
	font-size: 12px;
	}

/* -- Reset -- */
div,dl,dt,dd,ul,ol,lu,pre,form,fieldset,blockquote,th,td,h1,h2,h3,h4,h5,p,hr {
	margin: 0;
	padding: 0;
	}

/* -- Images -- */
img { border: 0; }
.imglt,
img.alignleft {
	clear: left;
	float: left;
	margin: 0 0.5em 0.5em 0;
	}
.imgrt,
img.alignright {
	clear: right;
	float: right;
	margin: 0 0 0.5em 0.5em;
	}


/* -- Text Elements -- */
p { 
	font-size: 1em;
	line-height: 1.5em;
	margin: 0 0 1.5em 0; 
	}
a, a.link { color: #5a5956; outline: none; text-decoration: underline;	}
a:hover, a.over { color: #797874; border: 0; text-decoration: none; }
.clear {
	clear: both;
	display: block;
	width: 100%;
	}
.txtct { text-align: center; }
.txtrt { text-align: right; }
.rt { float: right; }
.lt { float: left; }
blockquote { margin-left: 2em; margin-right: 2em; }


/* -- Headings -- */
h1, h2, h3, h4, h5 {
	color: #39352e;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
h1 {
	font-size: 2.5em;
	line-height: 0.75em;
	margin: 0.75em 0 0.75em 0;
	}
h2 {
	font-size: 2em;
	line-height: 1em;
	margin: 1.0em 0 1.0em 0;
	}
h3 {
	font-size: 1.5em;
	line-height: 1em;
	margin: 1.0em 0 1.0em 0;
	}
h4 {
	font-size: 1.167em;
	line-height: 1.286em;
	margin: 1.286em 0 1.286em 0;
	}
h5 {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.5em 0 1.5em 0;
	}

/* -- Lists -- */
.post ul, .post ol { margin: 0.75em 0; }
#content_left ul li, #content_left ol li { line-height: 1.5em; margin-left: 1em; }

/* -- Lines -- */
hr.hr, hr.hr0 {
	background: #fff;
	border: 0;
	border-top: 1px solid #39352e;
	clear: both;
	color: #fff;
	display: block;
	height: 1.5em;
	padding: 0;
	margin: 2.25em 0 -0.75em 0;
	}
hr.hr0 {
	height: 1px;
	margin: 0;
	}




/**
 * STRUCTURE
 * ----------------------------------------
 */

#wrapper,
#container {
	height: auto !important;
	height: 100%;
	margin-bottom: 0;
	min-height: 100%;
	}
#header_wrapper {
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	}
#header {
	clear: both;
	height: 100px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 840px;
	}
	
#content_wrapper {
	clear: both;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 850px;
	z-index: 2;
	}
	#content {
		clear: both;
		margin: 0;
		padding: 0;
		position: relative;
		width: 850px;
		}
	#content_left {
		clear: left;
		float: left;
		margin: 0px;
		width: 590px;
		}
		#content_left.wide {
			width: 644px;
			}
	#content_right {
		float: right;
		margin: 0px;
		padding: 0px;
		width: 235px;
		}
	#content_right.home {
		margin-top: -266px;
		}

#footer_wrapper {
	clear: both;
	margin: 0 auto;
	position: relative;
	width: 100%;
	}
	#footer {
		clear: both;
		margin: 0 auto;
		padding: 0px;
		position: relative;
		width: 850px;
		}

/**
 * 960 Grid Extensions
 */
.column_12 h1, .column_12 h2, .column_12 h3, .column_12 h4, .column_12 h5,
.column_16 h1, .column_16 h2, .column_16 h3, .column_16 h4, .column_16 h5,
.column_12 p, .column_12 ul, .column_12 ol,
.column_16 p, .column_16 ul, .column_16 ol {
	margin-left: 10px;
	}
.grid_1 h1, .grid_1 h2, .grid_1 h3, .grid_1 h4, .grid_1 h5,
.grid_2 h1, .grid_2 h2, .grid_2 h3, .grid_2 h4, .grid_2 h5,
.grid_3 h1, .grid_3 h2, .grid_3 h3, .grid_3 h4, .grid_3 h5,
.grid_4 h1, .grid_4 h2, .grid_4 h3, .grid_4 h4, .grid_4 h5,
.grid_5 h1, .grid_5 h2, .grid_5 h3, .grid_5 h4, .grid_5 h5 {
	margin-left: 0px;
	}



/**
 * HEADER
 * ----------------------------------------
 */
#header_wrapper {
/*
	background: url(images/header_bg.png) #000 left bottom repeat-x;
	border-bottom: 1px solid #ebebeb;
*/
	background: url(images/header_bg_green.png) #000 left bottom repeat-x;
	border-bottom: 1px solid #000;
	}

#title_logo {
/*
	background: url(images/notes_from_the_field.png) left bottom no-repeat;
*/
	background: url(images/notes_from_the_field-grunge.png) left bottom no-repeat;
	bottom: 8px;
	display: block;
	height: 47px;
	float: left;
	font-size: 1em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	width: 575px;
	}

#top_navigation {
	bottom: 14px;
	clear: right;
	float: right;
	font-size: 1.2em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	}
	#top_navigation li {
		display: block;
		float: left;
		margin-left: 1.5em;
		}
		#top_navigation li a {
			color: #fff;
			text-decoration: none;
			}
			#top_navigation li a:hover {
				color: #027ab5;
				text-decoration: underline;
				}


/**
 * CONTENT
 * ----------------------------------------
 */
body {
/*
	background: url(images/body_bg.png) left top;
*/
	background: url(images/body_bg_solid.jpg) center top fixed no-repeat;
	}
#container {
/*
	background: url(images/container_bg.png) left top repeat-x;
*/
	}
#content_wrapper {
	background: url(images/content_top_short-shadow.png) center top no-repeat;
	padding: 103px 0 0 0;
	}
#content {
	background: url(images/content_bg-shadow.png) center top repeat-y;
	}
#content_left {
	padding: 0 10px 0 15px;
	}
	#content_left ul {
		margin: 0 0 1.5em 1.5em;
		}


/**
 * POSTS
 * ----------------------------------------
 */

.post_list {
	border-bottom: 1px solid #afafaf;
	clear: both;
	}
	.post_list .post_content {
		clear: left;
		float: left;
		width: 590px;
		}
#content_left h1.post_title,
#content_left h2.post_title { line-height: 1.25em; }
.post_title a {
	text-decoration: none;
	}
	.post_title a:hover {
		color: #889176;
		}

.post_meta {
/*	background: url(images/post_meta_bg.png) center top no-repeat;	*/
	clear: both;
	color: #484f3a;
	display: block;
	float: left;
	margin: -1.5em 0 1.5em 0;
	width: 100%;
/*	margin-left: 20px;	*/
/*	width: 160px;	*/
	}
	.post_meta p {
		font-size: 0.91667em;
		font-weight: bold;
		line-height: 1.636363em;
		}
	.post_meta a {
		color: #889176;
		font-weight: bold;
		text-decoration: none;
		}
		.post_meta a:hover {
			color: #626b51;
			border-bottom: 1px solid #626b51;
			}

.the_post {
	}
	.the_post .post_content {
		border-bottom: 1px solid #afafaf;
		width: 590px;
		}

.the_post_meta {
	background: url(images/sidebar_bg-shadow.png) left top repeat-y;
	}

#post_navigation {
	font-weight: bold;
	font-size: 1.2em;
	padding: 1.5em 0;
	}
	#post_navigation a {
		color: #889176;
		}

/**
 * CONTACT FORM
 * ----------------------------------------
 */
.contact-form {
	margin: 0 0 1.5em;
	padding: 0;
	}
	.contact-form fieldset {
		border: 0;
		border-top: 2px solid #cfcfcf;
		clear: both;
		display: block;
		margin: 0.75em 0;
		padding: 1em;
		}
	.contact-form legend {
		font-size: 1.4em;
		font-weight: bold;
		}
	.contact-form label {
		font-weight: bold;
		}
		.contact-form .form-label {
			clear: both;
			margin-top: 1.5em;
			}
	.contact-form span.required { color: #c00; }
	.contact-form input[type=text],
	.contact-form textarea {
		font: normal 1em Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.5em;
		padding: 2px;
		width: 546px;
		}
	.contact-form input[type=submit] {
		background: url(images/button_bg.png) #e8eae2 left bottom repeat-x;
		border: 1px solid #aaaea2;
		height: 2em;
		font-weight: bold;
		line-height: 2em;
		margin-top: 1.5em;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;		
		}


/**
 * COMMENTS
 * ----------------------------------------
 */
#content_left ul.commentlist,
#content_left ul.children {
	list-style-type: none;
	margin: 1em;
	padding: 0;
	}
	#content_left ul.commentlist li {
		background: url(images/comment_bg.png);
		border: 1px solid #bdc4bb;
		clear: both;
		margin-left: 0px;
		padding: 1.5em;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
		.commentlist li p {	margin-left: 3.1667em; }
	.commentlist img.avatar {
		clear: left;
		float: left;
		margin: 0 0.5em 0.5em 0;
		}
	.comment-author {
		font-size: 1.1em;
		}
		.comment-author a { 
			font-weight: bold;
			margin-bottom: 1.5em;
			text-decoration: none;
			}
		.comment-author a:hover { color: #111; }
	.comment-meta {
		color: #ccc;
		font-size: 0.9em;
		float: right;
		margin-top: -1.5em;
		}
		.comment-meta a { text-decoration: none; }
		.comment-meta a:hover { color: #111; }
	.reply { margin-left: 3.1667em; }
	.reply a {
		background: url(images/button_bg.png) #e8eae2 left bottom repeat-x;
		border: 1px solid #aaaea2;
		height: 1.3em;
		font-weight: bold;
		line-height: 1.3em;
		padding: 0.25em 1em;
		text-decoration: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		}
	
	#commentform {
		background: #fafafa;
		border: 2px solid #bdc4bb;
		margin: 0 1em;
		padding: 1.5em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		}
		#comment { 
			font: normal 1.1em Arial, Verdana, Helvetica, sans-serif;
			padding: 2%;
			width: 96%; 
			}
		#submit {
			background: url(images/button_bg.png) #e8eae2 left bottom repeat-x;
			border: 1px solid #aaaea2;
			height: 2em;
			font-weight: bold;
			line-height: 2em;
			text-decoration: none;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			}


/**
 * SIDEBAR
 * ----------------------------------------
 */

#content_right {
	color: #2b2e2f;
	}
	#content_right a {
		color: #027ab5;
		text-decoration: none;
		}
		#content_right a:hover {
			color: #006394;
			}
	#content_right .sidebar_item {
		margin: 0 0 1.5em 0;
		padding: 0.01em 10px 0.01em 20px;
		width: 200px;
		}
	#content_right p {
		font-size: 0.91667em;
		line-height: 1.636363em;
		}

#content_right h1,
#content_right h2,
#content_right h3,
#content_right h4,
#content_right h5 {
	color: #2b2e2f;
	font-weight: normal;
	margin-bottom: 0em;
	}

#about_box {
	background: url(images/sidebar_bg.png) left top repeat-y;
	}

.sidebar_item ul {
	font-size: 0.91667em;
	line-height: 1.636363em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	.sidebar_item li {
		margin: 0 0 1.5em 0;
		padding: 0;
		}



/**
 * FOOTER
 * ----------------------------------------
 */
#footer {
	background: url(images/content_bottom-shadow.png) top center no-repeat;
	height: 60px;
	padding-top: 20px;
	}

#footer_navigation {
	clear: left;
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 440px;
	}
	#footer_navigation li {
		display: block;
		float: left;
		margin-left: 1.5em;
		}
		#footer_navigation li a {
			text-decoration: none;
			}
#inline_production {
	font-size: 0.9em;
	float: right;
	margin-right: 1.5em;
	}
	#inline_production a {
		color: #a71313;
		text-decoration: none;
		}