/*
Theme Name: Chris Blackwell's Domain
Theme URI: http://chrisblackwell.me
Description: Rustic theme with pins and paper
Version: 1.0
Author: Chris Blackwell
Author URI: http://chrisblackwell.me
Tags: html5, css3, jquery, web standards
*/

* {	margin: 0; padding: 0; }
header, nav, section, article, aside, footer { display: block; }

body {
	color: #635537;
	font: 80%/1.4em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	background: #fff url('images/bg.jpg') repeat;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

ul, ol { padding-left: 1em; margin-left: 0; }

h1, h2, h3, h4 {
	line-height: 1.3em;
}

a { color: #d21600; text-decoration: none; }
a:hover { border-bottom: 1px solid #ab8556; }
a:active { padding-top: 2px; }
img { border: 0; }
a img { border: 0; }

.clear { clear: both; }
.aligncenter { text-align: center; }
.alignleft { float: left; }
.alignright { float: right; }

#wrapper {
	background: url('images/mainBG.png') repeat-y;
	width: 1000px;
	margin: 0 auto;
	clear: both;
}

/* HEADER STYLES
***********************/

#top {
	background: url('images/mainsprite.png') -10px -10px no-repeat;
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}

#top .sitename {
	position: absolute;
	left: 280px;
	top: 110px;
}

#top .sitename a {
	font-size: 34px;
	color: #fff;
	font-weight: bold;
}

#top .sitename a:hover {
	border-bottom: 0;
}

#top nav ul {
	list-style: none;
	padding: 0;
	margin: 0 0 0 20px;
	position: absolute;
	left: 5px;
	top: 260px;
}

#top nav ul li {
	float: left;
	background: url('images/mainsprite.png') -10px -320px no-repeat;
	width: 99px;
	height: 41px;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 20px 0 0 0;
}

#top nav ul li a {
	color: #333;
	text-decoration: none;
	font-weight: normal;
	font-size: 1.1em;
	font-variant: small-caps;
	letter-spacing: 2px;
	text-shadow: #777 2px 2px 2px;
}

#top nav ul li a:hover {
	font-weight: bold;
	border: 0;
	font-size: 1.2em;
}

#top nav ul li.current_page_item a {
	font-weight: bold;
	border: 0;
}

#topMain {
	height: 117px;
	width: 1000px;
	margin: 0 auto;
	background: url('images/mainsprite.png') -10px -401px no-repeat;
	position: relative;
}

.connect {
	position: absolute;
	top: 53px;
	right: 25px;
	list-style: none;
}

.connect li {
	float: left;
	padding: 0 2px;
}

.connect img {
	opacity: 0.5;
}

.connect img:hover {
	opacity: 1.0;
}

.connect a:hover {
	border: 0;
}



/* CONTENT STYLES
***********************/

#content {
	width: 620px;
	margin: 0 0 25px 10px;
	padding: 0 20px 0 25px;
	float: left;
}

#content h1 {
	margin: 0 0 20px 0;
	font-size: 1.9em;
	text-align: center;
}

#content  h2 {
	font-size: 1.5em;
	padding: 0 0 2px 0;
	margin: 0 0 4px 0;
}

#content  h2 a, #content  h1 a:visited, #content  h1 a:active{
	color: #4a4131;
	border-bottom: 1px solid #b2b0a4;
}

#content  h2 a:hover {
	color: #d21600;
	border-bottom: 1px solid #d21600;
}

.post {
	margin-bottom:60px;
}

.post p {
	padding: 0 0 10px;
}

.post ol, .post ul {
	padding: 0 0 0 35px
}

.post li {
	margin: 7px 0;
}

.post header p {
	font-size: 0.9em;
	margin: 0 0 10px 0;
	color: #999;
}

.post-comments {
	float: right;
	width: 63px;
	height: 61px;
	padding: 18px 0 0 24px;
	font: 1.2em/1.3em Georgia, "Times New Roman", serif;
	margin: 10px 20px 0 0;
	background: url('images/commentBG.png') no-repeat;
}

.post footer p {
	font-size: 0.9em;
	margin: 0 0 10px 0;
	color: #999;
}

.archiveTitle {
	text-align: center;
	height: 50px;
}

.share {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 450px;
	clear: both;
}

.share li {
	float: left;
	padding: 0 5px;
}

.share img {
	opacity: 0.5;
}

.share img:hover {
	opacity: 1.0;
}

.share a:hover {
	border: 0;
}

.tags {
	clear: both;
	text-align: right;
}

.postmeta {
	clear: both;
}

blockquote {
	font: 14px/22px normal Helvetica, Arial, sans-serif;
	margin: 10px 0 10px 50px;
	padding: 10px 0 0 15px;
	border-left: 3px solid #ccc;
}

.wp-caption {
	border: 1px solid #59350b;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px 0;
	margin: 0;
}

#search-results {
	width: 930px;
	margin: 0 0 25px 10px;
	padding: 10px 20px 0 25px;
}

/* SIDEBAR STYLES
***********************/

#asideTop {
	background: url('images/mainsprite.png') -10px -595px no-repeat;
	margin: -60px 0 0 0;
	width: 305px;
	height: 91px;
}

