/* @override http://media.davidhemphill.com/css/screen.css */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* 960 */
.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}

/* David Hemphill.com Styles */

/* 
	========================
	Color Guide
	========================
	-- Light Blue: #1190b0
	-- Dark Blue: #005270
	-- Light Green: #598f2d
	-- Dark Green: #39710b
	-- Light Yellow: #acd102
	========================
*/

	body {
	background-color: #4c4c4c;
	line-height: 18px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

	div#wrapper {
	background: #4c4c4c url(/archive/2009-edition/assets/media/img/bg-page2.gif) repeat-y center center;
}

	/*Sidebar */
	div#sidebar {
}

	div#sidebar p {
	font-style: normal;
	font-size: 12px;
	color: #FFF;
	margin: 0 20px 18px;
	
}

	h1 {
	font-size: 18px;
	color: #FFF;
	text-transform: uppercase;
	padding: 36px 0 0 0;
	margin: 0 20px;
}

	h1 a {
	color: #FFF;
	text-decoration: none;
}

	p#tagline {
}

	div#sidebar p#description {
	margin-bottom: 36px;
}
	ul#navigation, ul#navigation li {
	margin: 0;
	padding: 0
}

	ul#navigation {
	margin-bottom: 18px;
}
	ul#navigation li {
	list-style: none;
}

	ul#navigation li a {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	text-decoration: none;
	color: #FFF;
	height: 36px;
	line-height: 36px;
	padding: 0 20px;
}

	ul#navigation li a#nav-blog { background: #555; }
	ul#navigation li a#nav-archives { background: #444; }
	ul#navigation li a#nav-work { background: #333; }
	ul#navigation li a#nav-about { background: #222; }
	ul#navigation li a#nav-contact { background: #111; }
	
	ul#navigation li a#nav-blog:hover { background: #1190b0; }
	ul#navigation li a#nav-archives:hover { background: #005270; }
	ul#navigation li a#nav-work:hover { background: #7fae24; }
	ul#navigation li a#nav-about:hover { background: #7fae24; }
	ul#navigation li a#nav-contact:hover { background: #d28610; }

	div#sidebar h2 {
	font-size: 14px;
	color: #FFF;
	text-transform: uppercase;
	margin: 0 20px 18px;
}

	ul#other_links {
	list-style: none;
}

	ul#other_links li {
	font-family: Georgia, Times, serif;
	font-size: 10px;
	margin: 0 20px 18px;
	font-style: italic;
	color: #FFF;
}

	ul#other_links li a {
	color: #FFF;
	text-decoration: none;
}

	ul#other_links li span {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}

	/* Content */
	div#content {
	background-color: #FFF;
	min-height: 890px;
}

	/* Twitter */
	div#content #twitter {
	background-color: #000;
	margin-bottom: 36px;
	border-bottom: 10px solid #AAA;
}

	div#content #tweet_text {
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 24px;
	line-height: 36px;
	color: #FFF;
	margin: 0 36px 18px;
	padding: 36px 0 0 0;
}

	div#content #tweet_time {
	margin: 0 36px;
	padding: 0 0 36px 0; 
	font-size: 12px;
	font-style: italic;
	color: #FFF;
}

	div#content #tweet_text,
	div#content #tweet_time a {
	color: #FFF;
}
	
	div#content h2,
	div#content h2 a { color: #444; text-decoration: none; text-transform: uppercase;
	font-weight: bold;
}
	div#content h2 a:hover { color: #444; }

	div#content h2 {
	font-size: 24px;
	margin: 0 36px 9px;
	font-weight: bold;
}

	div#content h3 {
	font-size: 18px;
	margin: 0 36px 9px;
	font-weight: bold;
	text-transform: uppercase;
}

	div#content h3 a {
	text-decoration: none;	
}

	div#content button {
	margin: 0 36px 9px;	
}

	div#content a { color: #444; }
	div#content a:hover { color: #005270; }


	div#content p {
	font-family: Georgia, Times, serif;
	font-size: 12px;
	color: #282828;
	margin: 0 36px 18px;
}

	div#content p.date {
	font-size: 14px;
}

	div#content ul {
	list-style-position: outside;
	list-style-type: disc;
	margin-top: -2px;
	margin-bottom: 21px;
} 

	div#content ol {
	list-style-type: decimal;
	margin-top: -2px;
	margin-bottom: 18px;
}
	
	div#content li {
	margin: 0 36px;
	font-style: italic;
	font-size: 12px;
	color: #282828;
}

	div#content div.link {
	margin-bottom: 25px;
	border-bottom: 1px solid #CCC;
}

	div#content div.post {
	border-bottom: 1px solid #CCC;
	margin-bottom: 26px;
}

	div#content div.link h2 {
	margin: -12px 36px 0px;
	font-size: 14px;
}

	div#content div.link h2 a{
}

	div#content div.link p.date {
	font-size: 12px;
}

	div#content img {
	width: 400px;
	margin: 0 36px 18px;
}

	div#content embed,
	div#content object {
	width: 400px;
	margin: 0 36px 18px;
}

	div#content blockquote {
	font: italic 14px/18px Georgia, "Times New Roman", Times, serif;
	color: #444;
	margin: 0 36px 18px;
}

	div#content hr {
	margin: -1px 0 44px 0;
}

	div#copyright {
	background: #282828;
	height: 150px;
}

	div#copyright p {
	padding-top: 18px;
	margin: 0 36px;
	color: #FFF;
	font-size: 12px;

}

	/* Second Sidebar */
	div#second_sidebar {
}

	/* Page specific styles */
	body#page-blog {
	
}

	/* Blog specific colors */
	body#page-blog div#content h2,
	body#page-blog div#content h2 a,
	body#page-blog div#content a {
	color: #1190b0;
}
	body#page-blog #twitter {
	border-bottom: 10px solid #1190b0;
}
	body#page-blog ul#navigation li a#nav-blog { background: #1190b0; }

	/* Archives specific colors */
	body#page-archives div#content h2,
	body#page-archives div#content h2 a, 
	body#page-archives div#content a {
	color: #005270;
}
	body#page-archives #twitter {
	border-bottom: 10px solid #005270;
}
	body#page-archives ul#navigation li a#nav-archives { background: #005270; }
	

	/* Work specific colors */
	body#page-work div#content h2,
	body#page-work div#content h2 a, 
	body#page-work div#content a {
	color: #7fae24;
}
	body#page-work #twitter {
	border-bottom: 10px solid #7fae24;
}
	body#page-work ul#navigation li a#nav-work { background: #7fae24; }
	
	/* About specific colors */
	body#page-about div#content h2,
	body#page-about div#content h2 a, 
	body#page-about div#content a {
	color: #7fae24;
}
	body#page-about #twitter {
	border-bottom: 10px solid #7fae24;
}
	body#page-about ul#navigation li a#nav-about { background: #7fae24; }

	/* Contact specific colors */
	body#page-contact div#content h2,
	body#page-contact div#content h2 a, 
	body#page-contact div#content a {
	color: #d28610;
}
	body#page-contact #twitter {
	border-bottom: 10px solid #d28610;
}
	body#page-contact ul#navigation li a#nav-contact { background: #d28610; }
