/*
Theme Name: CTC Blog
Theme URI: http://room214.com
Description: Custom wordpress theme for Capture the Conversation. Designed by <a href="http://andy.is">Andy Stone</a> and developed by <a href="http://thinkclay.com">Clay McIlrath</a>
Version: 1.3
Author: Room214
Author URI: http://room214.com
Tags: fixed-width, light, purple, red, three-columns
*/

/* RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* The below restores some sensible defaults */
body { background: #fff; color: #333; font: 10px 'Trade Gothic LT Std', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif; }
strong { font-weight:bold }
em { font-style:italic }
a img, a { border:none; outline: none; }
li, .widget_tag_cloud a { display: block; font-size: 12px; padding: 2px 0; }
blockquote { color: #999; font-size: 2em; left: -60px; position: relative; text-align: right; }
blockquote p { font-size: 1em; line-height: 1.25em; }

pre { background: #eee; font-size: 1.1em; left: -60px; overflow-x: scroll; padding: 10px; position: relative; width: 438px; }

.container { 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 {
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px; }
.alpha { margin-left: 0; }
.omega { margin-right: 0; }
.relative { position: relative; }

.container .grid_1 { width:40px; }
.container .grid_2 { width:100px; }
.container .grid_3 { width:160px; }
.container .grid_4 { width:220px; }
.container .grid_5 { width:280px; }
.container .grid_6 { width:340px; }
.container .grid_7 { width:400px; }
.container .grid_8 { width:460px; }
.container .grid_9 { width:520px; }
.container .grid_10 { width:580px; }
.container .grid_11 { width:640px; }
.container .grid_12 { width:700px; }
.container .grid_13 { width:760px; }
.container .grid_14 { width:820px; }
.container .grid_15 { width:880px; }
.container .grid_16 { width:940px; }

.container .prefix_1 { padding-left:60px; }
.container .prefix_2 { padding-left:120px; }
.container .prefix_3 { padding-left:180px; }
.container .prefix_4 { padding-left:240px; }
.container .prefix_5 { padding-left:300px; }
.container .prefix_6 { padding-left:360px; }
.container .prefix_7 { padding-left:420px; }
.container .prefix_8 { padding-left:480px; }
.container .prefix_9 { padding-left:540px; }
.container .prefix_10 { padding-left:600px; }
.container .prefix_11 { padding-left:660px; }
.container .prefix_12 { padding-left:720px; }
.container .prefix_13 { padding-left:780px; }
.container .prefix_14 { padding-left:840px; }
.container .prefix_15 { padding-left:900px; }

.container .suffix_1 { padding-right:60px; }
.container .suffix_2 { padding-right:120px; }
.container .suffix_3 { padding-right:180px; }
.container .suffix_4 { padding-right:240px; }
.container .suffix_5 { padding-right:300px; }
.container .suffix_6 { padding-right:360px; }
.container .suffix_7 { padding-right:420px; }
.container .suffix_8 { padding-right:480px; }
.container .suffix_9 { padding-right:540px; }
.container .suffix_10 { padding-right:600px; }
.container .suffix_11 { padding-right:660px; }
.container .suffix_12 { padding-right:720px; }
.container .suffix_13 { padding-right:780px; }
.container .suffix_14 { padding-right:840px; }
.container .suffix_15 { padding-right:900px; }

.container .push_1 { left:60px; }
.container .push_2 { left:120px; }
.container .push_3 { left:180px; }
.container .push_4 { left:240px; }
.container .push_5 { left:300px; }
.container .push_6 { left:360px; }
.container .push_7 { left:420px; }
.container .push_8 { left:480px; }
.container .push_9 { left:540px; }
.container .push_10 { left:600px; }
.container .push_11 { left:660px; }
.container .push_12 { left:720px; }
.container .push_13 { left:780px; }
.container .push_14 { left:840px; }
.container .push_15 { left:900px; }

.pull_1,.pull_2,.pull_3,.pull_4,.pull_5,.pull_6,.pull_7,.pull_8,.pull_9.pull_10,.pull_11,.pull_12,.pull_13,.pull_14,.pull_15 { position: relative; }
.container .pull_1 { left:-60px; }
.container .pull_2 { left:-120px; }
.container .pull_3 { left:-180px; }
.container .pull_4 { left:-240px; }
.container .pull_5 { left:-300px; }
.container .pull_6 { left:-360px; }
.container .pull_7 { left:-420px; }
.container .pull_8 { left:-480px; }
.container .pull_9 { left:-540px; }
.container .pull_10 { left:-600px; }
.container .pull_11 { left:-660px; }
.container .pull_12 { left:-720px; }
.container .pull_13 { left:-780px; }
.container .pull_14 { left:-840px; }
.container .pull_15 { left:-900px; }

.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { margin: 0 1em 1em 0; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

.clear { clear: both; display: block; }
.clearfix:after, .post: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; }

.req { color: #f00; }

input, textarea { color: #222; font-size: 12px; }
input[type="text"], textarea { background: #efefef; border: none; display: block; margin: 0; padding: 4px; width: 96%; }
input[type="submit"], a.comment-reply-link, a.comment-edit-link, a.post-edit-link { background: #09c; border: 1px solid #09c; color: #fff; margin-top: 1em; padding: 2px 4px; }
input[type="submit"]:hover, a.comment-reply-link:hover, a.comment-edit-link:hover, a.post-edit-link:hover { background: #fff; color: #09c; cursor: pointer; }
input:focus, textarea:focus { background: #ddd; }

#header { padding: 1em 0 25px 0; }
	#mainnav { border-bottom: 1px solid #333; border-top: 1px solid #333; }
	#mainnav li { float: left; margin: 0; padding: 0; }
		#mainnav li a { float: left; height: 6.7em; width: 12em; }
		#mainnav li a:hover strong, #mainnav li a.selected strong { background: #b2e0f0; }
		#mainnav li a:hover span, #mainnav li a.selected span { display: block; }
		#mainnav li a#logo { float: right; height: 4em; padding: 1em 0 0; text-align: right; width: 17.25em; }
			#mainnav a strong { 
				border-left: 1px dotted #aaa;
				font-size: 1.8em; 
				font-weight: bold; 
				color: #333; 
				display: block; 
				padding: 0 .5em;
				margin-bottom: 5px; 
				text-transform: uppercase; 
			}
			#mainnav a span { color: #898989; display: none; font-size: .875em; line-height: 1.25em; padding: 0 1em; }
			#mainnav li a:hover span { color: #000; }
	
	#intro p { clear: both; color: #999; font-size: 2.4em; line-height: 1.5em; }
		#intro a { background: #0099cc; color: #fff; display: inline-block; line-height: 1em; padding: 3px 4px 0; }
		#intro a:hover { background: #b5dff1; color: #333; }
		
#footer {
	background: #333;
	clear: both;
	color: #fff;
	margin-top: 50px;
	padding-bottom: 20px;
}	
	#footer a { background: #0099cc; color: #fff; display: inline-block; line-height: 1.2em; padding: 1px 4px 3px; } }
	#footer a:hover { background: #fff; color: #0099cc; }
	#footer p { font-size: 1.2em; }
	#footer h3 { color: #fff; font-weight: normal; padding-top: 1em; text-transform: uppercase; }
	
#sidebar-meta li { color: #999; font-size: 11px; }
	#sidebar-meta li a { color: #666; text-decoration: none; }
	#sidebar-meta li a:hover { color: #000; }



/* WIDGETS */

/* Archives */
.widget.archives li ul { display: none; padding-left: 1em; }

/* Multi Twitter */
#multi-twitter li { color: #333; font-size: 12px; line-height: 1.25em; padding-bottom: 1em; }
	#multi-twitter li em { color: #999; }
	#multi-twitter li .twitter-avatar { float: left; margin: 0 .5em .25em 0; }

/* TYPOGRAPHY */
h1 { float: left; font-size: 3.5em; line-height: 1em; font-weight: bold; letter-spacing: -2px; color: #B84E82; }
h2 { color: #000; font-size: 2.5em; line-height: 1em; letter-spacing: 1px; position: relative; text-transform: uppercase; }
	h2 a { color: #09c; }
	h2 a:hover { color: #006699; }
h3 { font-size: 1.9em; font-weight: bold; color: #333; display: block; margin-bottom: 5px; text-transform: uppercase; }
h4 { color: #666; font-size: 1.8em; margin: 1em 0 .5em; }
h5 { font-size: 1.6em; }

.section-title { border-bottom: 1px solid #333; display: block; font-size: 1.5em; margin-bottom: .5em; padding-bottom: 0; }

p { font-size: 1.3em; line-height: 1.8em; margin-bottom: 1em; }
.post li { background: url(images/sprite.png) no-repeat -74px 11px; font-size: 13px; line-height: 1.8em; margin-bottom: .5em; padding-left: 1em; }

small { color: #999; }

a { color: #0099cc; text-decoration: none; }
a:hover { color: #005588; }

hr.clear { border: none; background: #ddd; clear: both; height: 1px; }

.link-comments { background: url(images/sprite.png) no-repeat left 5px; margin-right: 1em; padding-left: 1.5em; }
.link-comments:hover { background-position: left -15px; }
.link-like { background: url(images/sprite.png) no-repeat left -35px; color: #0099cc; padding-left: 1.5em; }
.link-like:hover { background-position: left -55px; }

.link-fbshare, .link-retweet, .link-digg, .link-stumble { display: block; height: 20px; margin-top: .5em; text-indent: -999em; width: 50px; }
.link-fbshare { background: url(images/sprite.png) no-repeat left -80px; }
.link-fbshare:hover { background-position: left -100px; }
.link-retweet { background: url(images/sprite.png) no-repeat left -120px; }
.link-retweet:hover { background-position: left -140px; }
.link-digg { background: url(images/sprite.png) no-repeat left -160px; }
.link-digg:hover { background-position: left -180px; }
.link-stumble { background: url(images/sprite.png) no-repeat left -200px; }
.link-stumble:hover { background-position: left -220px; }
.link-fblike { height: 25px; overflow: hidden; width: 53px; }

.social-facebook, .social-twitter, .social-rss, .social-linkedin { background: url(images/sprite.png) no-repeat 0 -240px; float: left; height: 32px; text-indent: -999em; width: 40px; }
.social-facebook:hover { background-position: 0 -280px; }
.social-rss { background-position: 6px -320px; }
.social-rss:hover { background-position: 6px -360px; }
.social-twitter { background-position: 3px -480px; }
.social-twitter:hover { background-position: 3px -520px; }
.social-linkedin { background-position: 9px -400px; }
.social-linkedin:hover { background-position: 9px -440px; }

.social { background: url(images/sprite.png) no-repeat -53px -240px; float: left; height: 16px; text-indent: -999em; width: 25px; }
.fb-16:hover { background-position: -53px -280px; }
.tw-16 { background-position: -53px -480px; }
.tw-16:hover { background-position: -53px -520px; }
.li-16 { background-position: -53px -400px; }
.li-16:hover { background-position: -53px -440px; }
.di-16 { background-position: -53px -560px; }
.di-16:hover { background-position: -53px -600px; }

.meta { color: #666; font-size: 12px; margin-top: 0; padding-top: 0; }
.home .post p.meta { float: left; width: 165px; }

.post { border-bottom: 1px dotted #333; clear: both; padding-bottom: 1.5em; margin-top: 1.5em; }
	.post img { border: 1px solid #ddd; }
	.post a img { border-color: #0099cc; }
	.post a:hover img { border-color: #aaa; }

.entry img { margin-left: -60px; }

.comments-navigation a { background: #fff; border: 1px solid #09c; display: block; float: left; margin: 1em 1em 1em 0; padding: .25em .5em; }
.comments-navigation a:hover, .comments-navigation a.selected { background: #09c; color: #fff; }
#comment-wp, #comment-tb { display: none; }
#comment-wp h3, #comment-fb h3, #comment-tb h3 { margin: 1em 0; }

.wp-pagenavi { clear: both; font-size: 1.4em; padding: 2em 0; }

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #0099cc;
	color: #0099cc;
	padding: 5px 5px 0;
	margin: 2px;
}
.wp-pagenavi span.pages { border-color: #fff; color: #999; padding-right: 3em; }
.wp-pagenavi span.extend { display: none; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #0099cc; color: #fff; }

.navigation { padding-bottom: 2.5em; }
	
.avatar {
	float: left;
	margin: 0 10px 10px 0;
}

/* ARCHIVES */
ul.archive-list li { float: left; font-size: 1em; padding-bottom: 2.5em; width: 21em; }
ul.archive-list li a { background: #ebe9e9; display: block; font-size: 16px; line-height: 1.6em; padding: 3px 10px; width: 140px; }
ul.archive-list li a:hover { background: #a2a2a2; color: #fff; }

dl.archive-list { display: block; float: left; height: 60px; width: 21em; }
dl.archive-list dt a { 
	background: url(images/bg_archive_parent.png) no-repeat center top; 
	display: block; 
	font-size: 1.6em;
	height: 33px;
	padding: 3px 10px; 
	width: 140px;
}
dl.archive-list dt a:hover, dl.archive-list dt.hover a { background-position: center bottom; color: #fff; }

dl.archive-list dd { background: #fff; clear: both; display: none; position: absolute; left: 0; width: 580px; }
dl.archive-list dd a { 
	background: #09c; 
	border: 1px solid #09c; 
	color: #fff; 
	display: block; 
	float: left;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 10px 25px 0 0;
	padding: 0 3px;
	width: 88px;
}
dl.archive-list dd a:hover { background: #fff; color: #09c; }


/* ABOUT PAGE */
.bio { float: left; padding: 1em 1.6em 1em 0; width: 31em; }
.bio.alt { padding-right: 0; }

/* COMMENTS */
#commentlist li { border-bottom: 1px dotted #333; clear: both; padding-bottom: 15px; margin-top: 15px; }
#commentlist li ul.children li { background: #eee; border: none; border-top: 1px dotted #aaa; margin-left: 95px; padding: 15px 0 17px 15px; width: 530px; }