/*
	Theme Name: Problogger Book
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 This is the stylesheet for Problogger and falls under its copyrights
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* { margin: 0; padding: 0; }
html { margin: 0; padding: 0; background: #EFEDE2; }
body { margin: 0; padding: 0; border-top: 3px solid #FFF; font: 80% Arial, Helvetica, sans-serif; color: #555; }

#column { width: 890px; margin: auto; }

	#heading { background: url('images/heading-bg.gif'); }
		#heading-1 { background: url('images/heading-left.gif') left no-repeat; }
		#heading-2 { height: 126px; background: url('images/heading-right.gif') right no-repeat; }
		#heading h1 {  }
		#heading h1 a{
			display: block;
			height: 85px; background: url('images/heading.jpg') 30px 10px no-repeat; text-indent: -9999pt; overflow: hidden; outline: none;
		}
		#heading p { padding: 8px 30px; color: #DAD5B7; font-weight: bold; }
		#heading a { color: #6A5C44; text-decoration: none; }
		#heading a:hover { color: #C03E26; }
		
		#quotation { width: 873px; margin: 5px auto 0 auto; background: #FEF6CC url('images/quotation-bg.gif'); }
		#quotation-1 { background: url('images/quotation-top.gif') top no-repeat; }
		#quotation-2 { padding: 15px 25px; background: url('images/quotation-bottom.gif') bottom no-repeat; }
		#quotation p { font: 1.5em Times, "Times New Roman", serif; font-style: italic; color: #000; line-height: 1.3em; }
			#quotation .quote:before { content: '"'; color: #D7BE94; }
			#quotation .quote:after { content: '"'; color: #D7BE94; }
		#quotation a { padding: 0.3em 0 0.3em 0; background: #C23D25 url('images/quotlink-tl.gif') top left no-repeat; color: #FFF; text-decoration: none; font: 0.6em Arial, Helvetica, sans-serif; }
		#quotation a span { padding: 0.3em 0 0 0; background: url('images/quotlink-tr.gif') top right no-repeat; }
		#quotation a span span { padding: 0.3em 0 0.3em 0.3em; background: url('images/quotlink-bl.gif') bottom left no-repeat; }
		#quotation a span span span { padding: 0.3em 0.6em 0.3em 0.3em; background: url('images/quotlink-br.gif') bottom right no-repeat; }

	#content { background: url('images/content-bg.gif'); line-height: 1.7em; }
		#content-1 { background: url('images/content-top.gif') top no-repeat; }
		#content-2 { padding: 40px 35px; background: url('images/content-bottom.gif') bottom no-repeat; }
		#column-main { width: 500px; float: left; }
		#column-side { width: 300px; float: right; }
		#content h2 { font-size: 2.2em; color: #4F5C5F; font-weight: normal; line-height: 1.5em; }
		
		#comments { margin-top: 2em; border-top: 1px solid #EBEBEB; padding-top: 2em; }
			.comment { margin-bottom: 1em; padding: 15px; background: #FCFAF2 url('images/comment-bg.gif') top repeat-x; border: 2px solid #F6F4EC; border-width: 0 2px; color: #333; line-height: 1.2em; }
			.comment-info { padding-bottom: 5px; border-bottom: 1px solid #EDE9DA; font-size: 0.9em; }
			.comment-info a { color: #C03F26; text-decoration: none; }
			#comments label { display: block; float: left; margin: 0 1.30em 1em 0; width: 26%; font-size: 0.9em; }
			#comments label.full { clear: both; width: 87%; }
			#comments label span { color: #999; }
			#comments label input, #comments label textarea { background: #fdf9e4; padding: 0.3em; width: 95%; border: 1px solid #d4d7d5; border-width: 1px 0 0 1px; font: inherit; font-size: 1.2em; line-height: 1.2em; }
			#comments h3 { color: #4F5C5F; }
			
		#mailing { margin-bottom: 20px; background: #4F5C5F url('images/mailing-top.gif') top no-repeat; color: #F0F5FF; }
			#mailing-1 { padding: 20px; background: url('images/mailing-bottom.gif') bottom no-repeat; }
			#mailing h3 { padding: 10px 0 10px 40px; background: url('images/icon-mailing.gif') left center no-repeat; color: #FFF; font-size: 160%; font-weight: normal; }
			#mailing label { display: block; font-size: 0.9em;  }
			#mailing label { display: block; margin-bottom: 1em; }
			#mailing label input { display: block; width: 75%; padding: 0.45em; color: #00F; background: #859699; border: 1px solid #A2B5B8; border-width: 0 1px 1px 0; }
			#mailing .break { display: block; margin: 0 0 0.5em 0; width: 85%; height: 1px; border-bottom: 1px dotted #A2B5B8; }
		#authors { margin-bottom: 20px; background: #F8F6F1 url('images/authors-bg.gif'); color: #616161;  }
			#authors-1 { background: url('images/authors-top.gif') top no-repeat; }
			#authors-2 { padding: 20px; background: url('images/authors-bottom.gif') bottom no-repeat; }
			.author { padding: 1em 0; border-top: 1px dotted #DBDBDB; }
			.author img { margin: 0.5em 1em 0 0; float: left; }
			.author span { display: block; color: #586f75; font-weight: bold; }
			.author span span { display: inline; color: #888; font-weight: normal; }

	#footer { background: #2D3131 url('images/footer-bg.gif'); color: #DDD;  }
		#footer-1 { padding: 25px 35px; background: url('images/footer-top.gif') top no-repeat; }

.clear { display: block; margin-top: -1px; height: 1px; clear: both;}
#content p, #content h2, #content h3 { margin-bottom: 0.5em; }
#content a:hover { text-decoration: underline; }
a { color: inherit; }
a:hover { color: #C03F26; }
a img { border: 0; }
* html label.full textarea { margin-top: -70px; }
* html #authors-2 { margin-bottom: -20px; }
* html #quotation a * { padding: 0 !important; background: none !important; color: #C23D25; text-decoration: underline; }
* html #quotation a { padding: 0 !important; background: none; color: #C23D25; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#heading-2 ul{
	margin: 0;
	padding: 0 30px;
	list-style: none;
}

#heading-2 li{ display: inline; margin: 0 10px 0 0; line-height: 30px; padding-right: 13px; background: url(images/divide.jpg) right no-repeat; color: #DAD5B7; font-weight: bold; }
#heading-2 ul li a { color: #6A5C44; text-decoration: none; }