/*
Theme Name: Babbo
Author: OperationCMYK
Author URI: http://operationcmyk.com/
Version: 1.0
*/

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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}

.alignright{float:right;}
.alignleft{float:left;}
.aligncenter{float:center;}


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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	width: 100%;
	height:100%;
	background-color:white;
	
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	text-transform: uppercase;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
article#content {
	margin-bottom: 35px;
}
#wrapper {
}
.recipeRight p a{
	color:rgb(0,0,0);
	text-transform:none;
}
.recipeRight p a:hover{
	color:rgb(223,20,45);
}
.mainContent {
	width: 630px;
	position: relative;
	float: left;
	margin: 20px 0px 35px 0px;
}
.postContent {
	width: 525px;
	position:relative;
	float:left;
	margin-top:25px;
}
.singlePostContent {
	width: 630px;
}
.singlePostContent p{
		margin-top:10px;
}



/*---------FONT FAMILY----------------*/

@font-face {
    font-family: 'LatoBlackItalic';
    src: url('images/Lato-BlaIta-webfont.eot');
    src: url('images/Lato-BlaIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-BlaIta-webfont.woff') format('woff'),
         url('images/Lato-BlaIta-webfont.ttf') format('truetype'),
         url('images/Lato-BlaIta-webfont.svg#LatoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBlack';
    src: url('images/Lato-Bla-webfont.eot');
    src: url('images/Lato-Bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-Bla-webfont.woff') format('woff'),
         url('images/Lato-Bla-webfont.ttf') format('truetype'),
         url('images/Lato-Bla-webfont.svg#LatoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBoldItalic';
    src: url('images/Lato-BolIta-webfont.eot');
    src: url('images/Lato-BolIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-BolIta-webfont.woff') format('woff'),
         url('images/Lato-BolIta-webfont.ttf') format('truetype'),
         url('images/Lato-BolIta-webfont.svg#LatoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoBold';
    src: url('images/Lato-Bol-webfont.eot');
    src: url('images/Lato-Bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-Bol-webfont.woff') format('woff'),
         url('images/Lato-Bol-webfont.ttf') format('truetype'),
         url('images/Lato-Bol-webfont.svg#LatoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoItalic';
    src: url('images/Lato-RegIta-webfont.eot');
    src: url('images/Lato-RegIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-RegIta-webfont.woff') format('woff'),
         url('images/Lato-RegIta-webfont.ttf') format('truetype'),
         url('images/Lato-RegIta-webfont.svg#LatoItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoRegular';
    src: url('images/Lato-Reg-webfont.eot');
    src: url('images/Lato-Reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-Reg-webfont.woff') format('woff'),
         url('images/Lato-Reg-webfont.ttf') format('truetype'),
         url('images/Lato-Reg-webfont.svg#LatoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLightItalic';
    src: url('images/Lato-LigIta-webfont.eot');
    src: url('images/Lato-LigIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-LigIta-webfont.woff') format('woff'),
         url('images/Lato-LigIta-webfont.ttf') format('truetype'),
         url('images/Lato-LigIta-webfont.svg#LatoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoLight';
    src: url('images/Lato-Lig-webfont.eot');
    src: url('images/Lato-Lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-Lig-webfont.woff') format('woff'),
         url('images/Lato-Lig-webfont.ttf') format('truetype'),
         url('images/Lato-Lig-webfont.svg#LatoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairlineItalic';
    src: url('images/Lato-HaiIta-webfont.eot');
    src: url('images/Lato-HaiIta-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-HaiIta-webfont.woff') format('woff'),
         url('images/Lato-HaiIta-webfont.ttf') format('truetype'),
         url('images/Lato-HaiIta-webfont.svg#LatoHairlineItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'LatoHairline';
    src: url('images/Lato-Hai-webfont.eot');
    src: url('images/Lato-Hai-webfont.eot?#iefix') format('embedded-opentype'),
         url('images/Lato-Hai-webfont.woff') format('woff'),
         url('images/Lato-Hai-webfont.ttf') format('truetype'),
         url('images/Lato-Hai-webfont.svg#LatoHairline') format('svg');
    font-weight: normal;
    font-style: normal;

}
strong{
font-weight:normal;
font-family:'LatoBold';
}

#wrapper {
	width: 1020px;
	float: center;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
			background-image: url('images/BataliBgrnd.jpg');

	-moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}
#container{
	margin: 0 auto;
	width: 100%;
	clear: both;
	margin: 0 0 70px 0;
	position: relative;
	float:left;

}
#content{
	overflow: none;
	height: 100%;
	margin: 0 auto;
	position: relative;
}

/*-------UNIVERSAL STYLES--------*/

.pageImage{
	width:630px;
	max-height:400px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}
.pageImage img{
	width:100%;
	height:auto;
	overflow:hidden;
}
.imganddate{
	width:525px;
	overflow:none;
}
.imganddate img{
	width:auto;
	height:100%;
}
p {
	text-align: left;
	font-family:LatoRegular;
	font-size:.8em;
	line-height:1.4em;
}
.page .mainContent p{
	line-height:20px;
}
.post .mainContent p{
	line-height:20px;
}

a{
	text-transform: uppercase;
}
p a{
	text-transform: uppercase;
	font-family: LatoBoldItalic;
	color:rgb(223,1,46);
}
strong em,em strong{
	font-family:LatoBoldItalic;
}
em{
	font-family:LatoItalic;
}
h1.entry-title{
    font-family: LatoBlack;
    font-size:3.1em;
    margin-bottom:13px;
    color:rgb(223,1,46);
}
blockquote{
	padding: 0 55px;
}


/*----------HEADER--------------*/

header{
	width: 100%;
	height: 277px;
	margin: 0 auto;
	clear: both;
	position: relative;
	text-align: center;
}
.headerImage {
	height: 221px;
	width:100%;
	position: relative;
padding-top:25px;


}
.hImg{
width:244px;
margin:0px auto;
}
.headerImage .quote{
	position: absolute;
	float: left;
	display: block;
	top:190px;
	left:40px;
	z-index: 9999;
	line-height:1em;
}

header .quote p#italian{
	font-family: 'Pinyon Script';
	color: rgb(223,20,45);
	font-size: 1.3em;
		line-height:1em;

}
header .quote p#english{
	font-family: LatoRegular;
	color: rgb(0,0,0);
	font-size: .9em;
	float: left;
		line-height:1em;

}



/*-----------RESERVATIONS-----------*/

.reservationText{
	width:360px;
	float:left;
}
#OT_searchWrapperAll{
	width:270px;
	float:left;
}
.reservations {
	background: url('images/reservationsTabTall.png') no-repeat;
	background-position: bottom;
	position: absolute;
	top: -267px;
	right: 32px;
	height: 325px;
	width: 190px;
	float: right;
	z-index: 9999;
	overflow: hidden;
	cursor: pointer;
	z-index:9999;
}
.reservations h3{
	position: absolute;
bottom:40px;
left:30px;
	font-family:LatoRegular;
	font-size: .7em;
	letter-spacing:.1em;
	text-transform: uppercase;
	color: rgb(255,255,255);
	text-shadow: 2px 2px 3px rgb(0,0,0);
}
h1.OT_title{
	text-transform:capitalize;
	color:rgb(223,20,45);
	margin-bottom:2px;
	font-family:LatoRegular;
}
h2.OT_subtitle{
	letter-spacing:0px;
}
/*-----------SEARCH-------------*/
nav #search{
    height: 32px;
    margin: 0 auto;
    width:350px;
    position:absolute;
    top: -1px;
    left:956px;
    float: left;
    z-index:999;
    background: url('images/searchTab.png') no-repeat;
}
nav #search form {
	background-color: rgb(255,255,255);
}
nav #search-inputs {
	background-color: rgb(255,255,255);
	margin: 0 0 0 10px;
	padding: 6px 0 6px 0;
	float: left;
	position:relative;
}
nav #search-inputs input#s{
	width: 200px;
    position:relative;
    bottom:0;
	height: 14px;
}
nav #search-inputs label{
    padding: 0 5px 1px 10px;
    vertical-align: middle;
    position: relative;
    top:-1px;
	font-family: LatoRegular;
	text-transform: uppercase;
    font-size: .6em;
    cursor:pointer;
}
nav label#searchLabel{
	margin-bottom:4px;
}
nav #search-inputs input#searchsubmit {
	border: none;
	color: rgb(223,20,45);
	font-family: LatoRegular;
	background: none;
	position:relative;
	height: 15px;
	top:1px;
	cursor:pointer;
}
/*---------MAIN NAVIGATION------------*/

