/*
Theme Name:Starkers
Theme URI:http://elliotjaystocks.com
Description:The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version:2 (WP2.6.2)
Author:Elliot Jay Stocks
Author URI:http://elliotjaystocks.com
Tags:starkers,naked,clean,basic
*/
/*
RESET
*/
*{margin:0;padding:0;}
html{overflow-y:scroll;background:url(/images/Tiny3.jpg) repeat #fff;}
html,body{height:100%;}
body{font-size:62.5%;font-family:'Helvetica,sans-serif';color:#272727;background:url(/images/Tiny3.jpg) top center repeat-x;}
ul{list-style:square inside;list-style:none;}
li{list-style:none;}
ol{list-style:decimal inside;}
a{outline:none;text-decoration:none;}
a img{border:none;}
a img:hover{opacity:0.8; background: none;}
img{vertical-align:middle;}
table{border-collapse:collapse;}
/*
UTILITY
*/
.floatLeft{float:left;}
.floatRight{float:right;}
.clear{clear:both;}
.button{border:1px solid:color:#272727;background:white;padding:3px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#272727;}
.button a:hover{background:#990000;color:white;}
/*
TYPOGROGRAPHY
*/
#linksidebar li p{width:100%;background:white;padding:3px 8px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#272727;margin:0 0 9px 23px;}

p,li{font-size:1.2em;line-height:1.2em;margin-bottom:10px;}
p#intro-paragraph{font-family:Georgia,serif;font-size:2.0em;font-style:italic;line-height:1.4em;margin-top:5px;}
p#intro-paragraph span{font-size:2.4em;font-weight:bold;}
p#intro-paragraph em{color:#990000;}
a:hover{background:none;-moz-border-radius:5px;-webkit-border-radius:5px;}
a:hover h3{color:white;background:black;-moz-border-radius:5px;-webkit-border-radius:5px;}
a:hover h5{color:white;background:black;-moz-border-radius:5px;-webkit-border-radius:5px;}
h1{font-size:3.6em;font-family:Georgia,serif;font-weight:normal;}
h2{font-size:2.8em;font-family:Georgia,serif;font-weight:normal;}
h3{font-size:2.6em;font-family:Georgia,serif;font-weight:normal;margin:0 0 10px 0;}
h4{color:#000000;font-size:2.0em;margin-bottom:15px;}
h5{font-size:1.8em;font-family:Georgia,serif;font-weight:normal;padding:5px;}
h6{font-size:1.8em;font-family:Georgia,serif;font-weight:bold;}
tab{margin-left:67px;}
tabtab{margin-left:200px;}
.post h2{margin-bottom:15px;}
/*
STRUCTURE
*/
#page-wrap{width:960px;margin:0px auto -250px;min-height:100%;height:auto !important;height:100%;background:url(/images/Tiny3.jpg) repeat;}
#push{height:250px;}
#socialsidebar{width:190px;float:left;margin-right:15px;}
#main-col{width:500px;float:left;margin-left:15px;}
#linksidebar{width:190px;float:left;margin-left:30px;}
/*
HEADER
*/
h1#logo{width:400px;height:209px;background:url(/blogimages/header.png) top left no-repeat;text-indent:-99999;margin:0 10px 8px 0;float:left;}
#rcd-one{width:135px;height:135px;margin:5px 10px 5px 10px;float:left;}
#rcd-two{width:135px;height:135px;margin:5px 10px 5px 10px;float:left;}
#rcd-three{width:135px;height:135px;margin:5px 10px 5px 10px;float:left;}
#rcd-wrap{height:145px; width: 470px; float:right;margin:10px 30px 0 10px;padding:5px 5px;}
#top-bar{padding:20px 0 0 0;}
#top-bar p{text-indent:-9999px;color:#f4dfb8;width:300px;float:left;}
#searchform{ width:275px;margin:0 0 10px 0;float:right;}
#searchform input{float:left;}
li a.no-bg
/* 
MENU
*/
#menu-bar{padding-top:5px;margin-bottom:5px;}
ul#main-nav{width:500px; height:75px; float:left;margin:10px 0 0 0;}
ul#extra-nav{width:400px;height: 75px; float:right;text-align:right;margin:20px 0 0 0;}
ul#main-nav li,ul#extra-nav li{display:inline;}
ul#main-nav li a,ul#extra-nav li a{text-transform:uppercase;color:white;font-size:1.2em;padding:8px;-moz-border-radius:5px;-webkit-border-radius:5px;color:#272727;}
ul#main-nav li a:hover{background:white;color:#272727;}
ul#extra-nav li a:hover{background:white;color:#272727;}
/*
WIDGETS
*/
.widget{background:white;width:190px;border-right:1px solid #d7b880;border-bottom:1px solid #d7b880;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 15px 20px;padding:10px;}
.widget-foil{background: url(/blogimages/foil2.jpg);width:190px;height:190px;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 15px 20px;padding:10px;}
.widget-grain{background: url(/blogimages/grain.jpg);width:190px;border-right:1px solid #d7b880;border-bottom:1px solid #d7b880;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 15px 20px ;padding:10px;}
.widget-limegrain{background: url(/blogimages/limegrain.jpg);width:190px;border-right:1px solid #d7b880;border-bottom:1px solid #d7b880;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 15px 20px ;padding:10px;}
.widget-redgrain{background: url(/blogimages/redgrain.jpg);width:190px;border-right:1px solid #d7b880;border-bottom:1px solid #d7b880;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 15px 20px ;padding:10px;}
.widget-greenpaper{background: url(/blogimages/greenpaper.jpg);width:190px;border-right:1px solid #d7b880;border-bottom:1px solid #d7b880;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 15px 20px;padding:10px;}
.widget-post{background:white;width:500px;border-right:1px solid #d7b880;border-bottom:1px solid #d7b880;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 0 10px 20px;padding:10px;}
.widget-post form{width:500px;}
.widget-post textarea{width:480px;}
.widget-single{background:white;width:960px;border-right:1px solid #d7b880;border-bottom:1px solid #d7b880;-moz-border-radius:10px;-webkit-border-radius:10px;margin:10px 20px;padding:10px;}
.widget-single a:hover{background: none;}
.widget h2{padding:10px 0 10px 0;}
.widget .inside{padding:10px;}
.widget-grain .inside{padding:10px;}
.widget-foil .inside-cww{padding:10px; text-align:center;}
.widget-foil .inside-cww li a{width: 150px;height:150px;display:block;background: url(/blogimages/CWW.new.gif) top left no-repeat; margin: 0 auto; }
.widget-foil .inside-cww li a:hover {background-position: top right; }
.widget ul{list-style:square;margin-left:15px;}
.widget ul a{display:block;padding:4px;}
.widget ul li a:hover{background:#272727;color:white;}
.widget ul li:first-child a:hover{background:#000;}
.widget-grain ul{list-style:square;margin-left:15px;}
.widget-grain ul a{display:block;padding:4px;}
.widget-grain ul li a:hover{background:#272727;color:white;}
.widget-grain ul li:first-child a:hover{background:#000;}
.widget-limegrain ul{list-style:square;margin:15px 0 0 15px;}
.widget-limegrain ul a{display:block;padding:4px;}
.widget-limegrain ul li a:hover{background:#272727;color:white;}
.widget-limegrain ul li:first-child a:hover{background:#000;}
.widget-redgrain ul{list-style:square;margin-left:15px;}
.widget-redgrain ul a{display:block;padding:4px;}
.widget-redgrain ul li a:hover{background:#272727;color:white;}
.widget-redgrain ul li:first-child a:hover{background:#000;}
.thumb{width:62px;float:left;margin:0 0 10px 15px;}
/*
BLOG ENTRIES
*/
.post h2{}
.datebox{width:36px;float:left;padding:10px;background:#000000;color:white;text-align:center;margin:0 10px 0 0;}
.day{font-size:3.4em;font-weight:bold;margin:0;}
.month{font-size:1.8em;font-weight:bold;text-transform:uppercase;margin:0;}
.year{font-size:1.6em;font-weight:bold;margin:0;}
/*
FOOTER
*/
#footer{clear:both;height:250px;background:url(/images/Tiny3.jpg)top center repeat;border-top:4px solid #000000;padding-top:20px;}
#footer-inside{width:960px;margin:0 auto;}
/*
LIGHTBOX
*/
#lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img{border:none;}
#outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#imageContainer{padding:10px;}
#loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav{left:0;}
#hoverNav a{outline:none;}
#prevLink,#nextLink{width:49%;height:100%;background:transparent url(/archives/images/blank.gif) no-repeat;/* Trick IE into showing hover */
display:block;}
#prevLink{left:0;float:left;}
#nextLink{right:0;float:right;}
#prevLink:hover,#prevLink:visited:hover{background:url(/archives/images/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover,#nextLink:visited:hover{background:url(/archives/images/nextlabel.gif) right 15% no-repeat;}
#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;}
#imageData{padding:0 10px;color:#666;}
#imageData #imageDetails{width:70%;float:left;text-align:left;}
#imageData #caption{font-weight:bold;}
#imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;}
#overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;}
/* Min-Width */
.lbWidth{/* most browsers */
position:absolute;top:0px;left:0px;width:100%;min-width:790px;}
* html .lbContent{/* IE6 */
margin-left:-790px;position:relative;}
* html .lbMinWidth{/* IE6 */
padding-left:790px;}
/* Clearfix */ 
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ 

