/*   
Theme Name: Madrona Theme
Theme URI: 
Description: Child theme of Thematic for Madrona Vineyards.
Author: HyperArts
Author URI: http:/hyperarts.com/
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/* MAIN STYLES */

body {
	text-align: left;
	font-family: Georgia, Times, serif;
	color: #231f20;
	font-size: .89em;
	}

#wrapper {margin: 0 auto; width: 800px;}

#wrapper.hfeed {width: 800px; margin: 0 auto; padding: 0;}

#main, #access, #header, #footer, #siteinfo {width: 800px; margin: 0 auto; padding: 0; border: 0;}

#main {background: url(_img/main-bg.gif) repeat-y;}

body.four04 #main {background-image:none;}

#main.blog {background-image: none;}

#main.weather {background-image: none; background: #ece9d8;}

a:link, a:hover, a:visited {color: #762123; text-decoration: underline;}

.clear	{ font-size: 1px; line-height: 1px; height: -1%; clear:both; }

/* SLIDESHOW STYLES */

#slideshow {
    position:relative;
    height:420px; height: 445px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}

#slideshow IMG.active {
    z-index:3;
}

#slideshow IMG.last-active {
    z-index:2;
}

#slideshow p {
	position: absolute;
	top: 20px; left: 25px;
	z-index:4;
	margin: 0; padding: 0;
	color: #fff;
	font: normal 23px/27px georgia, Times, serif;
	width: 450px;
	}

/* HEADER STYLE */

#header {width: 800px;float: left;}

#blog-title a{
	background: url(_img/logo.gif) no-repeat top left;
	display: block;
	width: 121px; height: 106px;
	text-indent: -9000px;
	margin: 10px 0 0 20px;
	}

#branding {padding: 0;}


.mail-text {font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 9px; color: #939598;}

.weather-text a, #mailing-list a {font-family: 'Century Gothic', arial, verdana, sans-serif;color: #939598; text-transform: uppercase; font-size: 10px; text-decoration: none; font-weight: bold; margin: 0; padding: 0;}

.weather-text a:hover, #mailing-list a:hover {color: #54301a;}

#mailing-list {margin-top: 5px; font-family: 'Century Gothic', arial, verdana, sans-serif;}


/* MENU STYLES */

.menu {width: 800px; margin: 0; padding: 0;}

/* Moves blog name & description to the left */
#branding {
  float: left;
  width: 200px;
  margin: 0;
  padding: 0;
}

/* Moves the new widgetized area to the right and levels it with #branding */
#header-aside {
  float: right;
  width: 200px;
  padding: 0;
  text-align: right;
  margin: 40px 20px 0 0;
}

#header-aside ul.xoxo {padding: 0; margin-bottom: 0;}

/* MENU STYLES */

#access {padding: 0; margin: 0 auto 5px; clear: both; width:800px; display: block; font-size: .85em; }

#access a {text-decoration: none;}

.sf-menu {border: 0; margin: 0 0 0 7px; padding: 3px 0; }

html>body .sf-menu  {margin: 0 0 0 15px;} 
/* what we really want - IE 4/5/6 can't see */


.sf-menu a {
	border: 0; 
	text-transform: uppercase; 
	text-align: left;
	font-family: arial, verdana, sans-serif;
	color: #939598;
	}
	