nav {
	position: relative;
        overflow:hidden;
        width:1024px;
        height:30px;
}
nav .menu-header-menu-container {
	background-color: rgb(0,0,0);
	font-family: 'LatoRegular';
	font-size: .9em;
	width: 100%;
}
.menu-header-menu-container ul{
	padding: 8px 20px 9px 20px;
}
.menu-header-menu-container ul li{
	display: inline;
	margin: 0 10px 0 10px;

}
.menu-header-menu-container ul li a{
	color: rgb(255,255,255);
	padding: 8px 20px 9px 20px;
	position: relative;
}
.menu-header-menu-container ul li a:hover{
	background-color: rgb(223,20,45);
}
.menu-header-menu-container .current-menu-item a{
	background-color:rgb(223,20,45);
}

/*----------HOMEPAGE--------*/
.mainSlider {
	height: 375px;
    top:-1px;
}
.regionBanner{
	background: url('images/regionOftheMonth.png') no-repeat;
	background-position: 36px 38px;
	height: 138px !important;
	position:relative;
	text-align: center;
	font-family: 'Pinyon Script';
	font-size: 2.3em;
}
.regionofthemonth{
	position:relative;
	top: 83px;
}
.regionCall{
	display:inline-block;
	padding: 0;
	float:left;
	width:255px;
	height: 249px;
	position:relative;
	overflow:hidden;
}
.regionCall img{
	width:auto;
	height:100%;
	overflow:hidden;
	font-size:0;
}
.box{
cursor:pointer;

}
.boxHolder{
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
background-color:rgba(233,1,46,.99);
outline-offset:-5px;
opacity:0;
transition: opacity .4s;
-moz-transition: opacity .4s; /* Firefox 4 */
-webkit-transition: opacity .4s; /* Safari and Chrome */
-o-transition: opacity .4s; /* Opera */
cursor:pointer;
font-smooth:antialiased;
-webkit-font-smoothing:antialiased;
}

