/* 
Author: Rich Archer
*/

/* Reset */

*, html, body, div, h1, h2, h3, h4, h5, h6, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0;}
ul, ol {margin:0;padding:0;}
h1, h2, h3, h4 {font-weight:normal;font-family:Cambria, Georgia, serif;font-style:italic;color:#ffffff;}
h1, #heading {
	background:url(images/css-title.png) no-repeat top center;
	display:block;
	float:left;
	height:54px;
	margin:9px 0 0 54px;
	overflow:hidden;
	padding:0;
	text-indent:-9999px;
	width:400px;
	}
h1 a, #heading a {font-size:2em;padding-left:10px;padding-right:120px;}
h2 {font-size: 2em;text-shadow : #000 3px 3px 1px;}
h3 {font-size: 1.3em;text-shadow : #000 1px 1px 0px;}
h4 {font-size: 1.1em;text-shadow : #000 1px 1px 0px;}
hgroup h1 {}
.front hgroup h2 {}
a {	color:#C28039;	text-decoration:none;	}
a:hover, .prev a:hover, .next a:hover {	text-decoration:underline;color:#D1AB79;	}
h1 a:hover, h2 a:hover, h3 a:hover {text-decoration:none;}
hr {display:none;}

p, li, dd, dl {line-height:1.5;}
object {max-width:100%;}

/* structural */
body {
	background:#0c0a08 url(images/css_body_bg2.jpg) no-repeat center -23px;
	background-attachment:fixed;
	color:#DFC7A7;
	font-family:Palatino,Cambria,Georgia,serif;
	font-size: 18px;
	line-height:1;
	margin:0;
	padding:0;
	position:relative;
	}
#wrap {margin:0 auto;
	overflow:hidden;
	position:relative;
	max-width:960px;}
#header {
	background:url("images/css-right-cornr.png") no-repeat right top;
	position:relative;
	height:110px;
	padding-top:29px;
	}
#headerwrap {background:url(images/css_hdr.jpg) no-repeat left top;}
#nav {}
#nav ul {
	background:url("images/css_nav.png") no-repeat scroll center bottom transparent;
	border:none;
	color:#5f3100;
	display:inline;
	float:right;
	list-style:none;
	padding:19px 43px 22px;
	}
#nav li {display:inline;}
#nav li a {
	color:#dfc7a7;
	font-size:120%;
	text-decoration:none;
	text-shadow:2px 2px 1px #000000;
	text-transform:uppercase;
	 padding:0 5px;
	}
#nav li.page-active a,
#nav li a:hover {
	color:#e8d7c0;
	text-shadow:0 0 5px rgba(255,255,255,0.2);
	}
#innerwrap, .front #secondary, #footerwrap, #headerwrap {
	border-right:1px solid #534b3b;
	border-left:1px solid #534b3b;
	}
#footerwrap {background: url("images/css_ftr.jpg") no-repeat bottom right #0D0B09; padding:20px 0 0;}
#footer {background:url("images/css-left-corner.png") no-repeat left bottom; padding-bottom:20px;}
#innerwrap {background: #0D0B09;padding:1px 0;}
.front #secondary {padding:0; background:#25211b url(images/css-second-bg1.png) no-repeat top center;}
.front #secondary #secondary-bottom {
	background:url(images/css-second-bg2.png) no-repeat bottom center;
	height:30px;
	padding-left:0px;
	text-indent:-7000px;
	width:958px;}
#secondary-bottom {clear:left;}
#content {}
#article-meta {padding:5px 10px;}

#article-nav {float:left;padding:5px 10px;}
#innerwrap .navigation {padding-left:0px;font-size:0.65em;font-weight:bold;list-style-type:none;text-transform:uppercase;width:100%;}
.prev{float:left;margin-left:10px;}
.next{float:right;margin-right:10px;text-align:right;}
.prev a, .next a{color:#3F260C;}

/* end structural */
/* featured */

.featured-img {
	background:url("images/css-featured-border.png") no-repeat right top;
	overflow:hidden;
	margin-right:10px;
	padding:15px 0 15px 15px;
	position:relative;}
#featured-overlay {
	display:none;}
.featured-img img {border:none; opacity:0.8;-webkit-transition: opacity 0.22s linear;}
.featured-img img:hover {opacity:1; -webkit-transition: opacity 0.1s linear;}
.featured-text {background:url("images/css-featured-text-border.png") no-repeat center top;
	float:left;
	height:193px;
	width:314px;
	padding:15px 0;
	margin-top:11px;}
