/*
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.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";

body{
background:#105391;
font: 100%/24px Tahoma, Geneva, Verdana, sans-serif;
color:#646363;
}

.small-text{
font-size:12px;
text-align: center;
}

.small-text p{
margin:0;
line-height:14px;
}

h2.joint{
font-size:18px;
background: url(./images/joint.png) no-repeat left 50%;
padding-left:60px;
line-height:45px;
}

h2.news{
font-size:18px;
background: url(./images/folder_green_stuffed.png) no-repeat left 50%;
padding-left:60px;
line-height:34px;

}

#site_wrap{
width:960px;
margin:0 auto;

}

#header{
height:130px;
background: #fff url(images/header_bg.png) no-repeat center top;

}

#logo{
width:310px;
height:130px;
float:left;
}


#logo span
{
	position: absolute;
	width: 310px;
	height: 130px;
	text-indent: -9999px;
	display:block;
	background: url(images/logo.png) no-repeat left top;
}

#main_nav{margin-right:50px; margin-top:40px; float:right;}
#main_nav ul li {display:inline; padding-left:20px;}
#main_nav ul li a{ text-decoration:none; color: #fff; font-weight:bold;}
#main_nav ul li a:hover{border-bottom:3px solid #d6e540;}

#content_wrap{
padding:0 50px;
background: #fff url(images/content_bg.png) repeat-y center top;

}

.clear{clear:both;}

#middle{
height:320px;
background: #fff url(images/middle_bg.png) no-repeat center top;
position:relative;
}

#middle .slideshow{
position:absolute;
top:17px;
right:29px;
}


#main_content{
float:left;
width:540px;
}

#archive{

float:left;
}

#archive h2{
margin:0 0 20px 0;
padding-top:20px;
}

p.center{text-align:center;}

.product{
float:left;
width:150px;
margin-right:22px;
margin-bottom:20px;
background: #ececec;
padding:5px;
}

.product p{font-size:12px;}
.product h3 {margin-bottom:10px; font-size:14px;}
.product p.product_title{font-weight:bold; font-style:italic;}

#main_content p, #product_content p{margin-bottom:20px;}

#work_sidebar{
background: #fff url(images/newworld_honda.png) no-repeat right top;
margin-right:-40px;
margin-top:50px;
height: 270px;
}

#sidebar{
float:right;
width:300px;
}

#expo{
margin:40px 0 20px 0;
padding-left:5px;
text-align: center;
border:1px solid #cecece;
padding:5px;
}

#expo p{font-size: 12px; line-height:14px; margin-top:10px;}

#sidebar ul li a.replace{
background: #fff url(images/sprite.jpg) no-repeat left top;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}

#sidebar ul li a.replace_up{
background: #fff url(images/sprite.jpg) no-repeat -278px top;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}


#sidebar ul li a.new{
background: #fff url(images/sprite.jpg) no-repeat left -53px;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}

#sidebar ul li a.new_up{
background: #fff url(images/sprite.jpg) no-repeat -278px -53px;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}

#sidebar ul li a.design{
background: #fff url(images/sprite.jpg) no-repeat left -106px;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}

#sidebar ul li a.design_up{
background: #fff url(images/sprite.jpg) no-repeat -278px -106px;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}

#sidebar ul li a.supply{
background: #fff url(images/sprite.jpg) no-repeat left -158px;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}

#sidebar ul li a.supply_up{
background: #fff url(images/sprite.jpg) no-repeat -278px -158px;
padding:18px 0px 15px 40px;
width:190px;
display:block;
}

#sidebar ul{margin-left:20px; margin-bottom:30px;}
#sidebar a {color:#adacac; font-size:14px; }
#sidebar a:hover{color:#1568b4; border-bottom:none;}
#sidebar p.contact_quote{background: #fff url(images/mail.png) no-repeat left -50%; padding-left:30px; line-height:25px; margin-left:20px;}

#sidebar p {margin-bottom:10px;}
#sidebar h3{margin:35px 0 20px 0;}

#replace_list, #new_list, #supply_list, #design_list{
display:none;
}

#sidebar ul li ul{padding-left:20px;}
#sidebar ul li ul li {font-size:14px;}

#sidebar p.email{
background: url(images/mail_small.png) no-repeat left 50%;
padding-left:40px;
line-height:25px;
}

#sidebar p.phone{
background: url(images/telephone.png) no-repeat left 50%;
padding-left:40px;
line-height:25px;
}

blockquote {
  font-size: 12px ;
  font-style:italic;
  padding: 8px;
	margin:5px;
  background-image: url(images/quote1.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }
  blockquote span {
     display: block;
     background-image: url(images/quote2.png);
     background-repeat: no-repeat;
     background-position: bottom right;
   }
   
 #sponsor{
 margin-top:40px;
	background-image: url(images/sponsor.png);
	 background-repeat: no-repeat;
     background-position: top left;
	 height:161px;
	 margin-right:-50px;
 
 }
 
 #sponsor p{
 font-size:12px;
 width:220px;
 padding-left:30px;
 padding-top:60px;
 
 }
   
#footer{
background: url(images/footer_bg.png) no-repeat center bottom;
padding:20px 50px;
clear:both;
font-size:12px;
text-align:center;

}

#footer ul{margin-top:10px;}
#footer hr {color:#ececec;}
#footer ul li{display:inline; margin-right:10px;}
#footer a {color:#1568b4;}

#slideshow{
width:100%;
clear:both;
padding:30px 0 20px 0;
background: url(images/work_text.png) no-repeat top left;
}

#work_content ul li{
background: url(images/bullet_green.png) no-repeat left 50%;
padding-left:20px;
}

#work_content ul{
margin-bottom:20px;
}

#product_content, #full_width{
width: 860px;
padding-bottom:20px;
padding-top:20px;
}

#full_width p{
margin-bottom:20px;
}


a.button{
background: url(images/add_16.png) no-repeat left 50%;
padding-left:20px;
}

#product_content h2{
margin:0 0 20px 0;
}

#product_content h3{
margin-bottom:20px;
font-size:22px;
font-weight:normal;
padding-top:10px;
}

img.nudge_right{
float:right;
margin:60px -41px 40px 20px;
}

img.nudge_left{
float:left;
margin:40px 20px 60px -40px;
}



#product_display{
clear:both;
}


/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 760px; height: 360px; position: relative; margin: 20px auto 10px auto; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 341px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-top: 3px solid #d6e540; border-bottom: 3px solid #d6e540; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows2.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #d6e540 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #105391; color:#fff; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }


#sidebar #replace_list ul li, #sidebar #design_list ul li, #sidebar #new_list ul li, #sidebar #supply_list ul li {list-style-type:square;}