/*
----------------------------------------------------
author:   Luke Hardiman <luke@newrelease.co.za>
version:  2010.01
----------------------------------------------------
*/

/* Revised YUI reset by Eric Meyer ---------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: normal;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
list-style:none;
background-repeat:no-repeat;
}
body {
background:#010101 url('/images/leaf_bg.jpg') left 100px fixed no-repeat;
font-family:Times,'Times New Roman',serif;
font-size:12px;
color:#d8d8c1;
line-height:150%;
}
#body {
font-family:Arial,Helvetica,sans-serif;
}
#body p,
#body ul,
#body ol,
#body dl,
#body h4 {
margin:0 0 21px;
}
#body ul.bulleted li {
list-style:disc;
list-style-position:outside;
margin:1em 0 1em 1em;
}
#body h4 {
font-weight:bold;
margin:0 0 7px;
}

#page-indicator {
position:absolute;
z-index:9999;
width:200px;
height:32px;
top:240px;
margin-left:218px;
display:none;
}

/* Horizontal Rule
----------------------------------------------------
*/


#body div.hr,#body hr,
div.comments hr {
border:0;
display:block;
padding:0;
border-top:1px solid #413b2d;
clear:both;
margin:1.67em 0 1.1em 0;
height:3px;
}
#body div.hr hr {
display:none;
background:none;
border:none;
}
#body div.hr,
#body #primary div.hr {
display:block;
height:3px;
}
#body div.last-hr {
display:none;
}

/* Super Script and Sub Script
----------------------------------------------------
*/

sup,sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;	
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}

/* Link Behavior
----------------------------------------------------
*/

a:hover, a:active, a:focus {
text-decoration:underline;
}

/* H1 and H2
----------------------------------------------------
*/

h1,h2 {
font-size:21px;
margin:0 0 18px;
font-weight:normal;
padding:9px 0 0 0;
line-height:1.11em;
font-family:'Times New Roman',Times,Georgia,serif;
text-shadow:
0 0 35px #9d9b7e, 
0 0 30px #6a6955, 
0 0 10px #313027, 
0 0 5px #000;
}
h1 a, h2 a {
color:#949279;
}
h1 a:hover, h2 a:hover {
color:#c8c59a;
}
h1 {
padding-bottom:0;
margin-bottom:10px;
font-size:26px;
}
h3 {
font-weight:bold;
margin:0 0 6px;
}
p.intro {
font-size:13px;
line-height:150%;
}
h2 a:hover, h2 a:active,h2 a:focus {
text-decoration:none;
}
form input,form textarea {
font-family:Calibri,Helvetica,Arial,sans-serif;
}
dt {
font-weight:bold;
}
blockquote {
color:#767259;
font-style:italic;
}
blockquote p.first-child {
text-indent:32px;
zoom:1;
background:url('/images/ui/blockquote.png') left top no-repeat; */
}
blockquote p {
font-style:italic;
}
blockquote p img.end-quote {
text-align:0;
position:absolute;
margin:3px 5px;
}

#body p.shout-out {
padding:0.67em 12px;
margin:0 0 2em 0;
background:#e0e0d0;
color:#4f4f36;
font-style:italic;
border:1px solid #bdbda7;
font-style:italic;
font-size:12px;
line-height:1.33;
}

/* IE Bastard 6 PNG Fix
----------------------------------------------------
*/

/*
div.hr,hr { 
border-top:1px solid #413b2d;
}
* html #secondary button,
* html div.hr, 
* html hr,
* html #page-indicator,
* html #wrapper,
* html dl.parent dt img,
* html #page_events div.events li p.date {
behavior: url(/css/resources/iepngfix.htc);
}
*/
* html #body div.hr hr {
display:none;
background:none;
border:none;
}

/* Cycle Show
----------------------------------------------------
*/

#cycle-show,
#cycle-show img {
display:block;
width:927px;
height:175px
}
#cycle-show img {
display:none;
}

/* Links
----------------------------------------------------
*/

a {color:#c7bd7b;}

a.pdf-link {
background:url('/images/ui/pdf_icon.png') right bottom no-repeat;
padding:30px 36px 0 0;
}


/* Wrapper
----------------------------------------------------
*/

#wrapper {
background:url(/images/pix.png) left top repeat;
width:927px;
padding:0 20px;
margin:0 auto 20px;
}

/* Masthead
----------------------------------------------------
*/

