/******************************************************************
Theme Name: Boceli (Responsive Edition)
Theme URI: http://www.themble.com/bones
******************************************************************/

@import url("fontKit/stylesheet.css");


body,
html{
	margin: 0;
	padding: 0;
	height: 100%;
}


body{
	font: 14/1.5em "CabinRegular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	color: #898989;
	background-color: #fff;
}


h1,
h2,
h3,
h4,
h5{
	
margin: 0 0 8px 0;	
	
}

h3.ui-accordion-header{
	font: 16px/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1.faux-heading{
	
	border-bottom: 1px solid #898989;
	border-top: 1px solid #898989;
	text-transform: uppercase;
	color: #333;
	font: 25px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
}

p.red a{
	color: #ae232d;
}

article header{
	width: 100%;
	height: 38px;
	float: left;
}

section{
	float: left;
	width: 100%;
}

.download-link{
	position: relative;
	float: right;
	margin: 0;
	bottom: 46px;
	text-transform: uppercase;
}

.page-template-wine-page-php p{
font: 16px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
color: #898989;
}


p{
font: 16px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
color: #333;
margin: 9px 0 0 0;
}

a:link,
a:visited{
text-decoration: none;
color: #898989;
font:  1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}


a:hover,
a:active{
 text-decoration: underline;
 color: #333;
 font:  1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 
}


blockquote{
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
}

blockquote p{
	font: 100 22px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
	margin: 10px 0;
	
	}
p.attribution{
	font: 10px/.8em "CabinRegular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	margin: 2px 0;
	float: right;
	clear: right;
	color: #898989;
}

.red{
	color: #ae232d;
}

.logo{
	position: relative;
	left: 88px;
	top: 10px;
	background: trasparent;
	float: left;
}

.overly-text{
	position: absolute;
	z-index: 199;
	top: 111px;
	width: 400px;
	
	}
	
.lt-ie9 .overly-text{
	position: absolute;
	z-index: 199;
	top: 270px;
	width: 400px;
}	

.overly-text h3{
		font: 23px/1.4em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
	     color: #454647;
}

.overly-text p{
font: 16px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
   color: #454647;
}


.overly-text .light-body-text{
    font:  15px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

.overly-text .slight-emphasis-text{
	font: 16px/1.5em "CabinSemiBold", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

.overly-text p.uppercase{
	text-transform: uppercase;
	text-align:center;
	font: 18px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
}


#main,
.home #main,
#inner-content,
#container{
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
}

.inside #main{
	margin: 39px 0 33px 0;
}




img.banner{
	width: 960px;
	margin: 0 auto;
}

#container{
padding-bottom: 20px;	
}


header.header{
	width: 960px;
	min-width: 960px;
	margin: 0 auto;
	padding-top: 16px;
}


#inner-header{
	width: 960px;
	min-width: 960px;
	height: 116px;
	margin: 0 auto;
	background:url('../images/general/alternate_header_lines.png') no-repeat left bottom;

}

nav.nav{
	float: right;
}

nav.nav ul#menu-main-menu{
	float: right;
	margin: 0;
	position: relative;
	left: 10px;
	background: none;
}

nav.nav ul#menu-main-menu li{
list-style-type: none;
float: left;
padding: 0 10px;
}

ul li.current_page_item a{
	border-bottom: 2px solid #898989;
}

nav.nav ul#menu-main-menu li a{
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
	color: #898989;
	font: 16px/1.5em "CabinRegular", Helvetica Neue,Arial, Helvetica, Geneva, sans-serif;
	text-transform:uppercase;
	
	
	}

nav.nav ul#menu-main-menu li a:hover{
    border-bottom: 2px solid #333;
    background: none;
	
}

nav.nav ul#menu-main-menu li.last-item a{
	padding-right: 2px;
}


#slider,
.front-banner{
	width: 960px;
	margin: 0 auto;
	height: 429px;
}

/*
 * Homepage Callouts
 *
 */


.home .callouts {
	width:960px;
}

.home .callouts img {
	margin: 20px 30px 0 0;
	width: 300px;
	height: 150px;
	border: none;
}

.home .callouts img.last-item {
	margin-right: 0;
}



