/*
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
*/

@import "style/css/reset.css";
/*@import "style/css/typography.css";*/
/*@import "style/css/layout.css";*/
@import "/wp-includes/js/thickbox/thickbox.css";

body{
position:relative;
font-family:Georgia, Times;
font-size: 14px;
letter-spacing:0.1px;
line-height:20px;
color:#ddd;
background: url(style/images/bg-black.jpg) repeat;
}

a{
text-decoration:none;
color:#f06000;
}

a:hover{
color:#f71;
}

.article p{
	margin-bottom:20px;
}

h2,h3,h4, h2 a, h3 a, h4 a{
color: #fff;
font-variant:small-caps;
margin: 0 0 12px 0;
}

h1{
text-transform: uppercase;
font-family: Century Gothic, sans-serif;
font-size:24px;
color: #f71;
margin: -7px 0 12px;
}
.sIFR-active h1 {
visibility: hidden;
font-family: Century Gothic, sans-serif;
line-height: 1em;
font-size: 35px;
text-transform:uppercase;
height:42px;
}

h2{
font-size:18px;
}

#right-sidebar h2{	
text-transform: uppercase;
font-family: Century Gothic, sans-serif;
color: #f71;
}

.sIFR-active #right-sidebar h2 {
visibility: hidden;
font-family: Century Gothic, sans-serif;
line-height: 1em;
font-size: 21px;
text-transform:uppercase;
margin: 15px 0 0 0;
}


#hanswer, #hquestion{
color: #592625;
font-family: Georgia, "Times New Roman", Times, serif;
}

#hquestion{
width:500px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 24px;
line-height:1em;
display:block;
float:left;
clear:both;
}
.sIFR-active #hquestion {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size: 28px;
height:124px;
}

.sIFR-active #hquestion > .sIFR-flash {
margin-top:-6px;
margin-left:3px;
}


#hanswer{
clear:both;
font-size: 28px;
line-height:1em;
margin-top:10px; margin-right:32px;
width:970px;
}
.sIFR-active #hanswer {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size: 38px;
}

#hanswer .foo{color:#FF4E00}

ul, li{
padding:0;
margin:0p;
text-indent:0px;
}

#header-container{
background: url(style/images/bg-natural.jpg) repeat;
margin:auto;
clear:both;
height:109px;
}
.front-page #header-container{
height:275px;
}

#header-border-container{
/*background: url(style/images/horizontal-border.png) repeat-x bottom;
height:118px;*/
border-bottom:1px solid #887755;
height:110px;
}
.front-page #header-border-container{
height:276px;
}


#page-container{
width:970px;
margin:auto;
}

.front-page #page-container{
box-shadow: inset 0 0 10px #1c1c1c;
-moz-box-shadow: inset 0 0 10px #1c1c1c;
-webkit-box-shadow: inset 0 0 10px #1c1c1c;
}


#header{	
width:970px; height:109px;
background:transparent url(style/images/header01.jpg) repeat scroll 0 0;
margin: auto auto 30px auto;
}

.front-page #header{
height:275px;
background: url(style/images/header-front01.jpg) no-repeat center;
margin: auto auto 3px auto;
}


/*#header li{
background:url(style/images/menu-separator.png) no-repeat right;
}
*/

#header li, #header li a{
float:left;
position:relative;
height:27px;
margin: 0;
}
#header li a{
margin: 0 0 0 10px;
}

#header .menu-item{
margin-top: 7px;
margin-left:15px;
}

#header .menu-front-page{
	margin-left:0;
}

