/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

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

/* Global */
body {
    font-family: georgia, times, serif;
    color: #5a481c;
}
p {
    font-size: 13px;
    line-height: 18px;
}
a {
    color: #b4975a;
}
#container {
    width: 770px;
    margin: 0 auto 30px auto;
    position: relative;
}
#nav {
    position: fixed;
    top: 58px;
    z-index: 3;
}
#nav ul li {
    margin-bottom: 24px;
}
#nav ul li a {
    display: block;
    height: 12px;
    width: 62px;
    background-image: url(/wp-content/themes/Starkers/images/nav-sprite.gif);
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
}
#nav ul li a:hover {
    background-position-x: -61px;
}
#nav ul li.home a {
    height: 28px;
    background: transparent url(/wp-content/themes/Starkers/images/logo.gif) no-repeat top right;
}
#nav ul li.place a {
    background-position: 1px 0;
}
body.place #nav ul li.place a,
#nav ul li.place a:hover {
    background-position: -61px 0;
}
#nav ul li.people a {
    background-position: 1px -14px;
}
body.people #nav ul li.people a,
#nav ul li.people a:hover {
    background-position: -61px -14px;
}
#nav ul li.wines a {
    background-position: 1px -28px;
}
body.wines #nav ul li.wines a,
#nav ul li.wines a:hover {
    background-position: -61px -28px;
}
#nav ul li.press a {
    background-position: 1px -42px;
}
body.press #nav ul li.press a,
#nav ul li.press a:hover {
    background-position: -61px -42px;
}
#nav ul li.contact a {
    background-position: 1px -56px;
}
body.contact #nav ul li.contact a,
#nav ul li.contact a:hover {
    background-position: -61px -56px;
}
#nav ul li.blog a {
    background-position: 1px -69px;
}
#nav ul li.blog a:hover {
    background-position: -61px -69px;
}
#nav ul li.purchase a {
    background-position: 1px -82px;
}
body.purchase #nav ul li.purchase a,
#nav ul li.purchase a:hover {
    background-position: -61px -82px;
}
#nav ul li ul {
    display: none;
}
body.people #nav ul li.people ul, 
body.place #nav ul li.place ul,
body.wines #nav ul li.wines ul {
    display: block;
}
#nav ul li ul li {
    margin: 5px 0;
}
#nav ul li ul li a {
    text-indent: 0;
    background-image: none;
    height: auto;
    color: #b4975a;
    text-decoration: none;
    text-align: right;
    font: 13px "Myriad Pro", "Trebuchet MS", helvetica, arial, sans-serif;
    text-align: right;
    margin-left: -20px;
    width: 82px;
}
#header {
}
#header h1 a {
    background: transparent url(/wp-content/themes/Starkers/images/header.png) no-repeat top right;
    display: block;
    width: 770px;
    height: 115px;
    text-decoration: none;
    overflow: hidden;
    text-indent: -999em;
}
#content {
    width: 670px;
    float: right;
    min-height: 300px;
    height: auto !important;
    height: 300px;
}
#footer {
    clear: both;
    border-top: 1px solid #d6d1c6;
    width: 770px;
    margin: 30px auto;
    font: 11px arial, helvetica, sans-serif;
    padding-top: 5px;
    color: #9a8b7d;
}
#footer p.contact {
    float: right;
}

div.intro p {
    line-height: 24px;
}
div.intro p span {
    color: #b4975a;
    font: 18px "Myriad Pro", "Trebuchet MS", arial, helvetica;
}

/* Home */
#home-nav {
    float: left;
    margin-right: 30px;
    width: 426px;
    padding-bottom: 30px;
}
#home-nav ul {
}
#home-nav ul li {
    width: 142px;
    height: 142px;
    float: left;
}
#home-nav ul li a {
    display: block;
    width: 142px;
    height: 142px;
    background-image: url(/wp-content/themes/Starkers/images/home-nav-sprite.jpg);
    background-repeat: no-repeat;
}

/* #home-nav ul li a.col-1 { */
/* } */
/* #home-nav ul li a.col-2 { */
/*     background-position: -142px 0; */
/* } */
/* #home-nav ul li a.col-3 { */
/*     background-position: -283px 0; */
/* } */
/* #home-nav ul li a.row-1:hover { */
/*     background-position: 0 -582px; */
/* } */
/* #home-nav ul li a.row-2 { */
/*     background-position: 0 -147px; */
/* } */
/* #home-nav ul li a.row-2:hover { */
/*     background-position: 0 -729px; */
/* } */
/* #home-nav ul li a.row-3 { */
/*     background-position: 0 -293px; */
/* } */
/* #home-nav ul li a.row-3:hover { */
/*     background-position: 0 -875px; */
/* } */
/* #home-nav ul li a.row-4 { */
/*     background-position: 0 -439px; */
/* } */
/* #home-nav ul li a.row-4:hover { */
/*     background-position: 0 -1021px; */
/* } */