/*
 * Lower third wine columns
 *
 */
 
 .home .wine-shelf{
 	width:960px;
 	min-width: 960px;
 	margin: 41px auto 0 auto; 
 	padding-top: 0;
 	float: left;
 }
 
 .inside .wine-shelf{
 	width:960px;
 	min-width: 960px;
 	margin: 0 auto 0 auto; 
 	padding-top: 0;
 	clear: both;
 	float: left;
 	position: relative;
 	
 }
 
 .page-template-wine-page-php .wine-shelf{
 	width:960px;
 	min-width: 960px;
 	margin: 0 auto 0 auto; 
 	padding-top: 0;
 	clear: both;
 	float: left;
 	position: relative;
 }
 
 
 .wine-bottle{
    width: 138px;
    height: 335px;
 	border-right: 1px solid #333;
 	float: left;
 	padding: 14px 12px 14px 12px;
 	 }
 	 
 .wine-bottle.last-item{
 	border-right: none;
 	padding-right: 0;
 	padding-left: 19px;
 }	 
 	 
.wine-bottle.first-item{
	padding-left:  0;
}


.wine-bottle p{
margin-top: 29px;
}


.wine-bottle h4{
	color: #000;
	font: 16px/1.5em "CabinRegular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	line-height: 17px;
}

.wine-bottle p{
	color: #898989;
	font:  13px/1.5em "CabinRegular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	-webkit-hyphens: none;
	hyphens:none;
	-moz-hyphens:none;
	-o-hyphens:none;
	text-align:left;
}

.wine-bottle img {
	margin: 15px 0;
}

.wine-bottle .shelf-space{
  height: 100px;
  
}

.wine-bottle .shelf-space ul{
	margin: 0;
}


.wine-bottle li {
	list-style-type: none;
}

.wine-bottle li a{
	color: #b51313;
	font:  14px/1.5em "CabinRegular", Helvetica Neue, Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
}

.wine-bottle li a:hover{
	color: #333;
}


/*
 * FOOTER
 *
 */	 	
 
 footer.footer{
 	width: 960px;
 	margin: 0 auto;
 	padding: 50px 0 0 0;
 	min-width: 960px;
 } 
 
 #inner-footer{
 	width: 960px;
 	margin: 0 auto;
 	min-width: 960px;
 }
 
 footer.footer a:link{
 	color: #898989;
 	text-decoration: underline;
 }

#social{
	float: left;
	clear: both;
	position: relative;
	left: 645px;
	bottom: 5px;
}

#social img{
	margin: 0 6px;	
}

/*
 * WINE TEMPLATE
 *
 */

.pseudo-header{
	font: 16px/1.5em "CabinRegular", Arial, Helvetica, Geneva, sans-serif;
	color: #000;
	text-transform: uppercase;
	padding-right:5px;
}

  .page-template-wine-page-php .ui-accordion-content p{
	margin: 0;
	padding: 4px 0;
	border-top: 1px solid #898989;
}

#accordion{
	clear: both;
	float: left;
	padding-top: 0;
}

/**********wine rack*********/
.wine-rack {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}


.wine-rack:hover div.wine-rack-bottle {
    opacity:0.3;
    filter:alpha(opacity=30);

	}

.wine-rack div.wine-rack-bottle:hover {
    opacity:1;
    filter:alpha(opacity=100);
    padding-top: 20px;
	}

.wine-rack div.wine-rack-bottle:hover img{
	width: 146px;
	}

div.wine-rack-bottle {
	float: left;
	width: 160px;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	}

.wine-rack {
float: left;
margin-bottom: 49px;
height: 462px;
}

h3#bottle-1,
h3#bottle-2,
h3#bottle-3,
h3#bottle-4,
h3#bottle-5,
h3#bottle-6,
{
	color: #898989;
}

h3#bottle-1.highlight,
h3#bottle-2.highlight,
h3#bottle-3.highlight,
h3#bottle-4.highlight,
h3#bottle-5.highlight,
h3#bottle-6.highlight{
	color: #333;
}


h3#bottle-1.ui-state-active,
h3#bottle-2.ui-state-active,
h3#bottle-3.ui-state-active,
h3#bottle-4.ui-state-active,
h3#bottle-5.ui-state-active,
h3#bottle-6.ui-state-active{
	color: #333;
}

/*locate page specific css*/
/*pages wehre there is real post content but no accordion*/


.post-content{
	position: relative;
	padding-bottom: 8px;
	margin-bottom: 6px;
	
}

/*pages with actual post content need to have an id added here*/
article#post-10 .post-content{
	border-bottom: 1px solid #898989;
}

article#post-10{
	margin-bottom: 10px;
}