aside {
	width: 325px;
	margin: 60px 0 25px 0;
	float: right;
	font-size: 0.9em;
	background: url('images/asideBG.png') repeat-y;
}

#asideBottom {
	background: url('images/mainsprite.png') -10px -1017px no-repeat;
	width: 305px;
	height: 33px;
	margin: 0 0 -33px 0;
}

aside ul {
	list-style: none;
}

aside .widget {
	width: 252px;
	margin: 10px 0 20px 22px;
	padding: 0 0 10px 0;
	background: url('images/widgetBG.png') repeat-y;
	border-bottom:1px solid #e3dccb;
	
}

aside .widgettitle {
	padding: 27px 0 0 0;
	background: url('images/mainsprite.png') -10px -941px no-repeat;
	width: 252px;
	height: 40px;
	font-size: 1.6em;
	text-align: center;
	color:#4a4131;
}

.widget ul {
	margin:0 0 15px 0;
	padding:5px 0;
	border:none ;
	list-style:none;
}
.widget ul li {
	padding: 5px 15px 10px 15px;
	background: url('images/listseparator.png') no-repeat 25% 100%;
}

.widget ul li a {
	color: #d21600;
	text-decoration:none;
}

.textwidget {
	padding: 0 8px;
}

.widget ul li a:hover{
	color: #635537;
	text-decoration:none;
}

.twitter {
	width:252px;
	height: 215px;
	margin: 10px 0 10px 22px;
	padding: 0 0 10px 0;
	background: url('images/mainsprite.png') -10px -706px no-repeat;
	text-align:center;
}

.twitter p {
	padding: 0 5px;
}
	
.twitter h4 {
	height: 40px;
	width: 252px;
	text-align: center;
	padding: 52px 0 0 0;
	font-size: 1.6em;
	color: #4a4131;
	margin: 0;
}

.twitter h4 a {
	color: #4a4131;
	border: 0;
}

.twitter ul li {
	padding: 5px 15px 10px 15px;
	background: url('images/listseparator.png') no-repeat 25% 100%;
}
.twitter ul li a {
	color: #d21600;
}
.twitter ul li a:hover {
	color: #635537;
}

#text-2 img {
	padding: 10px 0 0 0;
}

/* FOOTER STYLES
***********************/

#bottom {
	clear: both;
	width: 1000px;
	height: 159px;
	margin: 0 auto;
	background: url('images/mainsprite.png') -10px -1070px no-repeat;
}

#bottom p {
	padding: 120px 0 0 0;
	text-align: center;
}


/* COMMENT STYLES
***********************/

.comments, .leaveReply {
	background: url('images/mainsprite.png') -10px -539px no-repeat;
	margin: 0 0 10px 0;
	padding: 8px 0 0 0;
	font-size: 18px;
	color: #271b03;
	text-align: center;
	width: 175px;	
	height: 36px;
}

.commentlist {
	padding: 0;
	list-style: none;
	text-align: justify;
}

.commentlist p {
	margin: 0 15px 10px 2px;
	clear: both;
}

.children {
	padding: 0;
	list-style: none;
	text-align: justify;
}

.children p {
	margin: 0 15px 10px 2px;
	clear:b oth;
}

.reply {
	text-align: right;
	font-size: 0.9em;
}

.odd {
	margin: 1px 0 0 0;
	padding: 10px 10px 5px 10px;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
}	
.even {
	margin: 1px 0 0 0;
	padding: 10px 10px 5px 10px;
	background: #ffffff;
	border: 1px solid #b2b0a4;
}	
.bypostauthor {
	margin: 1px 0 0 0;
	padding: 10px 10px 5px 10px;
	background: #e5dfcf;
	border: 1px solid #7e7d75;
}
.avatar {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0px 12px 5px 0px;
	border: 1px solid #47453a;
}

.comment-author-chrisblackwell .avatar {
	border: 0;
}
		
.comment-meta {
	margin: 3px 0 0 2px;
	font-size: 0.9em;
	color: #888;
}

#commentform {	
	margin: 10px 10px 30px 0px;
	font: 1.0em/1.4em Arial, Helvetica, sans-serif;
}

#commentform p {
	padding: 6px 0px;
	margin: 0px;
}

#commentform label {
	color: #787878;
	font-size: 0.9em;
}

#commentform input {
	width: 200px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 1.0em 'Trebuchet MS', Verdana, Sans-Serif;
}

#commentform textarea {
	height: 130px;
	background: #fff;
	border: 1px solid #b2b0a4;
	padding: 5px;
	margin-top: 3px;
	font: 1.0em 'Trebuchet MS', Verdana, Sans-Serif;
	overflow: auto;
}

#commentform #submit {
	cursor: pointer;
}


/* HOMEPAGE STYLES
***********************/

#leftSide {
	margin: 0 5px 0 20px;
	padding: 10px 0 10px 15px;
	width: 455px;
	float: left;
}

#leftSide p {
	font-size: 0.9em;
}

#leftSide .meta {
	font-size: 0.8em;
	color: #999;
}

