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

body {margin: 0; font-family: helvetica, arial, sans-serif; background: #e5e5e5; font-size: 10px; color: #333}

a img {border: none}

div#wrapper, div#bottom {margin: 0 auto; width: 750px}

div#header {padding: 15px;}
  div#header h1 {font-size: 50px; font-weight: bold; margin: 0; padding: 0; line-height: 1em; color: rgb(255,255,255)}
    div#header h1 a {color: rgb(66,66,66); text-decoration: none; letter-spacing: -4px}
  div#header p#blog-description {margin: 0; padding: 0; font-size: 20px; color: rgb(178, 57, 0)}
  
div#content {background: #fff; overflow: auto; *zoom: 1; padding: 27px}
div.content {padding: 5px 27px 40px; font-size: 1.1em; color: #666}

div.item {float: left; width: 222px; margin-right: 15px; margin-bottom: 15px}
  div.item.last {margin-right: 0}
  div.item-clear {clear: left}
  div.item-description {margin-bottom: 5px}
    div.item-description a {color: rgb(66,66,66); font-size: 1.4em; font-weight: bold; text-decoration: none}
  div.item-image {margin-bottom: 10px}
    div.item-image img {width: 222px; height: 155px; border: none}
  div.item-price {float: left; margin-right: 7px; font-size: 2.5em; color: rgb(178, 57, 0); font-weight: bold}
    div.item-link a {color: rgb(255,255,255); float: left; font-size: 1.2em; margin-top: 2px; line-height: 2em; background: rgb(70,106,147); padding: 0 10px; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px}

div.single-item div.item-details {width: 222px; float: left; margin-right: 20px}
div.single-item div.item-content {width: 450px; float: left}
  div.single-item div.item-content h2 {font-size: 2em; color: #333; letter-spacing: -1px; line-height: 1.1em}
  div.single-item div.item-content p {font-size: 1.4em; line-height: 1.4em; margin-bottom: .5em}
  div.single-item div.item-content img {width: 440px; margin-bottom: 20px; display: block}
  div.single-item div.item-single {margin-bottom: 30px}

div#navigation {background: rgb(0,102,153); padding: 12px 20px; font-size: 1.4em}
  div#navigation ul {position: relative; list-style: none; margin: 0; padding: 0; float: left}
    div#navigation ul li a {display: block; padding: 5px; border: 1px solid rgb(20,122,173); color: #fff; font-weight: bold; text-decoration: none; float: left; width: 150px}
      div#navigation li ul {display: none; position: absolute; top: 1.9em; left: 0; float: none}
      div#navigation li.hover ul {display: block}
        div#navigation li ul a {background: rgb(60,162,213); border-top: none; opacity: 0.95; -moz-opacity: 0.95; filter:alpha(opacity=95);}
        div#navigation li ul a:hover {background: rgb(40,142,193)}
  div#navigation span.shop-by {float: left; line-height: 1.9em; color: rgb(215, 228, 250); margin-right: .5em}
  div#navigation form {float: right}
    div#navigation form input.text {padding: 5px}
    
div.nav-links {text-align: center; padding-top: 30px}
  div.nav-links a {font-size: 1.2em; margin: 0 45px}
  
div.bike-banner {background: #ffc; padding: 1.5em}
  div.bike-banner h3 {margin: 0 0 1em}
    div.bike-banner h3 a {font-weight: bold; color: rgb(70,106,147)}
  div.bike-banner a.bike-banner-image-link {background: #fff; float: left; margin-right: 10px; margin-bottom: 10px; border: 3px solid rgb(225,225,225)}
    div.bike-banner a.bike-banner-image-link:hover {border: 3px solid rgb(185,185,185)}
    div.bike-banner a.bike-banner-image-link img {width: auto; margin: 0}
  div.bike-banner p {font-size: 1.2em; line-height: 1.4em; color: #333}
  div.bike-banner div.bike-banner-cta a {color: rgb(255,255,255); float: left; font-size: 1.2em; margin-top: 2px; line-height: 2em; background: rgb(70,106,147); padding: 0 10px; text-decoration: none; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px}
  
hr {height: 0; line-height: 0; border: none; border-bottom: 1px solid #d8d8d8; background: none}
ul.item-navigation {margin: 0; padding: 0; list-style: none; padding-top: 1em; margin-bottom: 1em}
  ul.item-navigation li {font-size: 1.2em; margin-bottom: .5em}

div#bottom {padding-top: 2em}
  div#bottom h6 {font-size: 1.1em; margin: 0}
  div#bottom a {color: #666; text-decoration: none; border-bottom: 1px solid #999}
  div#bottom ul {margin: 0; margin-bottom: 2em; padding: 0; list-style: none; width: 600px}
  div#bottom li {float: left; margin-right: .5em; line-height: 1.8em}
  
  /* float clearing for IE6 */
  * html .clearfix{
    height: 1%;
    overflow: visible;
  }

  /* float clearing for IE7 */
  *+html .clearfix{
    min-height: 1%;
  }

  /* float clearing for everyone else */
  .clearfix:after{
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
    font-size: 0;
  }