.box:hover div.boxHolder{
transition: opacity .4s;
-moz-transition: opacity .4s; /* Firefox 4 */
-webkit-transition: opacity .4s; /* Safari and Chrome */
-o-transition: opacity .4s; /* Opera */
opacity:1;
}
.box p#rolloverTitle{
	font-family: 'Pinyon Script';
	font-size:1.8em;
	margin-top:90px;
	text-transform:capitalize;
	color: rgb(255,255,255);
}
.box p#rolloverDescription{
	font-family:LatoRegular;
	text-transform:uppercase;
	font-size:.7em;
	margin-top:15px;
	color:rgb(255,255,255);
}


/*------BIBLIOTECA SIDE TAB------*/
.bibliotecaArchives {
	position: relative;
	background-position: 912px 18px;
	height: 106px;
	z-index:999;
	margin: 15px 0;
	clear:both;
}
.bibliotecaArchives hr {
  border: none;
  background-color: rgb(176,176,176);
  height: 1px;
  z-index: 1;
  position: relative;
  top: 37px;
  margin: 0 105px 0 35px;
}
.biblioButton p{
	font-family: LatoRegular;
	font-size: .7em;
	right:16px;
	top:12px;
	color: rgb(255,255,255);
    float: right;
    position: relative;
    
}
.biblioButton{
	width:107px;
	height:38px;
	background:url('images/sideTab.png') no-repeat;
	position:absolute;
	top:18px;
    right:0;
}
.biblioButton:hover{
	background:url('images/sideTab_ro.png');
}


/*----------BIBLIOTECA------------*/
.instructionsTitle{
margin:13px 0px;
font-size:.9em;

}
.biblioContent{
	width:675px;
	float:left;
}
.bibliotecaMain{
	margin-top:25px;
}
.biblioCall{
	padding: 0;
	display:inline;
	float:left;
	width:675px;
	height: 215px;
	position:relative;
	overflow:hidden;
	margin:20px 0 65px 0;
	font-family:LatoRegular;
}
.biblioCall p{
	font-size:.8em;
	line-height:15px;
	text-align:left;
}
.biblioImage{
	width:350px;
	float:left;
	margin-right:50px;
}
.biblioImage img{
	display:block;
	width:350px;
	height:auto;
}
.biblioDetails{
	top:0;
	left:0;

}
.biblioDetails p{
font-size:1.1em;
}
p.postTypeTitle{
	font-family: 'Pinyon Script';
	font-size:1.5em;
	margin:7px 0 0 0;
	text-transform:capitalize;
	color: rgb(0,0,0);
}
p#regionPostTypeTitleOn{
	font-family:LatoBoldItalic;
	margin: 10px 0 0 15px;
	font-size:.8em;
	color:rgb(223,20,45);
}
.regionPostTypeTitle{
	font-family:LatoRegular;
	margin: 10px 0 0 15px;
	font-size:.9em;
	color:rgb(0,0,0);
}
.regionPostTypeTitle a{
	
}
.regionPostTypeTitle a:hover;{
	color:rgb(223,20,45);
}
div.archive a{
	font-family:LatoItalic;
	font-size:.8em;
	letter-spacing:0px;
	margin: 0 0 0 30px;
	color:rgb(0,0,0);
	text-transform:lowercase;
}
div.archive a:hover{
	color:rgb(223,20,45);
}
.archiveOn a{
	font-family:LatoItalic;
	font-size:.8em;
	margin-left:30px;
	position:relative;
	top:2px;
	color:rgb(223,20,45)!important;
	text-transform:lowercase;
}
p.postTitle{
	font-family:LatoBold;
	text-transform:uppercase;
	font-size:.8em;
	color:rgb(0,0,0);
	margin:5px 0 10px 0;
}
.biblioArchive{
	position:absolute;
	bottom:0;
	right:0;
}
.biblioArchive a{
	color:rgb(223,1,46);
	font-family:LatoBoldItalic;
	font-size:.7em;
}
.biblioArchive a:hover{
	color:rgb(0,0,0);
}
.biblioDate{
	position:absolute;
	left: 275px;
	display:block;
	background: url('images/sticker.png') no-repeat;
	width:68px;
	height:68px;
	bottom:5px;
}