#innerwrap .featured-text h3 {margin:0 40px;text-align:center;padding-bottom:18px;padding-top:10px;}
#innerwrap .featured-text p {font-size:0.8em;margin:0 20px;text-align:center;}
#innerwrap p.featured-work {color:#5F3100;padding-bottom:16px;}
.featured-work span {color:#DFC7A7;}
/*end featured */
/*front page bloggery */
#bloggery {
	padding:10px 0 0;
	}
#bloggery img{float:left;
	border:1px dotted #534b3b;
	padding:5px;
	margin:5px 5px 5px 10px;}
/*end front page bloggery */



#innerwrap h2,
#innerwrap h3,
#innerwrap dl,
#innerwrap p {margin:0 10px 0.75em;}
#innerwrap ul {padding:0 10px 22px 30px;}
#innerwrap ol {padding:0 10px 22px; list-style-position:inside;}
#innerwrap fieldset {margin:0 10px; padding:0;}
#article-meta ul {padding:0;margin:0;}
#article-meta li {font-size:0.65em;list-style-type:none;padding-bottom:11px;text-transform:uppercase;}
#article-meta ul > li:first-child { font-weight:bold; }



#secondary {}
h2#secondary-toggle  {border-bottom:medium none;
	margin:0 10px;
	padding:0 0 22px;
	position:relative;}
#secondary-toggle span {background: url(images/css-social.png) no-repeat right 4px;}
body.front #secondary div {float:left;padding-left:10px;}
.front #secondary h3 {padding-left:10px;}
body.front #secondary h3 {background: url("images/css-title-border.png") repeat-x scroll center bottom transparent; margin-bottom:4px; padding-bottom:4px;}
.front h2, h2.pagetitle {
	background:url("images/css-title-border-1.png") repeat-x;
	border-bottom:4px double #1d1b16;
	font-style:inherit;
	font-variant:small-caps;}
#secondary ul {padding:0 0 0 10px;}
#secondary li {font-size:0.8em; line-height:1.3em; list-style-type:none; padding-bottom:0.8em;}
#secondary span {display:block;}
#secondary img {border:1px dotted #0D0B09;width:64px;height:64px;}
#secondary select {margin-top:1px; padding:2px;}
#secondary #twittr {padding-left:10px;width:256px;}
#secondary #delic {padding-left:15px;width:260px;}
#secondary #lastfm, #secondary #flickr {padding-left:15px;width:110px;}
#secondary #lastfm h3 a, #secondary #flickr h3 a {display:inline;}
#secondary #flickr li, #secondary #lastfm li {padding:0 8px 3px 10px;}
#secondary #lastfm a, #secondary #flickr a {display:block;}
#secondary #social {width:100px;}
#secondary #social ul{padding:0;}
#secondary #social li{padding-bottom:8px;}

#secondary #facebook {background:url("images/css_facebook.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:20px;
	text-indent:-9999px;
	width:100px;}
#secondary #facebook:hover {background-position:left bottom;}
#secondary #linkedin {background:url("images/css_linkedin.png") no-repeat scroll right top transparent;
	display:block;
	height:26px;
	text-indent:-9999px;
	width:100px;}
#secondary #linkedin:hover {background-position:right bottom;}


#footer p{font-size:0.8em;}
#footer ul {float:left;}
#footer li {float:left;list-style-type:none;padding-left:10px;}
#footer li a {font-size:9px;padding-left:16px;}
#diag {font-size:10px;}
#comments_template,
#contact {clear:left;float:left;display:inline; width:530px; padding-bottom:20px;margin-left:10px;}
#comments_template {margin-left:0px; width:545px;}
.non-front #secondary,
#about {float:left; margin-left:10px; padding-bottom:20px; width:393px;}
.non-front #secondary {border-left:1px dotted #534B3B; margin-left:0;}
div.cloud {margin:0 0 0 10px;}
#about ul {float:right;}
.search #s {width:75%}
#search_submit {
	width:25px;
	height:23px;
	border:none;
	text-indent:-3000px;
	line-height:0;
	background:url(images/css_search.gif) no-repeat left bottom;
	}



/* all stuff relating to post */
.post, .featured {background:url("images/css_post.png") no-repeat scroll center bottom transparent;
	clear:both;
	margin-bottom:10px;
	overflow:hidden;
	padding-bottom:20px;}
.featured {background:none;padding-bottom:0px;}
.post small {
	clear:both;
	float:right;
	padding:8px 20px 8px 10px;
	position:relative;
	text-align:right;
	text-transform:uppercase;
	}	