#masthead_wrapper {
background:url('/images/bg_top.jpg') left top repeat-x;
}
#masthead {
background:#010101/* url('/images/ui/loading.gif') center center no-repeat*/;
height:210px;
/*
border-top:1px solid #fce5bc;
border-right:1px solid #b79f85;
*/
position:relative;
width:927px;
margin:0 auto;
}

#logo,#logo a {
text-indent:-9999em;
position:absolute;
}

#primary-nav {
background:url('/images/ui/nav_base.gif') left bottom repeat-x;
height:53px;
z-index:1;
position:absolute;
width:927px;
top:169px;
font-size:14px;
}
#primary-nav li {
/*border-right:1px solid #9d9d80;*/
float:left;
background:#010101;
}
#primary-nav li a {
height:19px;
margin-top:10px;
padding-top:2px;
float:left;
font-size:15px;
color:#d8d8c1;
border-right:1px solid #1c1505;
text-decoration:none;
padding:0 21px;
}
#primary-nav li.current a,
#primary-nav li a:hover {
color:#feb300;
}

#primary-nav #order-wine a {
border-right:none;
}

/* Secondary Nav
----------------------------------------------------
*/

#secondary-nav {
width:180px;
/*border-right:3px double #d4d4bf;*/
padding:0 0 0 0;
font-size:12px;
line-height:133%;
float:left;
font-size:14px;
margin:-4px 0 20px 0;
font-family:Times,"Times New Roman", serif;
}
#secondary-nav a {
color:#d8d8c1;
display:block;
padding-top:0.5em;
}
#secondary-nav a:hover {
color:#feb300;
display:block;
text-decoration:none;
}
#secondary-nav dl {
margin-bottom:14px;
}
#secondary-nav dl.parent {
margin:0 0 14px;
}
#secondary-nav dl.parent dt {
padding-top:0.75em;
font-weight:normal;
text-transform:uppercase;
letter-spacing:1px;
}
#secondary-nav dl.parent dt,
#secondary-nav dl.parent dd {
margin-bottom:10px;
border-top:1px solid #312f17;
}
#secondary-nav dl.parent>dt {
border-top:none;
}
#secondary-nav dl.parent>dd>a {
}
#secondary-nav dl.parent>dd dd a {
color:#7c7956;
}
#secondary-nav dl.parent>dd dd a:hover {
color:#feb300;
}
#secondary-nav dl.parent dl dd {
margin:5px 0;
line-height:122%;
}
#secondary-nav dd.current-page-item {
padding-top:0.5em;
color:#feb300;
}
#secondary-nav dl.parent dl {
margin:0 0 10px 0;
font-weight:normal;
}

/* Body
----------------------------------------------------
*/

#body {
margin:5px 0 0 0;
position:relative;
}

/* Primary
----------------------------------------------------
*/

#primary {
width:584px;
padding:20px 28px 50px 0;
float:left;
background:none;
position:relative;
min-height:400px;
_height:400px;
}
#primary img.float-left {
margin:7px 21px 7px 0;
}
#primary img.border {
border:1px solid #ddd;
}
#body #sub-nav {
/* background:#010101 url('/images/bg_top.jpg') left top repeat-x; */
min-height:30px;
padding-top:15px;
_height:30px;
/* border-right:1px solid #000; */
bottom:0;
left:0;
position:absolute;

/* no idea why, but ie6 needs to wear this nappy */
_clear:both;

width:612px;
z-index:9999;
font-size:12px;
text-align:center;
margin:0;
border-bottom:2px solid #535347;
}
#body #sub-nav li,
#body #sub-nav li a {
float:left;
}
#body #sub-nav li a {
padding:4px 0 4px 58px;
color:#949279;
}

/* Secondary
----------------------------------------------------
*/

#secondary {
width:314px;
float:right;
font-size:13px;
line-height:150%;
padding-bottom:168px;
}

#secondary h3 {
font-size:15px;
text-transform:uppercase;
letter-spacing:0.125em;
font-family:Times,'Times New Roman',serif;
font-weight:normal;
padding:3px 0 10px 1px;
margin-bottom:4px;
color:#d18515;
text-shadow: 
0 0 6px #b03a00,
0 0 12px #a75a00,
0 0 24px #efce4a,
0 0 36px #a75a00;
}