/*----------EVENTS PAGE-----------*/

div.fc-content{
	width:640px;
	margin:0;
}
div.fc-content thead{
	text-transform:uppercase;
	font-family:LatoLight;
}
div.fc-content thead th{
	padding:5px 0;
	font-size:.8em;
}
td.ui-widget-content{
	background:none!important;
}
.fc-day-number{
	font-family:LatoRegular;
	font-size:.8em;
	position:relative;
	top:5px;
	right:3px;
}
.fc-header-title h2{
	font-family:LatoBlack;
}
table.fc-header{
	margin:10px 0;
}
/*--span.fc-button-today{
	display:none;
}--*/
.fc-event-inner{
	background-color:rgb(223,20,45);
	text-transform:capitalize;
	font-family:LatoRegular;
	font-size:.8em;
}
a.fc-event-skin{
	background-color:rgb(223,20,45);
	padding:0 0 0 4px;
	margin-top:3px;
}
.eo-events a{
	color:rgb(0,0,0);
}
.eo-events a:hover{
	color:rgb(223,20,45);
}
.fc-event-time{
	display:none;
}
a.fc-event-title{
	padding:3px 0;
	font-family:LatoRegular;
}
td.fc-header-right{
	border:0px!important;
}
td.ui-state-highlight{
	background-color:rgb(223,20,45)!important;
	border:none!important;
}
td.ui-state-highlight, .fc-today{
	color:rgb(255,255,255);
}
td.fc-today .fc-event-inner .fc-event-skin span.fc-event-title{
	color:rgb(255,255,255)!important;
}
.fc-button-inner a{
	border:none!important;
}
span.fc-button{
	border:none!important;
	background:none;
}
ul.eventList{
	display:inline;
}
.eo-events{
	margin-top:15px;
}
.eo-events li{
	margin:15px 0 10px 0;
	text-transform:uppercase;
}
.eo-events a{
	color:rgb(0,0,0);
	font-family:LatoItalic;
	cursor:pointer;
}
.eo-events h3{
	display:inline;
	font-size:1em;
	font-family:LatoItalic;
	color:rgb(223,20,45);
	margin-left:2px;
}
div.eventExcerpt{
	text-transform:none!important;
	font-family:LatoRegular;
	color:rgb(0,0,0);
	font-size:.8em;
    letter-spacing:0px;
    line-height:12px;
    margin-top:8px;
}
.ui-tooltip-title{
	color:rgb(0,0,0);
}

/*-------------PAGES--------------*/
.photoCredit{
	font-family:LatoRegular;
	font-size:.5em;
    position:relative;
    bottom:0;
    margin:-15px 0 15px 0;
}
.subpageMenu{
padding:20px 0px;
float:left;
height:100%;
width:220px;
}

.subpageMenu h5{
	width: 194px;
	height: auto;
	position: relative;
	float: left;
	margin: 0 auto;
	font-family: LatoRegular;
	margin-left:40px;
}
.subpageMenu .current_page_item a{
	color:rgb(223,1,46);
	font-family:LatoBoldItalic;
}
.subpageMenu h5 a{
	color:rgb(0,0,0);
	font-size:.8em;
}
.subpageMenu li.current a{
	color:rgb(223,1,46)!important;
	font-family:LatoBoldItalic;
}
.current-cat a{
	color:rgb(223,1,46)!important;
	font-family:LatoBoldItalic;
}
ul.children{
	display:none;
}
.subpageMenu h5 a:hover{
	color:rgb(223,1,46);
}
.subpageMenu li {
	list-style-type: none;
	margin-bottom: 6px;
}