.entry small {
	float:none;
	padding:0;
	text-transform:inherit;
	}
#innerwrap div.blogheading {border-top:1px solid #1d1b16; border-bottom:1px solid #1d1b16; overflow:hidden;margin-left:10px; margin-right:10px;}
#innerwrap div.blogheading h3 {margin:0; padding:10px 0; float:left;max-width:745px;}
#innerwrap div.blogheading h3 a {display:block;}
#innerwrap div.blogheading small {padding:10px 0;float:right;clear:none;}

.post .banner {margin-bottom:22px;}
.post .banner img {width:97%;}
.post img {border:1px dotted #534b3b;padding:5px;}
.post .alignleft {float:left;margin:5px 10px 3px 0;}
.post .alignright {float:right;margin:5px 0px 3px 10px;}
.post .aligncenter,
.post img.aligncenter {display: block; margin-left: auto; margin-right: auto; }
#innerwrap .post p.wp-caption-text {font-size:11pt;
	text-align:center;margin:0;}
.post .wp-caption {border:1px dotted #534b3b;padding:5px;margin-bottom:22px;}
.post .wp-caption img {border:none;}
.post .wp-caption.alignleft {margin-left:10px;}
.post .wp-caption.alignright {margin-right:10px;}
.post h3, .post h2 {clear:both;}
.post .taggery {font-size:0.6em; text-transform:uppercase;text-align:center; padding:0.1em 0 0.3em;margin:0 10px 0.75em; border-top:1px solid #1d1b16; border-bottom:1px solid #1d1b16;}
.post li { padding-bottom:18px;}
.post .film {display:block;text-align:center;width:100%;}
#thetitle {clear:left;position:relative;max-width:745px;}
.post p {}
.post p + p {}
.entry {overflow:hidden;}

#innerwrap img.thumbnail {margin-left:10px; border:none;}

/* classes */
.article-thumb {float:left;margin: 5px 10px 5px 10px;}
.rss {background:url(images/css_rss.gif) no-repeat left center;}
.v-card {background:url(images/css_vcard.gif) no-repeat left center;}
.w3c {background:url(images/css_xhtml.gif) no-repeat left center;}

.post-edit-link img {
	border:0;
	padding:0 0 0 10px;
	}

#footer .vcard {clear:both;padding:20px 0;font-size:0.6em;text-align:center;}
#footer .vcard span {display:none;}
#footer .vcard span#copyright {background:url("images/css_copy_border.png") no-repeat scroll center bottom;
display:block;
padding:0 0 10px;}


.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.clearfix {
	display:block;
	}
 
/* folio */
.folio {padding:0 0 2.6em 0; clear:both;}
.folio-img {background:url("images/css_post.png") no-repeat center; overflow:hidden;padding-left:10px;}
.folio-text {float:right;width:55%;}
#innerwrap .folio-text h3,
#innerwrap .folio-text p {padding-bottom:14px; margin-bottom:0;}
.folio-img img {width:95%; opacity:0.8;-webkit-transition: opacity 0.22s linear;}
.folio-img img:hover {opacity:1;-webkit-transition: opacity 0.1s linear;}
.folio-text p {font-size:1em;}
/*end folio */
.bcgall,
.ssgall {float:right;}
.bcgall li,
.ssgall li {list-style-type:none;}
.bscgall img,
.ssgall img {border:0;}
.nashgall {overflow:hidden;}
.nashgall ul {
	display:block;
	margin-left:-100px;
	margin-right:-100px;
	overflow:hidden;
	position:relative;}
.nashgall li{float:left;
	list-style-type:none;}
.nashgall img {
	border:0 none;
	height:126px;
	padding:0;
	width:185px;}
.bscgall li{list-style-type:none; display:inline;}
.bscgall img {height:237px;padding:0;width:296px;}
.rouge01,
.post img.fullwidth-img,
.fullwidth-img {
	margin-left:-10px;
	border:0;
	padding:0px;
	}

	
	
/* contact/comment form */
input,
textarea {margin-top:2px;}
form#contact-form div{
	margin: 0;
	padding: 0;
	}
form fieldset {border:0;}
form#commentform fieldset,
form#contact-form fieldset {
	float:left;
	margin:0 10px 0 0;
	width:235px;
	display:inline;
	}
form#commentform fieldset {margin-left:10px;display:block;}

form#contact-form #advancedopts,
form#contact-form #advancedopts div{
	width:100%;
	}
#advancedopts.optshut{display:none;}
.advancedopts-link {
	clear:both;
	color:#333333;
	display:block;
	margin:0px 7px 5px 0;
	text-align:right;
	}

