/*
Theme Name: Baseline
Description: Simple text-based wordpress theme, optimized for legibility
Version: 1
Author: Heath Beckett
Author URI: http://www.hbeckett.com
Tags: black, white, one-column, fixed-width
Last Modified: 09.12.09

*/

/*======================================
	normalize
======================================*/

* {	margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ul, ul li { list-style: none; list-style-position: outside; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
em, strong { /* left out from above */ }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content: ""; }
hr { display: none; }

/*--------------------------------------
	main styles
==-=-=-=-=---=====-=-=-=-====-=-=-===---*/

body {
	font: 18px/1.5em Arial, Helvetica, sans-serif;
	color: #5c5c5c;
	text-align: center;
	background: #fff;
	padding: 0 0 2em;
}

div { text-align: left; }

/*--------------------------------------
	typography styles
==-=-=-=-=---=====-=-=-=-====-=-=-===---*/

p { }
	#content p { margin: 1em 0; }

a { }
	a { color: #000; font-weight: bold; text-decoration: none; }
	a:hover, a:focus { color: blue; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { color: #000; }
	
		h1 { margin: 0 0 1em; font: bold 3em Arial, Helvetica, sans-serif; }
		h2 { margin: 0 0 1em; font: bold 1.5em Arial, Helvetica, sans-serif; }
		h3 { margin: 1em 0; font: bold 1em Arial, Helvetica, sans-serif; color: #5c5c5c; }
			h3 span { color: #000; }
		h4 { margin: 0 0 1em; font: bold 1.17em Arial, Helvetica, sans-serif; }
		h5,	
		h6 { margin: 0 0 1em; font: bold 1em Arial, Helvetica, sans-serif; }

ul, ul li { list-style: none; }
	#content ul { margin: 0 0 1.5em 1.5em; }
	#content ul li { margin: 0 0 0.5em; }
	#content div.post ul li { margin: 0; list-style: disc; }
	
ol, ol li { }
	#content ol { margin: 0 0 1.5em 3em; }
	#content ol li { margin: 0 0 1.5em; }
		
		#content form ol { margin: 0; }
		#content form ol li { margin: 0 0 .5em; list-style: none; background: none; }
		
#content ul ul, #content ol ol { margin-top: 1.5em; }	
	
dl { }
	dl { margin: 0 0 1.5em; }
	dl dt { margin: 0 0 1.5em; font-weight: bold; }
	dl dd { margin: 0 0 1.5em 1em; }

acronym, abbr { cursor: help; border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 1em 0; padding: 0 1em; }
	blockquote p { margin: 1em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite cite { font-weight: bold; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }
	
/*--------------------------------------
	base form styles
==-=-=-=-=---=====-=-=-=-====-=-=-===---*/

form { }
	
	fieldset { }
	legend { margin: 0; padding: 0; font-family: inherit; font-weight: bold; font-size: 1.167em; color: #000; }
	label { display: block; font-weight: bold; }
	input, textarea, select {
		padding: .25em;
		border: 1px solid #c2c2c2;
		border-right-color: #d7d7d7;
		border-bottom-color: #d7d7d7;
		background: #fff;
		font: inherit;
		line-height: 1.5em;
	}
	input { }
	textarea { height: 10em; width: 39em; }	
	select { width: auto; }
	
	
	input:focus,
	textarea:focus,
	select:focus { background: blue; color: #fff; border-color: blue; }
	
	/* radios and checkboxes */
	
		input.radio, input.checkbox,
		.buttons input, input.button, input.submit { border: 0; padding: 0; width: auto; background: none; }
		
		#main-area form ul.radios,
		#main-area form ul.checkboxes { margin: 0; padding: 1em; }
			#main-area form ul.radios li,
			#main-area form ul.checkboxes li { margin-right: 2em; }
			
	/* buttons */
	
	.buttons { margin: 1em 0 2em; }
		
		.buttons input,
		input.button,
		input.submit { padding: .25em; background: #000; color: #fff; cursor: pointer; font-weight: bold; }		
			.buttons input:hover,
			input.button:hover,
			input.submit:hover { background: blue; }
			.buttons input:hover,
			input.button:focus,
			input.submit:focus { background: blue; }


/*--------------------------------------
	layout styles
==-=-=-=-=---=====-=-=-=-====-=-=-===---*/

#container,
#masthead .wrap { position: relative; width: 40em; margin: 0 auto; }

#masthead, #navigation, #main-area, #content, #secondary-content { }

#masthead { padding: 2em 0 1em; background: #000; color: #fff; }
	#masthead .wrap { }
	
	#masthead #skip-links { position: absolute; left: -9000em; top: 0; height: 0; line-height: 0em; }
	
	#masthead h1.blog-title { margin: 0; line-height: 1em; }
		#masthead h1.blog-title a { color: #fff; }
		#masthead h1.blog-title a:hover { }		
		
	#masthead div.blog-description { margin: .5em 0; }
	
	#masthead div.search { float: right; display: inline; width: auto; font-size: .67em; }
		div.search label { display: none; }
		

#main-area { clear: both; }

	#content { margin-top: -3px; }
		div.post,
		div.page { margin: 0 0 1em; padding: 1em 0 0; border-top: 3px solid #000; }
		
			div.post-head { }
				#content h2.post-title { margin: 0; }
				#content .post-info { margin: 0; }
					#content .pubdate { margin: 0; }
					#content .post-author { margin: 0; font-style: italic; }
						.post-author .author { font-weight: bold; font-style: normal; }
					
			div.post-content { overflow-x: hidden; }
				.aligncenter { }
				.alignleft { float: left; display: inline; margin: 0 2em 2em 0; }
				.alignright { float: right; display: inline; margin: 0 0 2em 2em; }
				
			div.post-metadata { padding-top: 1em; border-top: 1px dotted; }
				div.post-metadata a { font-weight: bold; }
				
				div.post-tags { }
					#content div.post-tags ul,
					#content div.post-tags ul li { margin: 0 .5em 0 0; padding: 0; display: inline; }
					#content div.post-tags ul li a {  }
					
				div.post-category { }
					#content div.post-category ul,
					#content div.post-category ul li { margin: 0 .5em 0 0; padding: 0; display: inline; }
				
				div.post-metadata div.post-comments { margin: 0; padding: 0; border: 0; }
				
			div.post-navigation {  margin: 2em 0 0;  }
				#content div.post-navigation ul { height: 1.5em; margin: 0; }
				#content div.post-navigation ul li { }
				#content div.post-navigation ul li.next { }
				#content div.post-navigation ul li.previous { float: right; display: inline; text-align: right; width: auto; }
			
			div.post-comments { margin: 2em 0 0; padding: 2em 0 0; border-top: 3px solid #000; }
				
				#content div.post-comments h3 { margin: 0 0 2em; color: #000; }
				#content div.post-comments ol { margin: 0; }
				#content div.post-comments ol li { list-style: none; }
				
				#content div.post-comments ol.comments { margin: 0 2em; }
				#content div.post-comments ol.comments li { border-top: 1px dotted; }
				#content div.post-comments ol li .comment-author cite { font-weight: bold; color: #000; }
				
				#content div.post-comments ol li .pubdate { float: right; display: inline; width: auto; }
				#content div.post-comments ol li .pubdate a { color: #5C5C5C; font-weight: normal; }
				#content div.post-comments ol li img.avatar { display: none; }
				
				form#commentform { padding: 1em 0 0; border-top: 1px dotted; }
				
	#secondary-content { } /* aka, the sidebar */
		#secondary-content ul li { margin: 2em 0; } /* main sidebar list */
		#secondary-content ul li h2 { margin: 0; }	/* sidebar list titles */
			#secondary-content ul ul li { margin: 0.5em 0; } /* inner list */
				#secondary-content ul ul ul { margin: 0 0 0 1em; } /* indent the children */
				
		/* sidebar modules */
		
			li.search { }
				li.search form#search-form { }
				
			
		/* end sidebar modules */
		
#site-info { clear: both; margin-top: 2em; border-top: 3px solid #000; padding: 2em 0; font-size: .83em; }


/*--------------------------------------
	navigation
==-=-=-=-=---=====-=-=-=-====-=-=-===---*/

/* page navigation */
	/*
	#page-navigation { margin-top: 3em; height: 40px; background: #000; }			
		#page-navigation ul { float: left; display: inline; width: 980px; margin: 0; }
		#page-navigation ul li { float: left; display: inline; width: auto; display: inline; line-height: 40px; }
		#page-navigation ul li a { float: left; display: inline; width: auto; padding: 0 10px; color: #fff; border-right: 1px solid #fff; font-weight: bold; text-decoration: none; }
		#page-navigation ul li a:hover { background: blue; }
	*/
	#page-navigation { margin: 0 0 1em; padding: 0 0 2em; border-bottom: 1px dotted; }
		#page-navigation ul { margin: 0; }
		#page-navigation ul li { display: inline; margin: 0 .5em 0 0; }
		#page-navigation ul li a { }
		
		#page-navigation div.search { float: right; display: inline; width: auto; font-size: .78em; }
		
/* end page navigation */