/*-------REGION NAV---------*/
.postLeft{
	position:relative;
	float:left;
	width:280px;
	height:600px;
	margin:0 auto;
}
.recipeRight{
	margin-top:25px;
}
.recipeRight p{
	text-align:left;
}
.recipeRight li{
	margin: 8px 0;
}
.postNav{
	background-image:url('images/postLeftNav.png');
	background-repeat:no-repeat;
	width:189px;
	height:425px;
	position:relative;
	left:18px;
	top:-1px;
}
.postNav h4{
    font-family: 'Pinyon Script', cursive;
	font-size: 1.5em;
	text-transform:capitalize;
	position:relative;
	top:45px;
	text-align:center;
}
.regionDate p{
	position:relative;
	text-align:center;
	top:50px;
	text-transform:uppercase;
	font-size:.6em;
	font-family:LatoBold;
}
.navLabels h3{
	margin:0 0 15px 15px;
}
.navLabels a{
	color:rgb(0,0,0);
}
.navLabels a:hover{
	color:rgb(223,1,46);
}
.navLabels p#postTypeCurrent{
	color:rgb(223,1,46);
	font-family:LatoBoldItalic;
}
.navLabels{
    margin-top:75px;
}
.postNavBiblioArchive {
	background-color:rgb(223,1,46);
	width:100%;
	height:20px;
	font-family: 'Pinyon Script', cursive;
	font-size: 1.2em;
	position:absolute;
	bottom:70px;
	text-align:center;
	text-decoration:none;
	padding-top:6px;
}
.postNavBiblioArchive a{
	text-transform:capitalize;
	color:rgb(255,255,255);
	text-shadow: 2px 2px 2px rgb(0,0,0);
	
}

/*--------REGION------------*/

.headingText h4{
	position:relative;
	float:right;
}
.headingText h2{
	letter-spacing:-2px;
	line-height:auto;
}
.headingText h2 p{
line-height:1em;
}

.headingText{
	margin-bottom:30px;
}

.headingText p{

	text-align:left !important;
}
.regionContent{
	margin-top:10px;
}

.ingredient p{
font-size:.8em !important;
}

.regionContent a{
	font-family:LatoBold;
	text-transform:none!important;
	color:rgb(0,0,0);
}
.regionContent a:hover{
	color:rgb(223,20,45);
}


/*-------------VINO-------------*/
.homepageVino{
width:890px;
	margin:0 0 0 77px;
	float:left;
	height:330px;
	
}
.homepageVino h4{
	font-family:LatoBold;
	margin: 5px 0;
}
.homepageVino a{
	color:rgb(0,0,0);
}
.homepageVino a:hover{
	color:rgb(223,1,46);
}
.vinoExcerpt p{
	font-size:.7em;
	line-height:14px;
	width:415px;
	margin-bottom:15px;
}
.staffExcerpt p{
	font-size:.8em;
	line-height:1.2em;
	width:415px;
	margin-bottom:15px;
	text-align:left;
}
.vino{
	display:block;
	position:relative;
	clear: both;
	float:left;
	width:435px;
}
.staffPicks{
	width:429px;
	overflow:hidden;
    height:320px;
	float:left;
	position:relative;
	margin:0 0 0 5px;
}
.staffPicks h4{
	margin:8px 0px 4px 0px;
	font-family: LatoBold;
	
}

.staffPicks a{
	color:rgb(0,0,0);
	
}
.staffPicks a:hover{
	color:rgb(223,1,46);
}


.staffPicksImage{
	width:429px !important;
	height:221px;
	overflow:hidden;
	display:block;
	position:relative;
}
.staffPicksImage img{
	width:100%;
	height:auto;
}

.postDate{
	position:absolute;
	right:15px;
	bottom:10px;
	display:block;
	background: url('images/sticker.png') no-repeat;
	width:68px;
	height:68px;
}


/*----------STAFF PICKS-----------*/
.singlePostTitle h2{
	font-family:LatoBoldItalic;
	margin: 0 0 10px 0;
}
.instagramDate{
	position:absolute;
	right:15px;
	bottom:10px;
	display:block;
	background: url('images/sticker.png') no-repeat;
	width:68px;
	height:68px;
}
.staffImage{
	float:left;
	height:315px;
	width:315px;
	margin-bottom:30px;
	overflow:hidden;
	position:relative;
}
.staffImage img{
	width:auto;
	height:100%;
}
.staffText{
	margin:0 25px;
	float:left;
	position:relative;
	width: 250px;
	line-height:18px;

	font-family:LatoRegular;
}



/*--------HOMEPAGE BOTTOM---------*/
.homepageBottom{
	display:inline;
	position:relative;
	float:left;
		margin:0 0 80px 76px;

}
.homepageExcerpt p{
font-family:LatoRegular;
	font-size:.8em;
	line-height:1.2em;
	width:270px;
}
.homepageExcerpt h2, .homepageExcerpt h3, .homepageExcerpt h4, .homepageExcerpt h5,  .homepageExcerpt h6{
display:none;
}
.floatLeft{

}
.bottomBox{
	width:280px;
	display:inline-block;
	float:left;
	margin:15px 5px 0 5px;
}
.bottomImage{
	height:220px;
	width:280px;
	overflow:hidden;
}
.bottomTitle{
background-color:black;
padding:7px 6px 1px 6px;
margin-bottom:5px;
}
.bigBoxText{
background-color:black;
padding:7px 6px 5px 6px;
margin-bottom:5px;
}
.bigBoxText h4{
font-family:latoRegular;
margin:0px;
padding:0px;
}