form#commentform input.input,
form#contact-form fieldset div.textbox input,
form#contact-form div.textbox input{
	color:#DFC7A7;
	font-family:cambria,georgia,serif;
	font-size:0.8em;
	width:235px;
	display:block;
	border-top:1px solid #3B352B;
	border-bottom:1px solid #000000;
	}
form#contact-form div.textbox input {
		width:250px;
		}
form#commentform input.input,
form#commentform textarea,
form#contact-form .textbox input,
form#contact-form .textarea textarea {
	border:2px;
	background-color:#25211B;
	padding:3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	}
form#commentform textarea,
form#contact-form .textarea textarea {
	color:#DFC7A7;
	font-family:cambria,georgia,serif;
	font-size:0.8em;
	overflow:auto;
	width:267px;
	border-top:1px solid #3B352B;
	border-bottom:1px solid #000000;
	}
form#commentform input.input:focus,
form#commentform textarea:focus,
form#contact-form .textbox input:focus,
form#contact-form .textarea textarea:focus {
	border-bottom:1px solid #3B352B;
	border-top:1px solid #000000;
	background-color:#201c17;
	} 
button#contactsubmit,
input#submit {padding:4px 6px;
	vertical-align:top;
	width:auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background:none repeat scroll 0 0 #C28039;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-family:inherit;
	font-size:0.8em;
	white-space:nowrap;
	line-height:1.22em;
	margin:0;}
button#contactsubmit:hover,
input#submit:hover{background-color:#ba7830;}
button#contactsubmit:active,
input#submit:active{background-color:#ae6d28;}
span.dquo {margin-left:0;}

/* ipads etc, and narrow browsers */
@media screen and (max-device-width: 480px), screen and (max-width: 960px) {
	#nav ul {
		background:none;
		padding-bottom:19px;
		padding-left:0;
		}
	#nav li {padding:0;}
	#nav li a {font-size:140%;
		padding:0 0.2em;
		}
	.featured-img {
		background:url("images/css_post.png") no-repeat center center;
		}
	#footer #contact,
	#footer #about,
	.non-front #secondary,
	#comments_template
		{
		float:left;
		padding:0 1.5%;
		width:45%;
		}
	form#commentform fieldset, form#contact-form fieldset {
		float:none;
		width:auto;
		display:block;
		margin:0 10px;
		}
	form#contact-form fieldset {
		margin:0;
		}
	#secondary-toggle span {background:none;}
	form#commentform input.input,
	form#contact-form fieldset div.textbox input,
	form#contact-form div.textbox input,
	form#commentform textarea,
	form#contact-form .textarea textarea {
		width:100%;
		padding:3px 0;
		font-size:1em;
		}

}
/* ipads etc, and narrow browsers */
@media screen and (max-device-width: 480px), screen and (max-width: 600px) {
	#nav ul {
		clear:both;
		padding-right:0;
		text-align:center;
		width:100%;
		}

	h1, #heading {
		margin-left:auto;
		margin-right:auto;
		width:100%;
		float:none;
		width:100%;
		}

	#secondary li {
		font-size:1em;
		}
	#secondary #twittr,
	#secondary #delic,
	#secondary #lastfm,
	#secondary #flickr,
	#secondary #social
		{
		padding-top:10px;
		padding-left:10px;
		width:95.5%;
		}
	#secondary #lastfm ol,
	#secondary #flickr ol,
	#secondary #social ul
		{
		padding-left:10px;
		}

	.folio-text {
		float:none;
		width:auto;
		}
	.featured-text {
		background:none;
		float:none;
		height:auto;
		margin:0 auto 0;
		padding-top:0;
		padding-bottom:0;
		width:auto;
		}
	#innerwrap .featured-text h3 {margin: 0 10px;text-align:left;padding-bottom:10px;}
	#innerwrap .featured-text p {font-size:1em; margin: 0 10px;text-align:left;padding-bottom:10px;}
	#article-meta li,
	#innerwrap .navigation,
	#footer li a,
	#footer .vcard,
	.post .taggery {font-size:0.8em;}
	.featured-img {
		margin-right:15px;
		}


	#comments_template,
	.non-front #secondary,
	#footer #contact,
	#footer #about
		{
		float:none;
		padding:0;
		width:95.5%;
		}
	#footer #about {
		padding-top:10px;}
	#footer p {font-size:1em;}
	form#contact-form div,
	#contact h4{
		margin:0 2.5%;
		}
	#thetitle {}
}
/* full width */
@media screen and (min-width: 960px) {
}