.sf-menu a:visited {color: #939598;}
	
.sf-menu li {padding: 5px 0; margin: 0 auto; background: transparent;}
	
.sf-menu li a {padding: 5px 8px; margin: 0;}

.sf-menu li ul {
    display:none!important;
}

.sf-menu li:hover, .sf-menu li.sfHover {background: #fff;}

.sf-menu li.current_page_item a, .sf-menu li.current_page_parent a, .sf-menu li.current_page_ancestor a {color: #000 !important; font-weight: bold; background: url(_img/smear.gif) no-repeat center;}

.sf-menu a:hover {background: #fff url(_img/smear.gif) no-repeat center; color: #000;}

/* SMEAR ACTIVE STATES */

.sf-menu li.page-item-9.current_page_item a, .sf-menu li.page-item-9 a:hover,  .sf-menu li.page-item-9.current_page_parent a, .sf-menu li.page-item-9.current_page_ancestor a {background: url(_img/smears/wine-club-smear.gif) no-repeat center;}

.sf-menu li.page-item-10.current_page_item a, .sf-menu li.page-item-10 a:hover,  .sf-menu li.page-item-10.current_page_parent a, .sf-menu li.page-item-10.current_page_ancestor a {background: url(_img/smears/visit-us-smear.gif) no-repeat center;}

.sf-menu li.page-item-7.current_page_item a, .sf-menu li.page-item-7 a:hover,  .sf-menu li.page-item-7.current_page_parent a, .sf-menu li.page-item-7.current_page_ancestor a {background: url(_img/smears/our-wines-smear.gif) no-repeat center;}

.sf-menu li.page-item-14.current_page_item a, .sf-menu li.page-item-14 a:hover,  .sf-menu li.page-item-14.current_page_parent a, .sf-menu li.page-item-14.current_page_ancestor a {background: url(_img/smears/contact-us-smear.gif) no-repeat center;}

.sf-menu li.page-item-6.current_page_item a, .sf-menu li.page-item-6 a:hover,  .sf-menu li.page-item-6.current_page_parent a, .sf-menu li.page-item-6.current_page_ancestor a {background: url(_img/smears/experience-smear.gif) no-repeat center;}

.sf-menu li.page-item-11.current_page_item a, .sf-menu li.page-item-11 a:hover,  .sf-menu li.page-item-11.current_page_parent a, .sf-menu li.page-item-11.current_page_ancestor a {background: url(_img/smears/news-smear.gif) no-repeat center;}

.sf-menu li.page-item-8.current_page_item a, .sf-menu li.page-item-8 a:hover,  .sf-menu li.page-item-8.current_page_parent a, .sf-menu li.page-item-8.current_page_ancestor a {background: url(_img/smears/shop-smear.gif) no-repeat center;}

.sf-menu li.page-item-12 a:hover {background: url(_img/smears/MyMadrona-smear.gif) no-repeat center;}

/* END SMEAR ACTIVE STATES */

/* SIDENAV STYLES */

.main-aside input {width: 130px;}


.main-aside {
	float: left;
	width: 180px;
	padding: 0; margin: 0;
	position: relative;
	right: 0;
	background: #000 url(_img/wine-barrels-blackgrad.jpg) no-repeat bottom;
	}
	
#secondary.main-aside {
	background-image: none;
	background: #fff;
	margin-top: 10px;
	}
	
#secondary li.current-cat {font-weight: bold;}
	
.main-aside ul {padding: 0 5px 0 25px;}

.main-aside ul ul {margin-left: 10px;}

.aside ul ul li {padding: 0;}
	
#primary {padding: 16px 0 250px 0; margin: 0; border: 0;}

#primary ul li {list-style-type: none;}

#primary li a {
	color: #fff; 
	text-decoration: none; 
	text-transform: uppercase;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	}
	
#primary li.current_page_item a {font-weight: bold;}
	
#primary li.current_page_item ul li a {font-weight: normal;}

#primary ul ul {display:none;}

#primary ul li.current_page_item ul, #primary ul li.current_page_parent ul {display: block;}

/* CONTENT STYLES */

#container {
	float: right;
	width: 618px;
	margin: 0; padding: 0 0 0 2px;
	}
	
	#content {width: 618px; margin: 0; padding: 0;}
	
	#content.category {width: 600px; padding: 0 9px;}
	
.entry-content a:hover {text-decoration:  underline;}

.entry-title, .entry-content h2, .entry-content h3 {font: normal 16px/20px Georgia, Times, serif; text-transform:uppercase;margin: 0; padding: 0 0 3px 0; width: auto; clear: left !important;}

h1.entry-title {margin-top:20px;}

#post-10 .entry-content h2 {margin-top: 20px;}

.entry-content h1 {font-family:  Georgia, Times, serif; padding: 0; margin: 0 0 10px 0;text-transform: uppercase;}

.entry-content h3 {margin-top: 0;}

span.name {font: normal 16px/23px Georgia, Times, serif; text-transform:uppercase;margin: 0; padding: 0;}

.entry-content p {clear: left; font-size: 13px; line-height: 18px; margin: 0 0 10px 0;}

.entry-content .people {margin-top:20px;}

.entry-content .people p {margin-bottom: 20px;}

.entry-content#news p {margin-bottom:5px;}
.entry-content#news h2 {color: #762123; margin: 0 0 10px 0;}

.entry-content#weather {margin: 0 auto; background: #ece9d8; float: none;}

.entry-content img.float-r, .entry-content img.alignright {float: right; margin: 5px 0 5px 20px; padding: 0;}

img.float-l {display: block; margin: 5px 0 0 0;}

img.block {float: left; display: block; margin: 0;}

.entry-content {padding: 10px 25px 0 25px; margin: 0; width: 568px; float: left; font-family: Georgia, Times, serif; font-size: 16px; color: #231f20;}

.entry-content .2-col p {width: 50%; float: left;}

.post .entry-content p {margin-bottom: 5px; }

.entry-content#landing {padding: 0;}

.entry-content img.landing-image {margin: 0; padding: 0; float: left;}

.color-box {width: 160px; padding: 10px; text-transform: uppercase; margin-left: 20px; float: right; clear: right; margin-bottom: 5px;}

.color-box-wide {width: 230px; padding: 15px; margin-left: 20px; float: right; clear: right; margin-bottom: 5px;}

.color-box, .color-box-wide, .color-box p, .color-box-wide p, .color-box-wide a {color: #fff; font: normal 10px/15px 'Century Gothic', arial, verdana, sans-serif; text-decoration: none;}

.brown-box {
	width: 578px; 
	background-color: #54301a;
	color: #fff;
	margin: 2px 0 0 0; padding: 20px 20px 15px 20px;
	float: left;
	font-family: Georgia, serif;
	line-height: 20px;
	}
	
.brown-box#light {background-color: #a7600c;}

.brown-box#red {background-color: #762123;}
	
.brown-box p {margin: 0 0 5px 0; font-size: 16px; line-height: 20px;}
	
.hentry {padding: 0; margin: 0;}

.image-box {float: right; display: inline; text-align: left; margin: 0 0 5px 20px; padding: 0; clear: right; font-size: 12px;}

/* WP CAPTIONS AND IMAGES */

.wp-caption {margin-bottom:5px; text-align: left;}

.wp-caption p.wp-caption-text {padding: 5px ;}

.page .wp-caption-text, .page .wp-caption p {font:normal 12px/16px Georgia,serif; text-align:left !important; text-indent: 0 !important; font-style:italic;margin: 0 !important;color:#231F20;}

.post p.wp-caption-text {font:bold 10px/12px arial,verdana,sans-serif; text-align:left; text-indent: 0 !important; color:#000; font-style: none;}

body.parent-pageid-7 .page .wp-caption-text,  body.parent-pageid-7 .page .wp-caption p{color: #782123 !important;}

.wine-name {font-style:none; clear: right;}

.wp-caption img {margin-top: 5px;}

.image-box#taste p{
	border: 2px solid #782123; 
	color:#782123;
	text-transform:uppercase; 
	font: 12px/20px 'Century Gothic', arial, verdana, sans-serif;
	padding: 10px;
	float: right; display: block; clear: both;
	width: 301px;
	}
	
.image-box#block {margin:5px 0 0 0; padding: 0; float: left;}

.image-box img {margin: 0 0 5px 0 !important; padding: 0; clear: both; display: block; }

.image-box#long img {margin-top: 5px !important;}

.page .image-box {font: normal 12px/16px Georgia, serif;}

.post .image-box {font: bold 10px/12px arial, verdana, sans-serif;}

.image-box#wine {color: #472a2b;}

img.alignright, .alignright {padding: 0; clear: both;}

.meta-bottom {display: block; clear: both;}

.event {display:block; margin-bottom: 15px; clear: both; padding: 0; font-size:13px; float: left; width: 100%;}

.event p {margin-bottom:10px;}

.wp-table-reloaded {width: 270px !important; font-size: 12px !important;border-spacing:0 !important; border: 0 !important; background-color: #ffffff !important; color: #231f20; }

p.featured-text {color: #8a463a; font: normal 16px/18px Georgia, Times, serif; margin-bottom: 10px;}

/* WEATHER PAGE STYLES */

.entry-content table#weather img {margin: 0; padding: 0;vertical-align: middle;}

table#weather {padding: 0; margin: 0; background-color: #ece9d8; border-collapse: separate; border: 0;}

table#weather td.bordertop {border-top: 2px solid #999; color: #32519e; font-weight: bold;}

th, td {
padding:0.3em 1.25em;
vertical-align: middle;
}


/* BLOG STYLES */


#header-blog {width: 800px;float: left; background: url(_img/MyMadrona-masthead.jpg) no-repeat top left; margin-top: 20px;}

#header-blog #access {padding-top: 28px;}

#header-blog .mail-text {color: #fff;}

#header-blog #mailing-list {margin-top: 0; padding: 15px 0 20px;}

#header-blog #blog-title a {
	background: url(_img/logo-blog.gif) no-repeat top left;
	width: 232px; height: 51px;
	margin: 10px 0 0 15px;
	}
	
html>body #header-blog #blog-title a {background: url(_img/logo-blog.png) no-repeat top left;} 
/* what we really want - IE 4/5/6 can't see */

	
#header-blog .sf-menu li.current_page_item a {background-image:none;}

#header-blog li.page-item-12 a {font-weight: bold; color: #000;}

#header-blog #header-aside {margin: 20px 20px 0 0;}
 
#header-blog #header-aside a {color: #fff;}

.post h2 {font-size: 14px;}

.post {color: #231F20;}

.page-title {
color:#231F20;
float:left;
font-family:Georgia,Times,serif;
font-size:16px;
font-style:normal;
margin-top: 15px; padding-bottom: 30px;
}

.entry-meta {font-style: normal; margin: 0; font-family: Georgia, Times, serif; color: #231f20; font-size: 16px; float: left; }

h1.post, h1.post a {font-style: normal; font-family: Georgia, Times, serif; text-transform: uppercase; font-weight: normal; font-size: 19px; color: #231f20; padding: 3px 0; margin: 10px 0;}

 #secondary li {list-style: none;}
	
 #secondary li a, .main-aside h3 {
 	text-decoration: none; font-style: normal;
	text-transform: uppercase;
	font-family: arial, verdana, sans-serif;
	font-size: 11px; color: #231f20;
	} 


/* FOOTER STYLES */

#siteinfo {text-align: center; padding: 10px 0 20px; font-family: arial, verdana, sans-serif; text-transform: uppercase; color: #939598; font-size:10px;}

#siteinfo a {text-decoration: none; color: #939598;}

#siteinfo a:hover	{color: #54301a;}

.cform {margin-top: 30px !important;}

/* CATEGORY PAGE */

.archive-meta p {width: 100%; display:block; text-align: left; margin: 0 0 30px 0; padding: 0; clear: both;}

.navigation {margin-top: 20px;}

/* CONTACT PAGE */

.contact-box {padding: 0 0 10px 110px;}

.contact-box iframe {height: 40px;}

.contact-box p {font-size: 16px; text-transform: uppercase;}

.entry-content .wp-caption h3 {font-size: 13px; text-align: center;}

dl {
	margin: 0;
	}