.bigBoxText a{
color:white;
font-size:.7em;
font-family:latoRegular;

}

.bottomTitle h4{
	margin-bottom:5px;
}
.bottomTitle a{
color:white;
font-size:.7em;
font-family:latoRegular;

}
.bottomTitle a:hover{
	color:rgb(223,1,46);
}
.bottomImage img{
	width:100%;
	height:auto;
}
/*--.homepageBottom li a{
	font-family:LatoBold;
	margin-top:5px;
	color:rgb(0,0,0);
}
.homepageBottom li a:hover{
	color:rgb(223,1,46);
}--*/
.homepageBottom li.menu-item{
	width: 283px;
}




/*--------POSTS---------*/
.postImage{
	position:relative;
	width:470px;
	height:300px;
	overflow:hidden;
	margin-bottom:30px;
}
.attachment-resizePostThumbs.wp-post-image img{
	width:100%;
	height:auto;
}
.postImage img{	
	width:100%;
	height:auto;
}
.dateStamp{
	background:url('images/sticker.png');
	position:absolute;
	height:68px;
	width:68px;
	right: 25px;
	bottom: 25px;
	display:block;
}
.month{
	font-family:LatoRegular;
	font-size:.9em;
	text-transform:uppercase;
	text-align:center;
	margin-top:18px;
	color:rgb(255,255,255);
	text-shadow: 1px 1px 2px rgba(0,0,0,.9);
}
.year{
	font-family:LatoRegular;
	font-size:1em;
	text-transform:uppercase;
	text-align:center;
	color:rgb(255,255,255);
	text-shadow: 1px 1px 2px rgba(0,0,0,.9);
}
.recipeRight{
	position:relative top;
	float:left;
	width:200px;
	margin-left:20px;
}
.recipeRight p{
	font-family:LatoRegular;
	font-size:.7em;
	padding-bottom:1.2em;
}
.viewArchive{
	margin-top:20px;
}
.viewArchive a{
	color:rgb(223,1,46);
	font-family:LatoBold;
	font-size:.8em;
}
.viewArchive a:hover{
	color:rgb(0,0,0);
}
.postContent{
	width:470px;
	margin-bottom:30px;
}




/*----------PRESS-----------*/

.pressImage{
	height:115px;
	width:185px;
	overflow:hidden;
	border:1px solid rgb(223,20,45);
    margin-bottom:10px;
}
.pressImage img{
	width:100%;
	height:auto;
}
.pressItem {
		margin: 0 5px;
}
.pressItem a{
	color:rgb(0,0,0);
	font-family:LatoBold;
	font-size:.7em;
}
.pressItem a:hover{
	color: rgb(223,20,45);
}

/*-------RECIPE ARCHIVE-----*/

.recipeArchive{
	width:595px;
	float:left;
	position:relative;
}
.recipeImage{
	width:595px;
	height:385px;
	overflow:hidden;
}
.recipeImage img{
	width:100%;
	height:auto;
}
h6.recipeCategory{
	color:rgb(223,20,45);
	font-family:LatoBoldItalic;
	font-size:1.5em;
	margin-top:25px;
}
h5.recipeTitles{
	font-family:LatoRegular;
	font-size:.7em;
		padding: 3px 0;
}
.recipeTitles a{
	color:rgb(0,0,0);
}
.recipeTitles a:hover{
	color:rgb(223,20,45);
}
.recipeNav{
	width:100px;
	padding-left:15px;
	position:relative;
	float:left;
}
h5.recipeNavRight a{
	font-family:LatoBold;
	font-size:.8em;
	margin-bottom:6px;
	color:rgb(0,0,0);
}
h5.recipeNavRight a:hover{
	color:rgb(223,20,45);
}
.archiveTitle{
	margin:20px 0 8px 0;
	font-size:2.5em;
	line-height:28px;
	font-family:latoBlack;
	text-transform:uppercase;
}
.recipeCategory a{
	color:rgb(223,20,45);
}
.recipeCategory a:hover {
	color:rgb(0,0,0);
}
#twoColumn li{
	width:50%;/* 2 col */
}
#twoColumn li a{
padding-right:5px;
line-height: 15px;
}
.postList ul{
  width:600px;
  margin-bottom:20px;
  overflow:hidden;
  margin-right:5px;
}
.postList li{
  float:left;
  display:inline;
}
.top{
	height:10px;
}
h4.top a{
	color:rgb(223,20,45);
	float:right;
	font-family:LatoBoldItalic;
	font-size:.7em;
	margin-bottom:20px;
}
h4.top a:hover{
	color:rgb(0,0,0);
}