/*#header .menu-front-page, #header .menu-front-page a, #header .menu-experiments, #header .menu-experiments a{
width:133px; 
}

#header .menu-articles a, #header .menu-articles {
width:90px; 
}

#header .menu-about a, #header .menu-about {
width:68px; 
}

#header .menu-portfolio a, #header .menu-portfolio {
width:107px; 
}

#header .menu-front-page{
background:url(style/images/menu-front-active.png) no-repeat;
}
#header .menu-front-page a:hover, #header .menu-front-page.active{
background:url(style/images/menu-front.png) no-repeat;
}

#header .menu-articles{
background:url(style/images/menu-articles-active.png) no-repeat;
}
#header .menu-articles a:hover, #header .menu-articles.active{
background:url(style/images/menu-articles.png) no-repeat;
}

#header .menu-experiments {
background:url(style/images/menu-experiments-active.png) no-repeat;
}
#header .menu-experiments a:hover, #header .menu-experiments.active{
background:url(style/images/menu-experiments.png) no-repeat;
}

#header .menu-about {
background:url(style/images/menu-about-active.png) no-repeat;
}
#header .menu-about a:hover{
background:url(style/images/menu-about.png) no-repeat;
}

#header .menu-portfolio {
background:url(style/images/menu-portfolio-active.png) no-repeat;
}
#header .menu-portfolio a:hover{
background:url(style/images/menu-portfolio.png) no-repeat;
}
*/

#header .menu-front-page, #header .menu-front-page a{
width:140px; 
}

#header .menu-web-dev, #header .menu-web-dev a{
width:105px; 
}

#header .menu-articles a, #header .menu-articles {
width:100px; 
}

#header .menu-about a, #header .menu-about {
width:68px; 
}

#header .menu-portfolio a, #header .menu-portfolio {
width:137px; 
}

#header .menu-separator {
background:url(style/images/menu-separator.png) no-repeat;
height:89px;
width:2px;
}

.menu-item{
text-transform: uppercase;
font-family: Century Gothic, sans-serif;
font-size:18px;
font-weight:bold;
color: #863C00;
margin-top: -7px;
}
.sIFR-active .menu-item{
visibility: hidden;
font-family: Century Gothic, sans-serif;
line-height: 1em;
font-size: 34px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
}

.menu-item a{
	color:#B64C1D;
}

.menu-item a:hover{
	color:#d66C2D;
}

.sIFR-active .menu-item a{
	text-decoration:none;
}

.row{
	clear:both;    
}

.row > div, #sscontainer > div {
/*padding-top:40px;*/
float:left;

}

.row > div {
height:100%;
padding:20px;
-moz-box-shadow:0 0 20px 0 #1c1c1c inset;
-webkit-box-shadow:0 0 20px 0 #1c1c1c inset;
box-shadow:0 0 20px 0 #1c1c1c inset;
}

.row > div:first-child {
border-left:none;
padding-left:none;
}

.row[number="1"]  {
height:380px;
}

.row[number="2"] {

height:330px;
}

.row[number="3"]  {
height:220px;
}


.row[number="2"] .readmore{
float:right;
margin-top:5px;
}

.row[number="2"] > div {
width:445px;
-moz-box-shadow:0 -10px 20px #1F1F1F inset;
-webkit-box-shadow:0 -10px 20px #1F1F1F inset;
box-shadow:0 -10px 20px #1F1F1F inset;
}

.row[number="3"] > div {
width:283px;
box-shadow:0 -10px 20px #1F1F1F inset;
-moz-box-shadow:0 -10px 20px #1F1F1F inset;
-webkit-box-shadow:0 -10px 20px #1F1F1F inset;
}

.row[number="3"] a {
/*color:#fff;	*/
display:block;
}

.row[number="3"] a:hover {
color: #f71;
}

#sscontainer > div {
width:350px;
}

#sscontainer{
width:353px;

}

#whatido{
/*background:url(style/images/whatido.png) no-repeat top left;*/
width:547px;
padding-right:10px;
}

#front-search{
/*background:url(style/images/search.png) no-repeat top left;*/
/*padding-top:40px; */
height:125px;
}

#stayintouch{
/*background:url(style/images/stayintouch.png) no-repeat top left;*/
/*padding-top:40px;	*/
height:200px;
}

#latestarticle{
/*background:url(style/images/latestarticle.png) no-repeat top left;*/
    
}

#freshestexperiment{
/*background:url(style/images/freshestexperiment.png) no-repeat top left;*/
}

#resources{
/*background:url(style/images/resources.png) no-repeat top left;*/
}

#booklist{
/*background:url(style/images/booklist.png) no-repeat top left;*/
}

#inspiration{
/*background:url(style/images/inspiration.png) no-repeat top left;*/
}


#searchform{
padding: 13px 0 0 0;
height:60px;
}

.front-page #searchform{
padding: 0;
height:30px;
}


