/*
Theme Name: Ken's Journal
Theme URI: http://wordpress.org/
Description: 
Version: 1.0
Author: Trevor Davis
Author URI: http://trevordavis.net/
*/

/* @group reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .btn 
{ margin: 0; padding: 0; border: 0; font-style: inherit; font-weight: inherit; font-size: 100%; font-family: inherit; vertical-align:baseline }
a img, frameset { border: 0; }
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {	quotes: "" ""; }	
/* @end */

/* @group utility */
.clearing { clear: both; }
.contain:after, #content:after, .post:after, .header:after {
	clear: both; 
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
}
.last { margin-bottom: 0; }
.screen-reader { display: block; left: -9999px; position: absolute; top: -9999px; }
.left, .alignleft { float: left; margin: 0 10px 10px 0; }
.right, .alignright { float: right; margin: 0 0 10px 10px; }
.centered { display: block; margin: 0 auto 18px; }
/* @end */

/* @group basic text */
body {
	background: #b7b4a4 url(images/structure/bg-body.png);
	color: #989494;
	font: 13px/18px Arial, Verdana, sans-serif;
	padding: 0 0 93px;
}
h1 { }
h2 { }
h2 { }
h3 { }
h4 { }
p, ul, ol, dl, table { margin-bottom: 18px; }
ul, ol, dd { margin-left: 36px; }
input, textarea, select, button { font: inherit; }
a { color: #d49c11; outline: none; }
a:visited { }
a:hover, a:active { text-decoration: none; }
/* @end */

/* @group headers */
.hdr-replace { display: block; overflow: hidden; text-indent: -9999px; }
.hdr-journal-sponsor { background: url(images/structure/hdr-sponsored-by.png) no-repeat 50% 21px; height: 88px; width: 195px; }
.hdr-stay-in-loop { background: url(images/structure/btn-sidebar-connect.png) no-repeat 0 0; height: 32px; width: 194px; }
/* @end */

/* @group buttons */
.btn-replace { background: url(images/structure/btn-all.png) no-repeat; display: block; overflow: hidden; text-indent: -9999px; }
.btn-search { background-position: 0 0; height: 25px; width: 62px; }
.btn-view-full-archive { background-position: -62px 0; height: 26px; width: 195px; }
/* @end */

/* @group basic structure */
#container { 
	background: #fafafa; 
	border-bottom: 1px solid #f5f5f4;
	margin: 0 auto; 
	padding: 202px 57px 69px 62px;
	position: relative; 
	width: 880px;
}
#header { left: 0; position: absolute; top: 0; }
#content { background: url(images/structure/bg-content.png) repeat-y 100% 0; }
#footer { }
/* @end */

/* @group nav */
#nav { background: #696359; }
#nav ul {
	list-style: none;
	margin: 0 auto;
	overflow: hidden;
	width: 900px;
}
#nav li { float: left; }
#nav a {
	background: url(images/structure/nav.png) no-repeat;
	display: block;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
}
#nav .nav-best a { background-position: 0 0; width: 153px; }
#nav .nav-interviews a { background-position: -153px 0; width: 155px; }
#nav .nav-kens-bag a { background-position: -308px 0; width: 157px; }
#nav .nav-before-after a { background-position: -465px 0; width: 154px; }
#nav .nav-reading a { background-position: -619px 0; width: 159px; }
#nav .nav-who-is a { background-position: -778px 0; width: 122px; }
#best-posts #nav .nav-best a { background-position: 0 -36px; }
#interviews #nav .nav-interviews a { background-position: -153px -36px; }
#inside-kens-bag #nav .nav-kens-bag a { background-position: -308px -36px; }
#before-after #nav .nav-before-after a { background-position: -465px -36px; }
#book-reviews #nav .nav-reading a { background-position: -619px -36px; }
#who-is #nav .nav-who-is a { background-position: -778px -36px; }
/* @end */

/* @group logo */
#logo {
	background: url(images/structure/logo.jpg) no-repeat;
	display: block;
	height: 179px;
	overflow: hidden;
	text-indent: -9999px;
	width: 999px;
}
/* @end */