#home-nav ul li a.home-1 {
}
#home-nav ul li a.home-1:hover {
    background-position: 0 -582px;    
}
#home-nav ul li a.home-2 {
    background-position: -142px 0;
}
#home-nav ul li a.home-2:hover {
    background-position: -142px -582px;
}
#home-nav ul li a.home-3 {
    background-position: -283px 0;
}
#home-nav ul li a.home-3:hover {
    background-position: -283px -582px;
}
#home-nav ul li a.home-4 {
    background-position: 0 -147px;
}
#home-nav ul li a.home-4:hover {
    background-position: 0 -729px;
}
#home-nav ul li a.home-5 {
    background-position: -142px -147px;
}
#home-nav ul li a.home-5:hover {
    background-position: -142px -729px;
}
#home-nav ul li a.home-6 {
    background-position: -283px -147px;
}
#home-nav ul li a.home-6:hover {
    background-position: -283px -729px;
}
#home-nav ul li a.home-7 {
    background-position: 0 -293px;
}
#home-nav ul li a.home-7:hover {
    background-position: 0 -875px;
}
#home-nav ul li a.home-8 {
    background-position: -142px -293px;
}
#home-nav ul li a.home-8:hover {
    background-position: -142px -875px;
}
#home-nav ul li a.home-9 {
    background-position: -283px -293px;
}
#home-nav ul li a.home-9:hover {
    background-position: -283px -875px;
}
#home-nav ul li a.home-10 {
    background-position: 0 -439px;
}
#home-nav ul li a.home-10:hover {
    background-position: 0 -1021px;
}
#home-nav ul li a.home-11 {
    background-position: -142px -439px;
}
#home-nav ul li a.home-11:hover {
    background-position: -142px -1021px;
}
#home-nav ul li a.home-12 {
    background-position: -283px -439px;
}
#home-nav ul li a.home-12:hover {
    background-position: -283px -1021px;
}

div.home-intro {
    float: right;
    width: 200px;
    padding-top: 140px;
}
div.home-intro p {
    margin-bottom: 10px;
    line-height: 24px;
}
body.home h2 {
    background: transparent url(/wp-content/themes/Starkers/images/home-headline.gif) no-repeat top left;
    width: 218px;
    height: 51px;
    overflow: hidden;
    text-indent: -999em;
    margin-bottom: 10px;
    margin-left: -2px;
}


/* Wines */
div.wines {
    background: transparent url(/wp-content/themes/Starkers/images/wines-bg.jpg) no-repeat top left;
    padding-top: 50px;
}
div.wines div.intro p {
    margin-bottom: 18px;
}
#wine-info-short {
    padding-left: 180px;
}
div.wine-info-short {
    width: 47%;
    float: left;
    font-family: arial, helvetica;
    margin: 20px 0;
    padding-right: 3%;
}
div.wine-info-short h4 {
    font: 15px arial;
    color: #5a481c;
    font-weight: bold;
}
div.wine-info-short p {
    font-size: 11px;
    line-height: 15px;
}
div.wine-info-short h4 span.type {
    display: block;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 18px;
}
div.wine-info {
    position: relative;
    margin-top: 50px;
    clear: left;
}
div.wine-info img.bottle {
    float: left;
    margin: 0 50px 0 30px;
}
div.wine-info div.info {
    float: left;
    width: 490px;
    border-top: 1px solid #d6d1c6;
    padding-top: 28px;
}
div.wine-info div.first {
    border-top: none;
    padding-bottom: 30px;
}
div.wine-info h2 {
    font: 24px arial, helvetica;
    color: #5a481c;
    margin: 0 0 5px 0;
    font-weight: bold;
}
div.wine-info h2 span.type {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
}
div.wine-info a.buy {
    position: absolute;
    top: 28px;
    right: 0;
    color: #5a481c;
    text-decoration: none;
    border: 1px solid #a5a5a5;
    text-transform: lowercase;
    padding: 5px;
    font: 13px arial;
    font-weight: bold;
}
div.wine-info div.vintages {
    padding-top: 5px;
}
div.wine-info div.vintages h3 {
    font: 13px arial;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
    line-height: 48px;
}
div.wine-info div.vintages ul li {
    float: left;
    margin-right: 35px;
}
div.wine-info div.vintages ul li a {
    display: block;
    width: 31px;
    height: 29px;
    background-image: url(/wp-content/themes/Starkers/images/vintage-sprite.gif);
    background-repeat: no-repeat;
    text-indent: -999em;
    overflow: hidden;
}
div.wine-info div.vintages ul li a.vintage-11 {
    background-position: 0 0;
}
div.wine-info div.vintages ul li a.vintage-10 {
    background-position: -31px 0;
}
div.wine-info div.vintages ul li a.vintage-09 {
    background-position: -62px 0;
}
div.wine-info div.vintages ul li a.vintage-08 {
    background-position: -93px 0;
}
div.wine-info p.quote {
    color: #b4975a;
    font-style: italic;
    clear: left;
}
#vintages {
    clear: both;
    padding-left: 180px;
    padding-top: 50px;
}
#vintages h2 {
    background: transparent url(/wp-content/themes/Starkers/images/vintages-headline.gif) no-repeat top left;
    width: 489px;
    height: 76px;
    text-indent: -999em;
    overflow: hidden;
}