#leftSide h2 {
	margin: 0 0 5px 0;
}

#leftSide #last {
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
	padding: 10px 15px;
	margin: 0 0 20px 0;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
}

#leftSide .latest {
	width: 390px;
	padding: 5px 15px;
	background: #fff;
	border-top: 1px solid #b2b0a4;
	border-bottom: 1px solid #b2b0a4;
	margin: 0 auto 5px auto;
	opacity: 0.5;
	box-shadow: 0 0 5px #666; 
	-moz-box-shadow: 0 0 5px #666; 
	-webkit-box-shadow: 0 0 5px #666;
}

#leftSide .latest h3 {
	margin: 0 0 2px 0;
}

#leftSide .latest p {
	font-size: 0.9em;
	margin: 0;
}

#leftSide .latest:hover {
	background: #f2f2f2;
	opacity: 1.0;
}

#leftSide .edit {
	margin: 15px 0 0 25px;
	font-size: 1.0em;
}

.homeRecent p {
	margin: 0;
}

#rightSide {
	width: 443px;
	margin: 0 20px 20px 5px;
	padding: 15px 15px;
	float: right;
}

#rightSide h3 {
	clear: right;
	margin-top: 20px;
}

#rightSide ol { 
	font-size: 0.8em;
}

#rightSide ol li {
	margin: 0 0 0 20px;
}

#rightSide ol li a { 
	display: block; 
	padding: 4px;
	color: #666; 
	border-bottom: 1px solid #666; 
}

#rightSide ol li a:hover { 
	background: #fe4902; 
	color: white; 
}

#rightSide ol li:last-child a { 
	border: none; 
}

#rightSide #organic-tabs { 
	background: #eee; 
	padding: 10px 10px; 
	margin: 0 0 15px 0; 
	box-shadow: 0 0 5px #666; 
	-moz-box-shadow: 0 0 5px #666; 
	-webkit-box-shadow: 0 0 5px #666; 
}

#rightSide #explore-nav { 
	overflow: hidden; 
	margin: 0 0 10px 0; 
	list-style: none;
}

#rightSide #explore-nav li { 
	width: 90px; 
	float: left; 
	margin: 0 10px 0 0; 
}

#rightSide #explore-nav li.last { 
	margin-right: 0; 
}

#rightSide #explore-nav li a { 
	display: block; 
	padding: 5px; 
	background: #959290; 
	color: white; 
	font-size: 10px; 
	text-align: center; 
	border: 0; 
}

#rightSide #explore-nav li a:hover { 
	background-color: #111; 
}

#rightSide #movies, #tvshows, #games { display: none; }

#rightSide #explore-nav li#ex-books a.current, ol#books li a:hover { 
	background-color: #0575f4; 
	color: white; 
}

#rightSide #explore-nav li#ex-movies a.current, ol#movies li a:hover { 
	background-color: #d30000; 
	color: white; 
}

#rightSide #explore-nav li#ex-tvshows a.current, ol#tvshows li a:hover { 
	background-color: #8d01b0; 
	color: white; 
}

#rightSide #explore-nav li#ex-games a.current, ol#games li a:hover { 
	background-color: #FE4902; 
	color: white; 
}

#rightSide .headshot {
	float: right;
	margin: 0 5px 0 15px;
	box-shadow: 0 0 10px #666; 
	-moz-box-shadow: 0 0 10px #666; 
	-webkit-box-shadow: 0 0 10px #666;
}



/* CONTACT PAGE STYLES
***********************/

p.formrow {
	margin: 0 0 0 30px;
	line-height: 1.8em;
}

.formrow input[type=text] {
	height: 18px;
	padding: 3px 5px;
	font-size: 1.1em;
	color: #555;
	width: 350px;
}

.formrow input[type=text]:hover, .formrow input[type=text]:focus {
	background: #f4f4f4;
}

.formrow textarea:hover, .formrow textarea:focus {
	background: #f4f4f4;
}

.formrow textarea {
	padding: 3px 5px;
	font-size: 1.2em;
	color: #555;
	width: 350px;
}

.formrow input[type=submit] {
	padding: 3px 8px;
	font-size: 1.0em;
	background: #f2f2f2;
	border: 1px solid #b2b0a4;
	box-shadow: 0 0 5px #666; 
	-moz-box-shadow: 0 0 5px #666; 
	-webkit-box-shadow: 0 0 5px #666;
}


/* FUN STUFF STYLES
***********************/

#content #post-438 {
	margin-bottom: 10px;
}

#funstuff h2 {
	margin: 0 0 0 20px;
	padding: 10px 0 10px 10px;
	background-color:#e8d5b0;
	border-bottom:1px solid #fff;
	color: #00314F;
	cursor: pointer;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#funstuff h2:hover {
	background-color:#e8bb62;
}

#funstuff div {
	margin: 15px 30px;
}

#funstuff div ol {
	padding: 0 0 0 35px;
}

#funstuff div ol li {
	padding: 5px 0;
}


/* OTHER STYLES
***********************/

.adsense-banner {
	width: 470px;
	margin: -15px auto 15px auto;
}