/*  
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar!
Version: 1.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, 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 }
ul, li { list-style:none; }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6{ font-size:16px;}
h3, h4, h5, ol.commentlist li cite, div#sidebar h2, #sidebar #searchform label, div#homepageContent h1 { font-size:1.2em; line-height:1.1em; letter-spacing:-0.01em; font-weight:bold;}
q:before, q:after { content:''}
a { text-decoration:none }

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */
a img { border:none } /* Gets rid of IE's blue borders */
h3 {line-height:1.4em;}

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

body {background:#000; color:#4f5154; font-family: Arial, Helvetica, sans-serif;  background:url(images/canvas.gif) top center repeat-y;}
div {display:block;}
div#setBackground {float:left; width:100%; }
div#setBackground{background:url(http://www.alstevens.co.uk/wp-content/themes/default/images/creative13.jpg) top center no-repeat;}


a {color:#9d0b0a; }
a:hover, div.post h2 a:hover {background:#9d0b0a; color:#fff;}
div.post h2 a:hover, div.post h1 a:hover, div.post:first-child h2 a:hover {background:none; color:#9d0b0a;}

#easel {margin:0px auto; text-align:center; width:1006px;}
*html #easel {width:1056px;}
#canvas {text-align:left; }

#header { display:block; float:left; width:750px;}
#header ul {font-size:1em; text-transform:lowercase;}
#header ul li {display:block; float:left;}
#header ul li a{display:block; padding:46px 30px 25px 40px; background:none; font-size:1.6em; color:#fff; font-weight:900; letter-spacing:-0.03em;}
#header ul li a:hover, ul#pageList li a.active{color:#4f706e;}
#header ul li a.first{padding-left:0px; }



#contentTarget{width:760px; float:left; display:block; min-height:400px; padding-top:4px;}
*html #contentTarget {width:770px;}
div#homepageContent { margin-left:-10px; margin-top:0px; }

/*Left hand bar*/
#descriptionAndName{width:226px; float:left; display:block;  }
div#siteTitle{}
.blogName {margin-top:0px; color:#fff; font-weight:bold; }
.blogName a {display:block; background:none;padding-top:54px; color:#ebf0f0;}
span#headerAddRss {position:absolute; margin-left:156px; margin-top:-24px;}
.author{ font-size:2.6em; font-weight:bold; letter-spacing:-0.05em; color:#325653; margin-top:32px; line-height:0.75em; }
.author em {color:#9d0b0a; font-weight:bold; font-style:normal;}



/*main post styles*/

div.post {padding:0 0 10px 0px; margin-right:20px;  clear:left;}
div.post h2, div.post h1 {font-size:2em; font-weight:bold; letter-spacing:-0.05em;  padding-bottom:24px; line-height:0.8em; font-weight:bold; color:#fff;}
div.post h2 {padding-bottom:18px;font-size:1.8em;}
div.post h3 {clear:both; color:#325653;}

div.post ul, div.post ul ul, div.post ul ul ul, div.post ol {font-size:0.8em;padding-bottom:20px; line-height:1.4em;}
div.post ol li {padding-left:20px; padding-bottom:10px; list-style-type:decimal; margin-left:20px; list-style-position:inside}
div.post ul li {padding-left:20px; padding-bottom:10px; list-style-type:square; margin-left:20px;}

div.post h1 {color:#325653;}
div.post h2 a {color:#325653; }
div.post p, div.post ul { line-height:1.4em; font-size:0.8em;  }
div.post p.postmetadata:first-letter {font-weight:inherit; font-size:1em;}
div.post p, div.post ul, div.post h3, div.post h4, div.post h5, div.post pre {padding:0 18px 12px 0;}

/*homepage post styles*/
div#archiveContent h1 { color:#fff;}
div#archiveContent div.post p.datetime {margin-top:12px; color:#325653; padding:0;}
div#archiveContent div.post h2 {line-height:0.9em;font-size:1.75em; display:block; margin-top:4px; margin-bottom:0px;color:#325653}
div#archiveContent  div.post .wp-caption {background: url(http://www.alstevens.co.uk/wp-content/themes/default/images/largebackground.png) bottom left no-repeat; border-top:1px solid #c1d0d1; clear:both; margin-bottom:12px; margin-right:12px;  padding:12px 12px 2px 12px; border-bottom:1px solid #ddd; width:auto!important;}
div#archiveContent  div.post .wp-caption img {width:200px; height:auto;}
* html div#archiveContent div.post {float:left; width:210px;}
div#archiveContent div.post h3, div#archiveContent div.post h4, div#archiveContent div.post h5 {font-size:0.85em;}
div#archiveContent div.post {margin-top:-10px; padding-bottom:24px;}

div#homepageContent h1 { color:#fff;}
div#homepageContent div.post h2 {line-height:0.9em;font-size:1.9em; display:block; margin-top:4px; margin-bottom:0px;}
div#homepageContent  div.post .wp-caption {background: url(http://www.alstevens.co.uk/wp-content/themes/default/images/largebackground.png) bottom left no-repeat; border-top:1px solid #c1d0d1; clear:both; margin-bottom:12px; margin-right:12px;  padding:12px 12px 2px 12px; border-bottom:1px solid #ddd; width:auto!important;}
div#homepageContent  div.post .wp-caption img {width:200px; height:auto;}

div#homepageContent div.post h3, div#homepageContent div.post h4, div#homepageContent div.post h5 {font-size:0.85em;}
div#homepageContent div.post { padding-bottom:24px; width:240px; display:block; float:left; clear:none; margin-right:0; padding-right:0; margin-left:10px;}
* html div#homepageContent div.post {float:left; width:210px;}




/*Default image style*/
div.post .wp-caption {float:left; clear:both; text-align:center; background: url(http://www.alstevens.co.uk/wp-content/themes/default/images/largebackground.png) bottom left no-repeat; border-top:1px solid #c1d0d1; clear:both; margin-bottom:12px; margin-right:12px;  padding:12px 12px 4px 12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
div.post .wp-caption .wp-caption-text {font-style:italic;}
div.post .wp-caption p{ font-size:0.6em; margin:0; padding:0;}
/*Default caption style*/
div.post blockquote {display:block; float:left; width:228px; background: url(http://www.alstevens.co.uk/wp-content/themes/default/images/blockquote.png) top left no-repeat; clear:both; padding-bottom:12px; margin-bottom:12px; margin-right:12px; border-bottom:1px solid #ddd;}
div.post blockquote h3, div.post blockquote p { padding:80px 12px 12px 16px;}
/*Default preformatted style*/
div.post pre { margin-bottom:12px; padding:18px; background:url(http://www.alstevens.co.uk/wp-content/themes/default/images/clearglass.png) top left no-repeat; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
div.post pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/*Default flash style*/
div.post object {float:left; clear:both; text-align:center; background: url(http://www.alstevens.co.uk/wp-content/themes/default/images/largebackground.png) bottom left no-repeat; border-top:1px solid #c1d0d1; clear:both; margin-bottom:12px; margin-right:12px;  padding:16px; border-bottom:1px solid #ddd;}



p.postmetadata em {background:#a7bcbd url(http://www.alstevens.co.uk/wp-content/themes/default/images/datebg.png) top left no-repeat;color:#fff; font-style:normal;}
div.post p.postmetadata, div.post p.postDate em, div.post p a{ font-weight:bold;}

/*Default comment style*/
div.post ol.commentlist {padding-left:0; margin-left:0;}
div.post ol.commentlist li {display:block;width:720px; background: url(http://www.alstevens.co.uk/wp-content/themes/default/images/reply.png) top left no-repeat; margin-bottom:12px; min-height:64px; padding-top:18px; padding-bottom:18px;border-bottom:1px solid #ddd; margin-left:0; }
div.post ol.commentlist li cite {font-size:1.6em;}
div.post ol.commentlist li p {padding:0px 36px 6px 110px;}
div.post ol.commentlist li p {font-size:1em; }
div.post ol.commentlist li p.commentmetadata{font-weight:normal;padding:0px 18px 0px 110px }


/*side bar is the footer*/
div#sidebar {display:block; clear:left; padding:12px;height:100%; overflow:auto; width:960px; border:1px solid #c7d3d3; margin-left:-12px;}
div#sidebar ul {display:block;float:left; width:100%; }
#sidebar li#google-reader, #sidebar li#google-reader ul li, #sidebar li#recent-posts, #sidebar li#recent-posts ul li {width:340px;}
#sidebar li#google-reader a.morelink {font-weight:normal;}
#sidebar li {width:140px;display:block; float:left; font-weight:bold;  }
#sidebar li a{display:block; float:left; font-weight:bold; font-size:0.7em; margin-bottom:6px; clear:left; margin-right:4px; color:#bf696e;font-weight:normal;	}
#sidebar:hover li a{color:#9d0b0a; }
#sidebar:hover li a:hover {color:#fff;}
#sidebar li h2 {margin-bottom:6px;color:#8b8c8f; font-size:1em; text-transform:lowercase;}
#sidebar:hover li h2 {color:#325653}
#sidebar li#search {width:700px;}
#sidebar #searchform {display:block; width:300px; float:left; clear:left;}
#sidebar #searchform label {padding-right:12px;}
div#footer p {padding:18px 0; font-size:0.7em; display:block; float:left; width:100%; clear:both;}
#sidebar #text-171635791 a {width:100px;}
#sidebar #text-171635791 a img{vertical-align:text-bottom;}
#sidebar .blogInfo {display:block; float:left; width:700px; font-size:0.7em; clear:left; margin:-30px 0 0 200px;}


/*Comment form*/
#commentform input {padding:1px; width:300px;}
#commentform textarea {width:100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
#commentform input#submit {width:auto}
div.hidden {display:none;}

/*Portfolio*/

ul#folioList *{list-style-type:none;}
ul#folioList li.folioItem{margin:0 0 24px 0 ; padding:10px; width:752px; height:358px; overflow:hidden; background:#fff; border:1px solid #adc5cf;}
ul#folioList li.folioItem ul {display:block; width:732px; padding:10px; background:#4f706e;}
ul#folioList li.folioItem img.folioImage {width:732px;}
ul#folioList li div.folioItem {padding:1px; height:338px; width:732px; overflow:hidden;}
ul#folioList div, ul#folioList li {margin:0; padding:0;}
ul#folioList div.folioItem  img {padding:0;margin:0;}
ul#folioList div.folioItemExtras {position:absolute; background:#4f706e; display:block; margin:-138px 0 0 0; width:734px;height:138px;}

ul#folioList div.folioItemExtras ul.folioItemThumbs li.hidden {display:none;}
ul#folioList div.folioItemExtras ul.folioItemThumbs li {padding:10px 10px 0 0; width:210px; height:130px; overflow:hidden;display:block; float:left;position:relative; }
ul#folioList div.folioItemExtras ul.folioItemThumbs li img {width:210px;}
ul#folioList div.folioItemExtras ul.folioItemThumbs {padding:0; width:442px; height:137px; display:block; float:left; }
ul#folioList div.folioItemExtras ul.folioItemDescription {display:block; float:left; width:270px; padding-top:32px;}
ul#folioList div.folioItemExtras ul.folioItemDescription li {color:#fff; font-size:1.4em; line-height:1.2em; display:block; float:left; clear:left; margin-bottom:4px; }
ul#folioList div.folioItemExtras ul.folioItemDescription li a {color:#fff; font-weight:bold;}

/*contact us*/
form label {font-weight:bold; padding-bottom:6px;display:block; }
form label span {display:block; float:left; width:200px;}
form #submitmessage {display:block; clear:left;}

/*photography*/
div#photography object {border:none; background:none; margin:0; padding:0; margin-top:4px; margin-left:4px; margin-bottom:18px;}