#s {
/*background:url(style/images/searchform.png) no-repeat;*/
border-radius:20px;
-moz-border-radius:20px;
-webkit-border-radius:20px;
-o-border-radius:20px;
border:none;
float:left;
height:17px;
margin-left:-17px;
padding: 2px 10px 0 20px;
width:220px;
color:#555;
}

#searchsubmit {
background:url(style/images/searchbutton.png) no-repeat;
border:none;
float:left;
height:13px;
margin-top:3px;
position:relative;
width:13px;
z-index:100;
}

#searchsubmit:hover {
background:url(style/images/searchbutton-hover.png) no-repeat;
cursor:pointer;
}

#stay-in-touch{
height:140px;
}

#stay-in-touch > div{
float:left;
margin: 10px 22px 0 10px;
width:48px;
height:48px;

}

#stay-in-touch a {
color:#968989;
display:block;
font-size:11px;
line-height:normal;
padding-top:50px;
text-align:center;
}

#stay-in-touch a:hover {
color:#cbb;	
}


#twitter{
background:url(style/images/twitter_48.png) no-repeat;
}

#blellow{
background:url(style/images/blellow_48.png) no-repeat;
}


#rss{
background:url(style/images/rss_48.png) no-repeat;
margin-right:0px !important;
}

#facebook{
background:url(style/images/facebook_48.png) no-repeat;

}

#news{
	margin-bottom:20px;
	border-bottom:1px dashed #444;
}

#news h3{
	margin-bottom:1px;	
}

#news h3 a{
color:#f06000;
}

#news h3 a:hover{
color:#FF7711;
}

#news .post{
	padding-bottom:10px;
	border-top:1px dashed #444;
}


/*//////////////////// POSTS //////////////////////*/
/*/////////////////////////////////////////////////*/

.archive-post{
padding: 10px 0 40px 0;
border-top: 1px dashed #3d3d3d;
}

.post, .archive-post{
width:640px;
float:left;
}

.row .post, .row .archive-post {
    width:350px;
}


blockquote{
line-height:19px;
margin:30px 0 20px 0;
width:450px;
color:#fff;
font-size:15px;
-moz-border-radius:2ex;
-webkit-border-radius:2ex;
background: url(style/images/transpixel-black33.png) repeat;
padding:20px;
}

blockquote strong {
color:#FF7711
}

/*///////////////// SIDEBARS //////////////////////*/
/*/////////////////////////////////////////////////*/

#right-sidebar {
float:right;
-moz-border-radius:1.5ex;
-webkit-border-radius:1.5ex;
background: url(style/images/transpixel-black50.png) repeat;
padding:10px 20px;
width:250px;
margin-bottom: 40px;
}

#right-sidebar li{
margin: 10px 0 10px 0;	
}

.widget_search{
height:80px;
}

/*/////////// TAGS & COMMENT AREA /////////////////*/
/*/////////////////////////////////////////////////*/

.post-nav{
display:block;
float:left;
width:500px;
}

.afterpost, .commentarea{
padding-top:20px;
font-size:14px;
color:#666;
}

#commentform > div{
/*	clear:both;
margin: 0 0 20px 0;*/
}

#disqus_thread {
width:640px;
float:left;
background: url(style/images/transpixel-white10.png) repeat;
-moz-border-radius:1.5ex;
-webkit-border-radius:1.5ex;
-moz-opacity:.8;
opacity:.8;
-webkit-opacity:.8;
padding:5px;

}

#disqus_thread > div {
/*	float:left;*/
}

.dsq-brlink {
display:none;
}

/*///////////////// FOOTER ////////////////////////*/
/*/////////////////////////////////////////////////*/


#footerbar{
clear:both;
border-top: 1px dotted #444;
line-height:17px;
margin-bottom: 20px;
min-height:200px;
padding:20px;
}

.front-page #footerbar{
border:none;
}

#footerbar > p{
color:#555;
text-align:center;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
clear:both;
padding-top:20px;
}

#footerbar > ul > li{
float:left;
width: 212px;
padding-right:20px;
}

#footerbar > ul > li > ul > li{
padding: 4px 0;
/*border-top: 1px dashed #444;*/
}