/* @group content */
.column-main { width: 637px; }
.column-aside { border-top: 4px solid #f5f5f5; padding: 10px 14px 10px 9px; width: 199px; }

	/* @group -posts */
		.post .header { background: url(images/structure/ico-all.png) no-repeat 0 0; padding: 0 0 18px 57px; }
		.post .header .date {
			border-left: 2px solid #f3e6bf;
			border-right: 1px solid #ecd284;
			color: #a6a2a2;
			display: block;
			float: left;
			margin: 1px 15px 0 0;
			padding: 3px 7px 0;
			text-align: center;
			text-transform: uppercase;
		}
		.post .header .date .year { border-top: 2px solid #f3e6bf; display: block; }
		.post .header .title { font-size: 25px; }
		.post .header .title a { color: #989494; text-decoration: none; }
		.post .header .category a { color: #a6a2a2; font: italic 15px/15px Garamond, "Times New Roman", Times, serif; text-decoration: none; }
		.post .header .subtitle { font-style: italic; }
		.post .meta { list-style: none; margin: 0 0 13px; overflow: hidden; width: 100%; }
		.post .meta li { float: left; }
		.post .meta a { 
			background: url(images/structure/btn-meta.png) no-repeat; 
			display: block;
			height: 14px;
			line-height: 14px;
			overflow: hidden;
			text-indent: -9999px;
		}
		.post .meta .link a { background-position: 0 4px; width: 42px; }
		.post .meta .email a { background-position: -42px 4px; width: 65px; }
		.post .meta .tweet a { background-position: -107px 4px; width: 99px; }
		.post .meta .comment-status a { background-position: -206px 4px; width: 232px; }
		.post .meta .comment-status-read a { background-position: -438px 4px; width: 207px; }
		.post .meta .num-comments a { 
			background: none; 
			font: italic 14px/14px Garamond, "Times New Roman", Times, serif;
			height: auto;
			padding: 0 0 0 14px;
			text-decoration: none;
			text-indent: 0;
		}
		#comments {
			background: #f5f5f5;
			padding: 15px;
		}
		#comments #dsq-content .dsq-options,
		#comments #dsq-content .dsq-pagination,
		#comments #dsq-content .dsq-item-trackback {
			background: url(images/structure/bg-comments-border.png) repeat-x 0 100%;
		}
		#comments #dsq-content .dsq-pagination,
		#comments #dsq-content .dsq-item-trackback { background-position: 0 0; }
		#comments #dsq-content .dsq-comment-header-time a {
			color: #d49c11;
			font-style: italic;
		}
	/* @end */
	
	.nav-internal { list-style: none; margin: 0; overflow: hidden; width: 100%; }
	.nav-internal li { float: left; }
	.nav-internal a { 
		background: url(images/structure/btn-nav-internal.png) no-repeat;
		display: block; 
		height: 40px;
		overflow: hidden;
		text-indent: -9999px;
		width: 315px;
	}
	.nav-internal .older a { background-position: -315px 0; width: 316px; }
/* @end */

/* @group sidebar */
.column-aside .section { margin-bottom: 13px; }

	/* @group -ad */
	.column-aside .ad { border: 1px solid #e2e2dc; padding: 1px; }
	.column-aside .ad a { background: #e8e7e5; display: block; padding: 0 0 29px; }
	.column-aside .ad img { background: url(images/structure/bg-ad-bottom-border.png) no-repeat 50% 100%; display: block; margin: 0 auto; padding: 0 0 21px; }
	/* @end */
	
	/* @group -search */
	.column-aside .search { border: 1px solid #e2e2dc; margin-bottom: 0; padding: 2px 1px 1px; position: relative; }
	.column-aside .search .text {
		border: 2px solid #f6f6f6;
		height: 21px;
		padding: 0;
		width: 129px;
	}
	.column-aside .search .btn-search {
		border: none;
		display: block;
		padding: 0;
		position: absolute;
		right: 1px;
		top: 2px;
	}
	/* @end */
	
	/* @group -archive */
	.column-aside .view-archive { border: 1px solid #e2e2dc; padding: 1px 1px 2px; }
	/* @end */
	
	/* @group -connect */
	.column-aside .connect { border: 1px solid #e2e2dc; margin-bottom: 18px; padding: 2px 2px 2px 1px; }
	.column-aside .connect ul { list-style: none; margin: 0; }
	.column-aside .connect ul a {
		background: url(images/structure/btn-sidebar-connect.png) no-repeat;
		display: block;
		height: 31px;
		overflow: hidden;
		text-indent: -9999px;
		width: 194px;
	}
	.column-aside .connect .twitter a { background-position: 0 -32px; }
	.column-aside .connect .facebook a { background-position: 0 -63px; }
	.column-aside .connect .email a { background-position: 0 -94px; }
	.column-aside .connect .rss a { background-position: 0 -125px; height: 30px; }
	.column-aside .connect .ken-luallen a { background-position: 0 -155px; }
	.column-aside .connect .tws a { background-position: 0 -186px; }
	.column-aside .connect .podcast a { background-position: 0 -217px; height: 30px; }
	.column-aside .connect .iphone a { background-position: 0 -247px; }
	/* @end */
	
	/* @group -actions */
	.column-aside .actions ul { list-style: none; margin: 0; }
	.column-aside .actions ul li { border: 1px solid #e2e2dc; margin: 0 0 7px; padding: 4px 3px 3px 2px; }
	.column-aside .actions ul a {
		background: url(images/structure/btn-all.png) no-repeat;
		display: block;
		overflow: hidden;
		text-indent: -9999px;
		width: 192px;
	}
	.column-aside .actions .mentoring a { background-position: -257px 0; height: 48px; }
	.column-aside .actions .store a { background-position: -449px 0; height: 47px; }
	.column-aside .actions .questions a { background-position: -641px 0; height: 59px; }
	/* @end */
/* @end */

/* @group =pages */
	/* @group -archives */
	#archives #content { background: none; }
	#archives .header { background-position: -1px 0; padding-top: 2px; }
	#archives .header .title { 
		border: 1px solid #ecd284; 
		border-width: 0 1px;
		float: left;
		line-height: 37px; 
		margin: 0 14px 0 0; 
		padding: 0 16px 0 15px;
	}
	#archives .header .years {
		font-size: 17px;
		line-height: 37px;
		list-style: none;
		overflow: hidden;
		position: relative;
		top: 3px;
	}
	#archives .header .years li {
		background: url(images/structure/ico-all.png) no-repeat 100% -78px;
		float: left;
		margin: 0 13px 0 0;
		padding: 0 14px 0 0;
	}
	#archives .header .years li:last-child {
		background: none;
		margin-right: 0;
		padding-right: 0;
	}
	#archives .header .years .last {
		background: none;
		margin-right: 0;
		padding-right: 0;
	}
	#archives .header .years a {
		color: #a6a2a2;
		display: block;
		text-decoration: none;
	}
	#archives .full-archive {
		background: url(images/structure/bg-dotted-border.png) repeat-x 0 100%;
		list-style: none;
		margin-left: 0;
		padding-bottom: 2px;
	}
	#archives .full-archive li {
		background: url(images/structure/bg-double-dotted-border.png) repeat-x;
		padding: 11px 0 0;
	}
	#archives .full-archive h2 {
		background: url(images/structure/bg-dotted-border.png) repeat-x 0 100%;
		font-size: 17px;
		line-height: 17px;
		padding: 0 0 6px;
	}
	#archives .full-archive ol {
		list-style: none;
		margin: 0;
	}
	#archives .full-archive .month {
		background: url(images/structure/bg-2-col-border.png) no-repeat 0 100%;
		font-size: 14px;
		line-height: 24px;
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 14px 0 20px;
		width: 100%;
	}
	#archives .full-archive .last {
		background: none;
	}
	#archives .full-archive .month ol {
		float: left;
		width: 418px;
	}
	#archives .full-archive .month .alt {
		float: right;
	}
	#archives .full-archive .month li {
		background: none;
		padding: 0;
	}
	#archives .full-archive .month a {
		display: block;
		text-decoration: none;
		width: 100%;
	}
	#archives .full-archive .month .date {
		float: left;
		padding: 0 7px 0 0;
		width: 90px;
	}
	#archives .full-archive .month h3 {
		color: #989494;
	}
	#archives .full-archive .month a:hover h3 { color: #d49c11; }

	/* @end */
	
	/* @group -homepage */
	#home .post {
		background: url(images/structure/bg-double-dotted-border.png) repeat-x 0 100%;
		margin: 0 0 24px;
		padding: 0 0 8px;
	}
	#home .last {
		background: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	/* @end */


.formspring{ border: 1px solid #d2d1c8; padding: 3px; margin-bottom: 12px; margin-top: 12px;}
.insider-form{ border: 1px solid #d2d1c8; padding: 3px; width: 196px; overflow: hidden;}
.facebook-box{ border: 1px solid #d2d1c8; padding: 0px; width: 197px; height: 260px; overflow: hidden;}
img { border: 1px solid #d2d1c8; padding: 4px;}
/* @end */