/*
Theme Name: VZV
Theme URI: http://varozzavineyards.com/
Description: The wordpress theme for Varozza Vineyards.
Version: 1.0
Author: designthis!
Author URI: http://designthis.com
Tags: wine, varozza, designthis,
*/

/* VZV CSS File 

color palette:

dark green: 847731
light green: a9a13d
yellow: e0d570
grey: 888
beige: d4d4bc
light beige: ececd3
*/

*, html {
padding:0;
margin:0;
}

body {
background:url(images/body_bg.jpg) 0 0 repeat;
}


h1, h2, h3, h4, h5 {
font-family:"Museo Slab", "Times New Roman", Times, serif;
}

h2 {
font-size:36px;
color:#847731;
}

h3 {
font-size:18px;
color:#847731;
}

p {
font-family:"Museo", "Times New Roman", Times, serif;
}

a{
font-family:"Museo", "Times New Roman", Times, serif;
text-decoration:none;
color:#a9a13d;
}

a:hover {
color:#847731;
}

#wrapper {

}

#masthead {
padding:0;

}

#masthead #innerwrap {
width:960px;
padding:10px 0 30px;
margin:0 auto;
background:url(images/farmstead.png) right 0 no-repeat;
}
#masthead h1 {
color:#847731;
font-size:40px;

}

#masthead h1 a {
display:block;
width:315px;
height:100px;
overflow:hidden;
text-indent:-999999px;
background:url(images/logo.png) 0 0 no-repeat;
}

#searchbar {
margin:0 0 10px;
}

#searchbar .screen-reader-text{
display:none;
}
#searchbar form {
background:url(images/searchbar.png) 0 0 no-repeat;
width:260px;
height:40px;
}

#searchbar input {
background-color:transparent;
border:none;
margin:11px 0 0 42px;
width:195px;
font-size:11px;
color:#666;
padding:3px 0 3px;
}

#searchbar #searchsubmit {
width:30px;
height:25px;
position:relative;
top:-24px;
left:8px;
cursor:pointer;
background:none;
border:none;
margin:0;
padding:0;
overflow:hidden;
text-indent:-9999px;
display:block;
color:transparent;
}

#nav {
background:#a9a13d;
border-top:6px solid #e0d570;
border-bottom:6px solid #e0d570;
margin:0;
}

#nav ul {
width:960px;
margin:0 auto;
}

#nav ul li {
float:left;
position:relative;
list-style:none;
}

#nav ul li a {
font-size:18px;
color:#fff;
text-transform:uppercase;
padding:10px;
display:inline-block;
font-family:"Museo Slab", "Times New Roman", Times, serif;
}

#nav ul li a:hover {
background:#e0d570;
text-shadow: 1px 1px 1px #46471d;
filter: dropshadow(color=#46471d, offx=1, offy=1); 
}

#nav ul li:hover a {
background:#e0d570;
text-shadow: 1px 1px 1px #46471d;
filter: dropshadow(color=#46471d, offx=1, offy=1); 
}

#nav ul li ul.sub-menu {
width:auto;
position:absolute;
background:#e0d570;
z-index:999999;
left:0;
top:42px;
}

#nav ul li ul.sub-menu li {
display:none;
padding:5px 5px 0;
}

#nav ul li ul.sub-menu li:last-child {
padding:5px;
}

#nav ul li:hover ul.sub-menu li {
display:block;
}


#nav ul li ul.sub-menu li a {
width:250px;
text-shadow: 1px 1px 1px #46471d;
filter: dropshadow(color=#46471d, offx=1, offy=1); 
}

#nav ul li ul.sub-menu li a:hover {
text-shadow: none;
filter:none; 
background:#a9a13d;
}

#content-wrapper {
border-top:5px solid #dfdfc6;
border-bottom:5px solid #dfdfc6;
margin:15px auto 5px;
width:960px;
}
#content {
border-top:#ccc dotted 1px;
border-bottom:#ccc dotted 1px;
margin:4px 0;
}

#content a {
font-weight:bold;
}
#content a img {
border:none;
}

#content a:hover img {
opacity:.8;
}
#hero-wrap {
padding-bottom:5px;
border-bottom:5px solid #dfdfc6;
margin-bottom:30px;
}
#hero {
margin:30px 0 0;
padding:0 0 30px;
border-bottom:#ccc dotted 1px;
}

#hero .hero-text {
float:right;
width:650px;
padding-right:00px;
}

#hero img {
float:left;
padding-left:40px;
}


#hero .hero-text h2 {
text-transform:uppercase;
text-shadow: 0px 1px 0px #b9b9b9;
filter: dropshadow(color=#b9b9b9, offx=0, offy=1); 
}

#hero .hero-text p.mainhero {
font-size:22px;
line-height:28px;
}
#hero .hero-text p {
color:#666;
font-size:18px;
font-family:"Museo Slab", "Times New Roman", Times, serif;
line-height:24px;
padding:5px 0 0;
}

#hero .hero-text h2.family {
margin:30px 0 0;
padding:30px 0 0;
border-top:#ccc dotted 1px;
}

#hero .hero-text h2.family span {
color:#bdbda5;
font-size:16px;
font-style:italic;
text-transform:none;
text-shadow: -1px -1px 0px #999;
filter: dropshadow(color=#999, offx=-1, offy=-1); 
}

/* News & Events */

#news {
float:left;
width:370px;
padding:0 0 30px;
}

#news h2 {
color:#fff;
background:#A9A13D;
font-size:23px;
text-transform:uppercase;
text-shadow: 0 -1px 0px #a3a3a3;
filter: dropshadow(color=#a3a3a3, offx=0, offy=-1); 
font-weight:normal;
padding:2px 25px;
margin:0 120px 30px 0;
display:inline-block;
position:relative;
}