#footerbar > ul > li > ul > li:hover{
/*-moz-transform: scale(1.01,1.01);   */
}

#footerbar h2{
padding-bottom:8px;
}

.float-left{
float:left;
}

.float-right{
float:right;
}

.clearboth{
clear:both;
}


.slide-container{
margin: 0 0 20px 0;
height:500px;
float:left;
overflow:hidden;
width:550px;
background: url(style/images/transpixel-white10.png) repeat;
-moz-border-radius:1.5ex;
-webkit-border-radius:1.5ex;
}

.slide-container .workingcanvas{
width:1650px;
}

.slide-container .post{
float:left;
margin: 25px;
height: 450px;
font-size: 13px;
color: #ccc;
width:500px;
}

.slide-container .post h2 {
margin-bottom: 0;
height:28px;
}

.slide-container .post em{
color:#eF6711;
margin: 0 5px 0 0;
float:none;
}

.slide-container .post img{
margin-bottom:15px;
box-shadow:5px 5px 10px #222222;
-moz-box-shadow:5px 5px 10px #222222;
-webkit-box-shadow:5px 5px 10px #222222;
}

.slide-container .post p{
	float:none;
	width:100%;
}

.slide-nav{
width:355px;
height:480px;
background: url(style/images/transpixel-black50.png) repeat;
-moz-border-radius:1.5ex;
-webkit-border-radius:1.5ex;
float:right;
padding:10px;
}

.navnail{
margin:5px;
padding: 3px;
border: 1px solid #666;
opacity:.6;
-moz-opacity:.6;
-webkit-opacity:.6;
float:left;
}

.navnail:hover{
opacity:1;
-moz-opacity:1;
-webkit-opacity:1;
cursor:pointer;
-moz-box-shadow:2px 2px 5px #000;
}

.wp_syntax {        
    margin: 10px auto !important;
    border: none !important;
    width: 580px !important;
    padding:10px;
    background-color: #eee !important;
    box-shadow: inset 0 0 10px #000;
    -moz-box-shadow: inset 0 0 10px #000;
    -webkit-box-shadow: inset 0 0 10px #000;
    
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
}    

.wpcf7-form{
    width:80%;
    margin-left:9%;
}

.wpcf7 p{
    margin-bottom: 15px;
    
}

.wpcf7 input, .wpcf7 textarea{
    width:100%;
    background-color:#ddd;
    border:2px solid #eee;
}


.wpcf7 input:hover, .wpcf7 textarea:hover{
    background-color:#e6e6e6;
}

.wpcf7 input:focus, .wpcf7 textarea:focus{
    background-color:#fff;
    box-shadow:5px 5px 10px #000;
    -moz-box-shadow:5px 5px 10px #000;
    -webkit-box-shadow:5px 5px 10px #000;
}

    
.wpcf7 input{
    height:24px;
}

.wpcf7 input[type="submit"]{
    color:#444444;
    font-family:georgia;
    font-size:25px;
    font-style:italic;
    height:40px;
    
}

.wpcf7 input[type="submit"]:hover{
    background-color:#eee;
    box-shadow:5px 5px 10px #000;
    -moz-box-shadow:5px 5px 10px #000;
    -webkit-box-shadow:5px 5px 10px #000;
}
.wpcf7 textarea{
}

.ie{
    font-style:italic;
    color:#888;
}

.orange{
    color:#F06000;
}

div.wpcf7-validation-errors  {
    box-shadow:5px 5px 10px #000000;
    -moz-box-shadow:5px 5px 10px #000000;
    -webkit-box-shadow:5px 5px 10px #000000;
    background:none !important;
    border:none !important;
}

div.wpcf7-mail-sent-ok {
    box-shadow:5px 5px 10px #000000;
    -moz-box-shadow:5px 5px 10px #000000;
    -webkit-box-shadow:5px 5px 10px #000000;
    background:#234 !important;
    border:none !important;    
    font-weight:bold;
}

span.wpcf7-not-valid-tip {
    box-shadow:5px 5px 10px #000000;
    -moz-box-shadow:5px 5px 10px #000000;
    -webkit-box-shadow:5px 5px 10px #000000;
    border:5px solid #DD8800 !important;
    color:#555 !important;
    
}