/*
Theme Name: How Do You Solve
Theme URI: http://howdoyousolve.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

/* HTML ------------------------------------------------------------ */

	* { outline: none; }
	
	body { font-family: Arial; font-size: 0.85em; background: #D3ECF1; color: #fff; }
	html { overflow-y: scroll; }
	
	h1, h2, h3, h4, h5, h6 { font-family: 'Lucida Grande', sans-serif; }
	
	h1 { font-size: 3.2em; }
	h2 { font-size: 1.5em; }
	
	a { text-decoration: none; color: #888; }
	a:hover { color: #02cee2; }
	
	p, li, .post-meta { line-height: 20px; }
	
	blockquote { background: #212f32; color: #999; padding: 5px 10px 1px; font-style: italic; font-size: 0.95em; clear: both; }

/* General Structure ------------------------------------------------------------ */

	#page-wrap { width: 960px; background: #eee; margin: 0 auto; }
	#page-wrap-inner { float: left; width: 960px; background: #212f32; margin: 0 0 4px 0; }
	
	#content { width: 520px; float: right; }
	#single-page { width: 100%; float: left; }
	#main { width: 726px; float: left; margin: 0 0 0 10px; }
	
	.content ul li { list-style: disc; list-style-position: inside; }
	.content ol li { list-style: decimal; list-style-position: inside; }
	.content p, .content ul, .content ol, .content blockquote, .content h2, .content h3, .content h4, .content h5, .content h6, .content cite, hr { margin: 0 0 10px 0; }
	
/* Header ------------------------------------------------------------ */

	#header { width: 938px; height: 160px; position: relative; margin: 8px auto 40px; background: #001b22; border: 1px solid #fff; }
	
	#header h1 { position: absolute; left: 40px; top: 30px; }
	#header h2 { position: absolute; left: 80px; top: 80px; }
	
	#header h1 a { color: #02cee2; }
	
	#header_img { position: absolute; top: 0; left: 0; width: 938px; height: 160px; background: url(images/header.jpg); }
	
	#nav { position: relative; }
	.nav { line-height: 32px; position: absolute; left: 40px; top: -47px; }
	.nav li { display: inline; padding: 9px 16px; background: #001b22; }
	
	.nav a { color: #999; font-family: Verdana; }
	.nav a:hover { color: #fff; }
	.current_page_item a { color: #fff; }
	
	#rss-icon { position: absolute; top: 110px; right: 40px; }
	#rss-text { position: absolute; top: 60px; right: 35px; text-align: center; font-family: Verdana; }
	#rss-text a { color: #fff; }
	#rss-text a:hover { color: #02cee2; }

/* footer ------------------------------------------------------------ */

	#footer { clear: both; width: 960px; height: 50px; background: #001b22; margin: 0 auto; }
	#footer p { line-height: 44px; text-indent: 20px; }

/* sidebar ------------------------------------------------------------ */

	#sidebar { position: relative; float: left; background: #001b22; width: 195px; clear: none; border: 1px solid #fff; margin: 0 0 8px 0; }
	#sidebar_inner { width: 165px; margin: 15px 0 0 15px; }
	
	.widget { margin: 0 0 20px 0; }
	.widget h2 { margin: 0 0 10px 0; }
	
	#ads { width: 203px; float: right; background: #001b22; border: 1px solid #fff; margin: 0 10px 8px 0; text-align: center; padding: 20px 0 0; }
	
	#s { width: 150px; }
	#searchsubmit { margin: 5px 0 0 0; }

/* Posts ------------------------------------------------------------ */

	.post { float: right; clear: both; width: 517px; margin: 0 0 8px 0; background: #001b22; border: 1px solid #fff; }
	.post_inner { width: 487px; margin: 15px 0 15px 15px; }
	.post-time { margin: -10px 0 10px 0; font-size: 0.9em; color: #02cee2; }
	
	.post_page { float: right; clear: both; width: 724px; margin: 0 0 8px 0; background: #001b22; border: 1px solid #fff; }
	.post_page_inner { float: left; width: 675px; margin: 15px 0 15px 15px; }
	
	.post-meta { font-size: 0.9em; }
	
	h2.post-title a { color: #fff; }
	h2.post-title a:hover { color: #02cee2; }
	
	.post-content a { text-decoration: underline; color: #02cee2; }
	.post-content a:hover { color: #999; }
	
	img.alignleft { margin: 0 20px 10px 0; }
	img.alignright { margin: 0 0 10px 20px; }
	
	.post-navigation { float: left; clear: both; margin: 0 0 10px 0; }

/* Comments ------------------------------------------------------------ */
	
	#comments { float: left; clear: both; }
	.commentlist { float: left; clear: both; width: 490px; }
	ol.commentlist li { list-style: none; }
	#respond { float: left; clear: both; width: 490px; margin: 0 0 10px 0; }
	.comment { padding: 15px 15px 10px; background: #001b22; margin: 0 0 9px 0; width: 488px; border: 1px solid #fff; }
	.comment-meta { margin: 0 0 10px 0; }
	
	textarea#comment { width: 520px; height: 150px; margin: 0 0 10px; }

/* Archives ------------------------------------------------------------ */

	h3.archive_title { background: #001b22; padding: 15px 15px; border: 1px solid #fff; margin: 0 0 8px; width: 488px; float: right; }

/* 404 ------------------------------------------------------------ */

	#error_404 { height: 554px; background: #001b22 url(images/404.jpg); text-align: center; }