/*----------404 PAGE--------*/

.fourOhFourContent{
	width:850px;
	position:relative;
}
.jesterLeft{
	background-image:url('images/JesterBig.png');
	height:400px;
	width:400px;
	position:relative;
	float:left;
	margin:-2px -20px -80px 0;
}
.jesterLeftSearch{
	background-image:url('images/giantJester.png');
	height:450px;
	width:400px;
	position:relative;
	float:left;
	margin:-2px 0px -120px 0;
}
.post.error404.not-found{
	position:relative;
	float:left;
	width:450px;
	top:100px;
	left:0px;
	text-align:center;
}
.fourOhFourtext {
	font-family:LatoBlack;
	color:rgb(223,20,45);
	font-size:3em;
	text-transform:uppercase;
	text-align:center;
}
.fourOhFourSubtext{
	font-family:LatoLight;
	text-transform:uppercase;
	font-size:1.2em;
	text-align:center;
	margin-top:20px;
}
.fourOhFourSearch{
	margin-top:20px;
	font-family:LatoRegular;
	font-size:.8em;
	text-transform:uppercase;
}
.fourOhFourSearch form .search-inputs input{
	outline:none;
}

/*-------MAILING LIST-------*/

#formBuilderCSSIDMailing_List_Signup{
	width:350px;
	position:relative;
	left:135px;
	top:25px;
}
.formBuilderInput input{
	width:200px;
}
div.formBuilderLabelRequired{
	font-family:LatoRegular;
	text-transform:uppercase;
	font-size:.8em;
	vertical-align:middle;
	padding-top:5px;
}
/*----------FOOTER----------*/

footer{
	width:100%;
	bottom:0;
	position: relative;
	overflow: none;
	clear: both;
}
footer .contactUs{
	background-image: url('images/contactUsTab.png');
	background-repeat:no-repeat;
	position: absolute;
	top: 0;
	left:0;
	float: left;
	width: 182px;
	height: 131px;
	z-index: 9999;
	margin-top: -63px;
}
.contactUs h2{
	margin: 18px 0 0 15px;
	font-family: 'Pinyon Script', cursive;
	font-size: 2.5em;
	text-transform: capitalize;
	letter-spacing:2px;
	color: rgb(255,255,255);
	text-shadow: 1px 1px 4px rgb(0,0,0);
}
.contactUs p{
	font-family: LatoRegular;
	line-height: 17px;
	letter-spacing: 1px;
	font-size: .9em;
	color: rgb(255,255,255);
	text-shadow: 1px 1px 4px rgb(0,0,0);
	margin-left: 12px;
}
.footerBottom {
	background-color: rgb(0,0,0);
	height: 280px;
	margin-top: -2px;
	position: relative;
}

.footerMiddle {
	display:block-inline;
	float:left;
	position:relative;
}
.footerRight {
	float: left;
	position: relative;
}

/*-------------FOOTER RIGHT SUBMIT--------------*/
.footerBottom #searchFooter{
	height:22px;
    position: absolute;
    left:945px;
    width: 350px;
    top: 45px;
	background: url('images/redTabSide.png') no-repeat;
	cursor: pointer;
}
.footerBottom #search-inputs {
	position: relative;
	background-color: rgb(233,1,46);
	margin-left: 5px;
	height:21px;
}
.footerBottom #search-inputs input#s{
	width: 200px;
	height:15px;
}
.footerBottom #search-inputs label{
    padding: 0 5px 0 10px;
	font-family: LatoRegular;
	text-transform: uppercase;
	color: rgb(255,255,255);
    font-size: .8em;
    position: relative;
    cursor:pointer;
}
.footerBottom #search-inputs input#searchsubmit {
	border: none;
	color: rgb(255,255,255);
	font-family: LatoRegular;
	background:none; 
	position: relative;
	height: 15px;
	margin-top:3px;
	cursor:pointer;
}
/*-------------FOOTER RIGHT MAILING LIST--------------*/

.moduleSuccess{
font-family:latoRegular;
font-size:1.3em;
}