#news h2:before {
z-index:-1;
position:absolute;
left: 0px;
bottom: -7px;
border-right: 8px solid #666200;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
content:"";
display:block;
}

#news h3 a {
color:#847731;
display:inline-block;
font-weight:normal;
font-size:18px;
padding-left:0;
margin:0;
}

#news h3 {
padding-left:0;
}
#news h3 a:hover {
color:#444;
}

#news h4 {
color:#847731;	
display:inline-block;
font-weight:normal;
font-size:18px;
padding-left:5px;
}
#news p {
color:#666;	
font-size:15px;
line-height:20px;
padding:10px 0 10px 0px;
}

#news a {
color:#a9a13d;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
margin:0 0 0 25px;
}

#news a:hover {
color:#847731;
}

#news ul, li {
padding:0;
margin:0;
list-style:none;
}

#news li {
border-bottom:1px dotted #CCCCCC;
padding-bottom:10px;
margin:0 0 20px 25px;;
}

#news li:last-child {
border:none;
padding:0;
margin:0 0 0 25px;
}
#events {
float:right;
padding:0 0 30px;
width:340px;
}
#events h2 {
color:#fff;
background:#A9A13D;
font-size:23px;
text-transform:uppercase;
text-shadow: 0 -1px 0px #a3a3a3;
filter: dropshadow(color=#a3a3a3, offx=0, offy=-1); 
font-weight:normal;
padding:2px 25px;
display:block;
margin:0 0 30px;
display:inline-block;
float:right;
position:relative;
}

#events h2:after {
z-index:-1;
position:absolute;
right: 0px;
bottom: -7px;
border-left: 8px solid #666200;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
content:"";
display:block;	
}

#events h3 {
color:#444;
display:inline;
font-weight:normal;
font-size:16px;
padding-right:5px;
}

#events h4 {
color:#847731;	
display:inline;
font-weight:normal;
font-size:16px;
padding-right:25px;
}
#events p {
color:#666;	
font-size:14px;
line-height:18px;
padding:10px 0px 15px 0;
border-bottom:#ccc dotted 1px;
margin:0 25px 15px 0;
}

#events p:last-child {
border:none;
padding:10px 0px 0 0;
margin:0 25px 0 0;
}

#events a{
color:#a9a13d;
font-size:12px;
text-transform:uppercase;
font-weight:normal;
display:block;
text-align:right;
padding-top:5px;
}

#events a:hover {
color:#847731;}




/* innerpage styles */

#innerpage {
margin:30px 0;
}

#innerpage .right {
float:right;
width:650px;
}

#innerpage .left {
float:left;
padding-left:40px;
width:245px;
}

#innerpage .left h2 {
text-transform:uppercase;
text-shadow: 0px 1px 0px #b9b9b9;
filter: dropshadow(color=#b9b9b9, offx=0, offy=1);
font-size:24px;
text-transform:uppercase;
color:#847731;
font-weight:normal;
}

#innerpage .left img {
padding:20px 0 0;
}

#innerpage .inner-text h2 {
font-size:18px;
color:#555;	
font-family:"Museo", "Times New Roman", Times, serif;
line-height:22px;
padding:0 0 15px;
}

#innerpage .inner-text p {
padding:0 0 20px;
color:#666;	
font-size:15px;
line-height:22px;
}

.inner-text table {
padding-bottom:20px;
}

.inner-text table tr {
}

.inner-text table tr td{
padding:5px;
color:#666;	
font-size:15px;
line-height:22px;
}

.inner-text table tr td strong {
padding:20px 0 0;
display:inline-block;
margin:0;
}

.inner-text table em {
font-size:85%;
}

#footer {
width:960px;
margin:0 auto;
padding:10px 0;
}

#footer p {
font-size:12px;
color:#919191;
float:left;
}

#footer p a {
color:#919191;	
}

#footer p a:hover {
color:#FA7D00;	
}

#footer ul {
float:right;	
margin:0;
}

#footer ul li {
float:left;
padding:0 0 0 10px;
list-style:none;
}

#footer ul li a {
padding:0;
font-size:12px;
color:#919191;
text-transform:uppercase;
display:block;
}

#footer ul li a:hover {
color:#666;	
}

.clear {
clear:both;
}

html body .typekit-badge, #typekit-badge-nph3wrn {
display:none;	
}

a[rel="prev"] {
padding-top:30px;
float:left;;
}

a[rel="next"] {
padding-top:30px;
float:right;
}

.inner-text h2 span {
color:#847731;
}

.searched {
padding:10px 0 10px;
border-bottom:#ccc dotted 1px;
display:inline-block;
width:300px;
margin:0 10px 0 0;
}

#innerpage .searched h2 {
font-size:18px;
color:#847731;
font-weight:normal;
padding:0;
}

#innerpage .searched p {
padding:5px 0 0 0;
font-size:14px;
}

#innerpage .searched p a {
font-size:14px;
font-weight:normal;
}

.separator {
border-bottom: 1px dotted #ccc;
padding-bottom:10px;
margin-bottom:30px;
}

.events-posts {
padding-bottom:10px;

}
.events-posts h4 {
font-size:14px;
color:#555;
display:inline-block;
width:50px;
text-align:right;
}

.events-posts h3 {
display:inline-block;
font-size:18px;
font-weight:normal;
padding-left:5px;
}

#innerpage .inner-text .events-posts p {
padding-left:55px;
}

#twitter_update_list p a {
margin:0;
}