#secondary div.block {
border-bottom:1px solid #3d1f04;
padding:1.67em 30px 1em 30px;
color:#a0997b;
zoom:1;
position:relative;
/* background:url('/images/ui/block_base.jpg') left bottom no-repeat; */
/*border-top:1px solid #d2d2c0;
border-bottom:2px solid #c1beb3;
*/
}
#secondary div.block a {
color:#ebe3c0;
}
#secondary div.block a:hover {
}
#secondary #newsletter {
padding-bottom:26px;
}
#secondary div.block h3 em {
font-size:17px;
}
#secondary form #signup-name,
#secondary form #signup-email {
background:#10060c;
border:1px solid #261217;
height:17px;
padding:4px 3px;
width:164px;
margin:-3px 0 0 0;
font-size:13px;
color:#44403a;
position:absolute;
right:21px;
}
#secondary form button {
margin:3px 0 0 55px;
display:block;
text-indent:-9999em;
width:100px;
height:26px;
line-height:1;
background:url('/images/ui/submit_button.png') left top no-repeat;
border:none;
}
#secondary form label {
position:relative;
height:24px;
width:74px;
padding:4px 174px 3px 0;
display:block;
margin:0 0 10px 0;
}

#secondary li.categories {
font-weight:bold;
}
#secondary li.categories ul {
margin-top:1em;
#overflow:hidden;
_overflow:hidden;
margin-bottom:0;
}
#secondary #archived-news li,
#secondary div.archives li li {
display:block;
background:url('/images/ui/bullet.gif') 3px 6px no-repeat;
font-weight:normal;
border-top:1px dotted #a0a084;
margin:0;
padding:0;
}
#secondary #archived-news li {
color:#585849;
border-top:1px dotted #acaf89;
}
#secondary #archived-news li a,
#secondary div.archives li li a {
display:inline-block;
display:-moz-inline-block;
#display:block;
_display:block;
width:200px;
line-height:1.11;
padding:4px 0 5px 1.5em;
width:235px;
text-decoration:none;
}
#secondary div.accent1 {
/*background:#dcdbab url('/images/ui/visit-winery_base.jpg');
border-top:1px solid #d2d1a2;
border-bottom:2px solid #c0bf91;
*/
}
#secondary div.accent1 a {
/*color:#504c32;*/
}
#secondary #archived-news li>a:hover,
#secondary div.archives li li>a:hover,
#secondary #archived-news li>a:active,
#secondary div.archives li li>a:active,
#secondary #archived-news li>a:focus,
#secondary div.archives li li>a:focus {
color:#feb300;
background:transparent url('/images/ui/trans.png') left top repeat;
zoom:1;
}

#secondary #visit-winery dt {
float:left;
width:125px;
}
#secondary #visit-winery dd {
}
#secondary #visit-winery dd.indent {
padding:0 0 0 125px;
}

#secondary div.accent2 {
/*background:#c4c4a6 url('/images/ui/contact-us_base.jpg') left top no-repeat;
border-top:1px solid #d5d4bd;
border-bottom:2px solid #aaaa8f;
*/
}
#secondary div.accent2 a {
/*color:#5b4e31;*/
}

#secondary #contact-us{
padding-right:0;
}
#secondary #contact-us dl {
width:270px;
_overflow:hidden;
}
#secondary #contact-us dt {
width:70px;
float:left;
}
#secondary #contact-us dd {
width:260px;
}


/* Generic
----------------------------------------------------
*/

a.vcard {
margin:0;
padding:18px 0 6px 40px;
background:url('/images/ui/vcard.jpg') left 10px no-repeat;
}
.float-left {float:left;}
.float-right {float:right;}

.overflow-hidden {
overflow:hidden;
}

/* Generic Post Styles
----------------------------------------------------
*/

div.post span.publish-date {
font-size:12px;
display:block;
color:#605d46;
}
div.post span.publish-date span.attribution {
font-family:Georgia,Times,'Times New Roman',serif;
font-style:italic;
word-spacing:0.25em;
font-size:11px;
}
div.post img.float-right {
margin:0 -28px 20px 20px;
}
#page_wines div.post img.float-right {
margin:-30px 0 20px 20px;
}
div.post p.float-left img {
margin:0.5em 2em 0 0;
}
div.post dt {
float:left;
margin-right:0.5em;
}

/* Home 
----------------------------------------------------
*/

#page_home #page-indicator {
background:url('/images/nav-indicators/home.png') left top no-repeat;
display:none;
}
#page_home #signature-pic {
margin-bottom:0;
height:150px;
float:left;
margin:0.275em 2em 1em 0;
_margin:0.75em 2em 1em 0;
#margin:0.75em 2em 1em 0;
}
#page_home #home-intro {
width:550px;
}
#page_home #home-intro p {
}
#page_home #home-intro p.intro {
line-height:1.6em;
position:relative;
margin:0.4em 0 1em 0;
}
#page_home #home-intro p.intro img.beginning-quote {
position:absolute;
left:0;
_left:-26px;
top:2px;
_top:-2px;
#top:-2px;
}
#page_home #home-intro p.intro img.end-quote {
position:absolute;
bottom:6px;
_bottom:70px;
#bottom:10px;
}