#vintages div.vintage {
    padding-top: 30px;
    padding-bottom: 30px;
}    
#vintages div.vintage-first {
    border-top: none;
}
#vintages div.vintage h3 {
    font: 24px arial, helvetica;
    font-weight: bold;
    border-top: 3px solid #5A481C;
    margin-top:  30px;
    padding-top: 30px;
}
#vintages div.vintage-first h3 {
    font: 24px arial, helvetica;
    font-weight: bold;
    border-top: none;
    margin-top:  0;
    padding-top: 0;
}
#vintages div.vintage h3 span.who {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
}
#vintages div.vintage-wine {
    border-top: 1px solid #d6d1c6;
    padding-top: 30px;
    margin-top: 30px;
    position: relative;
}
#vintages div.vintage-wine h4 {
    font: 24px arial, helvetica;
    font-weight: bold;
}
#vintages div.vintage-wine div.wine-detail {
    font: 11px arial, helvetica;
    font-style: italic;
    font-weight: normal;
}
#vintages div.vintage-wine h5 {
    margin-top: 15px;
    color: #b4975a;
    font: 15px arial, helvetica;
    font-weight: bold;
    text-transform: uppercase;
}
#vintages div.vintage-wine a.buy {
    position: absolute;
    top: 28px;
    right: 0;
    color: #5a481c;
    text-decoration: none;
    border: 1px solid #a5a5a5;
    text-transform: lowercase;
    padding: 5px;
    font: 13px arial;
    font-weight: bold;
}

/* People */

body.people #content {
    background: transparent url(/wp-content/themes/Starkers/images/people-bg.gif) no-repeat top left;
    padding-left: 180px;
    width: 490px;
    padding-top: 40px;
}
body.people div.intro {
    padding-bottom: 60px;
}
div.person {
    border-top: 1px solid #d6d1c6;
    padding-top: 30px;
    margin-bottom: 30px;
}
div.person h2 {
    color: #b4975a;
    font: 24px arial, helvetica;
    font-weight: bold;
}
div.person h2 span.snippet {
    font-size: 11px;
    color: #5a481c;
    font-style: italic;
    font-weight: normal;
    padding-left: 10px;
}
div.person p {
    margin-top: 10px;
    color: #5a481c;
}

/* Place */
body.place div.intro {
    padding-bottom: 60px;
}
body.place #content {
    background: transparent url(/wp-content/themes/Starkers/images/place-bg.gif) no-repeat top left;
    padding-left: 180px;
    width: 490px;
    padding-top: 40px;
}

/* Contact */
body.contact div.newsletter {
    float: right;
    font-size: 13px;
    width: 210px;
    padding: 10px;
    background: #d8cfc6;
}
body.contact div.newsletter label {
    font-style: normal;
}
body.contact p {
    line-height: 18px;
    margin-bottom: 10px;
}
body.contact div.newsletter {
    font-style: italic;
}

/* Press */
body.press #content {
    width: 490px;
    padding-left: 180px;
    background: transparent url(/wp-content/themes/Starkers/images/press-bg.gif) no-repeat top left;
    padding-top: 40px;
}
body.press #content p.spacer {
    padding-bottom: 20px;
}

/* Purchase */
body.purchase #content {
    width: 490px;
    padding-left: 180px;
    background: transparent url(/wp-content/themes/Starkers/images/purchase-bg.jpg) no-repeat top left;
    padding-top: 40px;
}
body.purchase #content p {
    margin-bottom: 20px;
}

.purchase-list ul{
margin-bottom: 20px;
    font-size: 13px;
    line-height: 18px;
}

.purchase-list li{
list-style-type: circle;
margin-left: 20px;
padding-bottom: 20px;
    font-size: 13px;
    line-height: 18px;
}