.mailingList {
	background: url('images/redTabSide.png') no-repeat;
	background-position: 0 0 0 -25px;
	top: 15px;
	width: 350px;
	position: absolute;
	left:912px;
	cursor: pointer;
}
.mailingList label{
	padding: 0 5px 0 10px;
	font-family: LatoRegular;
	text-transform: uppercase;
	color: rgb(255,255,255);
	font-size: .8em;
	position: relative;
	margin-top:-2px;
	cursor:pointer;
}
#mailform{
	height: 21px;
	float: left;
	width: 400px;
	margin-left: 5px;
	top: 15px;
	background-color: rgb(223,20,45);
}
.mailingList input#mailingListlabel{
	width: 150px;
	height:15px;
	margin-bottom:5px;
}
.mailingList input#searchsubmit{
	border: 0;
	font-family: LatoRegular;
	text-transform: uppercase;
	color: rgb(255,255,255);
	height:15px;
	cursor:pointer;
	background:none;
}
p#established{
    position: absolute;
    bottom: 70px;
    right: 15px;
    z-index:9999;
	font-family: 'Pinyon Script';
	color: rgb(255,255,255);
	font-size: 1em;
}

/*------FOOTER SOCIAL MEDIA ICONS-----------*/
.footerLeft {
	float: left;
	width: 171px;
	height: 150px;
}
.socialMedia{
width:150px;
height:24px;
float:left;
margin:10px 20px;
}
.smIcon{
width:26px;
height:30px;
margin:62px 0 0 6px;
background:url('images/smIcons.png')no-repeat;
float:left;
display:inline;
cursor:pointer;
}

.facebook{
background-position:0px -60px;
}
.twitter{
background-position:-28px -60px;
margin-left:15px;
}
.youtube{
background-position:-60px -60px;
margin-left:25px;
}


.facebook:hover{
background-position:0px 0px;
}
.twitter:hover{
background-position:-28px 0px;
}
.youtube:hover{
background-position:-60px 0px;
}

.smIconShare{
width:21px;
height:21px;
margin:0px 6px;
background:url('images/share.png')no-repeat;
float:left;
cursor:pointer;
}

.facebookShare{
background-position:0px 0px;
}
.twitterShare{
background-position:-21px 0px;
}
.pinShare{
background-position:-42px 0px;

}
.facebookShare:hover{
background-position:0px -21px;
}
.twitterShare:hover{
background-position:-21px -21px;
}

.pinShare:hover{
background-position:-42px -21px;

}

.shareBox{
	width:180px;
	height:100px;
	position:fixed;
	float:left;
	position:relative;
	top:30px;
	left:25px;
	background-image:url('images/ShareHeader.png');
background-repeat:no-repeat;
padding:30px 43px;
	
}
.shareBox p{
	font-family: 'Pinyon Script';
	color: rgb(0,0,0);
	font-size: 1.5em;
	float:left;
	margin-top:8px;
}
.smIcons{
	float:left;
	top:0;

}
.staffLeft{
	width:220px;
	height:auto;
	float:left;
}

/*------------FOOTER NAVIGATION-------------*/
.footerNav {
	float:left;
	position:relative;
	display:inline;
	position:top;
}
.menu-footer-menu-container ul {
	margin: 15px 0 15px 0;
	position:relative;
	top: 0;
}

.sitemap ul.menu{
	position:relative;
}
.menu-footer-menu-container ul li {
	display: inline;
	margin: 0 5px 0 0;
	padding-left:15px;
	text-transform: uppercase;	
	font-family: LatoRegular;
	letter-spacing: 1px;
	background:url('images/footerBullet.png') no-repeat;
	background-position:0px 5px;
}
.menu-footer-menu-container ul li:first-child {
	background:none!important;
}
.menu-footer-menu-container ul li a{
	color: rgb(255,255,255);
	font-size: .8em;
	margin-bottom:2px;
}
.menu-footer-menu-container ul li a:hover{
	color: rgb(223,20,45);
}
.sitemap li{
	display:inline-block;
	clear: both;
}
#menu-sitemap.menu ul{
	clear: both;
}
.sitemap li a{
	color: rgb(255,255,255);
	font-family:LatoItalic;
	text-transform:capitalize;
	font-size: .8em;
	margin: 2px 12px;
}
.FooterNavLabels{
	position:absolute;
		right:205px;
		top:64px;
}
ul.FooterNavLabels{
	display:block;
	width:70px;
	top:50px;
}
.FooterNavLabels ul li{
			margin-bottom:3px;
}
.FooterNavLabels a{
	color: rgb(255,255,255);
	right:0;
	font-family: LatoLight;
	text-transform:capitalize;
	font-size: .7em;
}
.FooterNavLabels a:hover{
	color:rgb(223,20,45);
}
.sitemap li a:hover{
	color: rgb(223,20,45);
}
ul.sub-menu a{
	color: rgb(255,255,255);
	font-family: LatoLight;
	text-transform:capitalize;
	font-size: .7em;
		float:left;
		margin-top:6px;
} 
ul.sub-menu a:hover{
	color: rgb(223,20,45);
}
ul.sub-menu li{
	display:block;
}