/* Blog
----------------------------------------------------
*/

#page_blog #page-indicator {
background:url('/images/nav-indicators/blog.png') left top no-repeat;
}
#page_blog #rss-subscription {
position:absolute;
left:0;
top:19px;
}
#page_blog h1 {
/* dodge the rss icon */
padding-left:48px;
}
#page_blog div.post {
position:relative;
}
#page_blog div.post h2 {
line-height:1.11em;
margin-bottom:0;
padding-bottom:0.6em;
/*
padding-left:40px;
background:url('/images/ui/post-icon.jpg') left 0.125em no-repeat;
*/
}

/* Blog Single
----------------------------------------------------
*/

#page_blog-single h1 {
/* mind the rhs rss icon */
margin-top:0.125em;
padding-right:25px;
}

#page_blog-single #rss-para {
position:absolute;
right:13px;
top:13px;
font-size:11px;
padding:0.75em 40px;
}
#page_blog-single #rss-para #rss-subscription {
position:absolute;
top:0;
}
#page_blog-single span.publish-date {
font-size:12px;
display:block;
color:#605d46;
}
#page_blog-single div.hr {
margin-bottom:1.67em;
}


/* Comments
----------------------------------------------------
*/

div.comments {
font-size:13px;
}
div.comments h2 {
margin:0 0 0.75em 0;
}
div.comments ol.commentlist li {
border:1px solid #261217;
background:#10060C;
padding:1em;
margin:2em 0;
}
div.comments ol.commentlist li img.avatar {
float:left;
margin:0 1em 1em 0;
opacity:.67;
}
#body div.comments p {
margin:0 0 1em 0;
}
#body div.comments ol.commentlist li p {
clear:both;
margin:1em 0;
}

/* class='text' added by jquery for poor old ie6 */

div.comments input.text,
div.comments input[type=text] {
width:180px;
margin:0 0.5em 0 0;
background:#10060C;
border:1px solid #342327;
padding:0.33em 0.5em;
font-size:12px;
}
div.comments label {
font-size:12px;
}
div.comments textarea {
width:540px;
font-size:12px;
border:1px solid #342327;
background:#10060C;
padding:0.5em 0.5em;
}
div.comments input.submit {
margin:1.75em 0 0 0;
padding:0.33em 1em;
font-size:15px;
color:inherit;
display:block;
width:auto;
border:1px solid #342327;
background:#10060C;
}

/* Post next and previous link nav
----------------------------------------------------
*/

div.navigation div.float-left,
div.navigation div.float-right {
font-size:14px;
width:262px;
line-height:1em;
}

div.navigation div.float-right {
text-align:right;
}

div.navigation div.float-left a,
div.navigation div.float-right a {
font-size:12px;
}
div.navigation div.float-left a {
}

/* Events
----------------------------------------------------
*/

#page_events #page-indicator {
background:url('/images/nav-indicators/events.png') left top no-repeat;
}

#page_events #body #primary div.events h3 {
border-top:1px solid #302c25;
padding:0.33em 0.5em 0.5em;
margin:0 0 1.5em 0;
text-transform:uppercase;
}
#page_events #body #primary div.events li {
border:1px solid #302c25;
background:#170c05;
padding:0 0 1em 0;
margin:0 0 12px;
zoom:1;
}
#page_events #body #primary div.events li img.feature {
width:200px;
float:left;
margin: 0.33em 12px 0.5em 0;
}
#page_events #body #primary div.events li p.date {
padding:0.5em 12px 0.5em 29px;
background:#1c120b url('/images/ui/diary_icon.png') 7px 5px no-repeat;
margin:0 0 1em 0;
}
#page_events #body #primary div.events li h2 {
margin:0.33em 12px 0.5em;
border-bottom:1px solid #302c25;
text-shadow:none;
padding:0 0 0.33em;
font-size:23px;
}
#page_events #body #primary div.events li p,
#page_events #body #primary div.events li h4 {
margin:0.25em 0 0.25em 0;
line-height:18px;
font-size:13px;
color:#9a927f;
padding:0 12px;
}
#page_events #body #primary div.events li h4 {
margin:0.33em 0 0.125em 0;
}

/* Menu */

#page_events #body #primary div.events li dl.menu {
margin:1em 12px 0 12px;
padding:12px;
background:#a9a28e;
border:3px double #bdb59f;
color:#35332a;
text-align:center;
}
#page_events #body #primary div.events li dl.menu dt {
margin:1em auto 6px auto;
border-bottom:1px dashed #bdb59f;
width:67%;
padding:0 0 6px 0;
}
#page_events #body #primary div.events li dl.menu dt.top {
text-transform:uppercase;
letter-spacing:2px;
margin:0 0 0 0;
padding:0 0 10px 0;
border-bottom:3px double #bdb59f;
color:#504d44;
width:100%;
}


/* Flagstone Wines
----------------------------------------------------
*/

/*
#heading_fish-hoek {
text-indent:-9999em;
background:url('/images/h1/fish-hoek_logo.jpg') left top no-repeat;
height:37px;
margin:0.25em 0 0.5em 0;
}
*/

#page_wines #page-indicator {
background:url('/images/nav-indicators/wines.png') left top no-repeat;
}

#page_wines ul.wine-list p {
margin:0 0 1em 0;
}
#page_wines div.post {
width:375px;
float:right;
margin-top:-7px;
margin-bottom:0.5em;
/*border-left:3px double #d4d4bf;*/
}
#page_wines ul.wine-list li {
margin:0 0 2em 0;
font-size:13px;
line-height:133%;
}
#page_wines ul.wine-list li li img {
display:block;
width:58px;
height:180px;
}
#page_wines div.hr,
#page_wines hr {
display:block;
width:360px;
margin:0.5em 0 1.5em 0;
}
#page_wines ul.icon-nav {
}
#page_wines ul.icon-nav li {
float:left;
margin:0.5em 12px 0.5em 0;
}

/* Contact
----------------------------------------------------
*/

#page_contact #page-indicator {
background:url('/images/nav-indicators/contact.png') left top no-repeat;
}

#page_contact #counter-holder {
display:none;
}

#page_contact #flagstone-contact-details {
_height:400px;
}
#page_contact #cforms3form {
_clear:both;
}
* html #page_contact .cform legend { 
margin-top:0;
}

#page_contact div.hr,
#page_contact hr {
display:block;
margin:1.25em 0 1.5em 0;
}

#visible-contact-details div {
width:13em;
}
#visible-contact-details div p {
margin-bottom:0;
}


/* Philosophy
----------------------------------------------------
*/

#page_philosophy #page-indicator {
background:url('/images/nav-indicators/philosophy.png') left top no-repeat;
}

#page_philosophy #body div.post div.hr {
margin-bottom:1.67em;
}

#page_philosophy ul.picture-list li {
width:138px;
margin:0 0 1em 2.5em;
}
#page_philosophy ul.picture-list li img {
display:block;
}
#page_philosophy ul.picture-list li p.caption {
font-size:11px;
line-height:1.11;
border:1px double #222;
padding:0.5em;
margin:0;
color:#767259;
}

/* Awards
----------------------------------------------------
*/

#page_awards #page-indicator {
background:url('/images/nav-indicators/awards.png') left top no-repeat;
}


/* Club
----------------------------------------------------
*/

#page_club #primary {
background:url('http://www.flagstonewines.co.za/images/promotions/wine-club.jpg') right 18px no-repeat;
min-height:580px;
_height:580px;
padding-right:295px;
width:299px;
}

/* Bottle Finder
----------------------------------------------------
*/ 

#page_bottle-finder #page-indicator {
background:url('/images/nav-indicators/bottle-finder.png') left top no-repeat;
}

#international-distributors {
font-size:12px;
margin-bottom:0.75em;
}
#international-distributors td {
padding:0.5em 1em 0;
background:#f8f7f1;
border-right:1px solid #d8d8c1;
border-bottom:1px solid #d8d8c1;
}
#international-distributors td p {

}

/* Footer
----------------------------------------------------
*/

#footer {
position:relative;
margin-top:20px;
padding:0 0 45px 0;
font-family:Arial,Helvetica,sans-serif;
}
#footer, #footer a {
font-size:11px;
color:#605D46;
}
#footer a {
text-decoration:underline;
}
#footer a:hover {
text-decoration:none;
}
#terms-privacy {
}

#copyright {
position:absolute;
right:314px;
}
#footer #cwmg {
position:absolute;
right:100px;
bottom:82px;
opacity:.8;
}

/* Fancy Zoom Content
----------------------------------------------------
*/

#zoom-content {
display:none;
}

/*
-----------------------------------------------------
Robust float clearing
http://www.positioniseverything.net/easyclearing.html
-----------------------------------------------------
*/

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