/*
Theme Name: Panzano
Theme URI: 
Description: custom theme for Panzano
Version: 1.0
Author: BostonChefs.com
Author URI: 
Tags:
*/

body {
margin: 0px;
padding: 10px 0px 0px 0px;
background:url(images/body-bg.png) #fff repeat;
}

a{outline: none;}

a, a:link, a:active, a:visited {
color:#A50022;
text-decoration:none;
}

a:hover {
color:#5F422A;
}

#container {
margin:0px auto;
padding:0px;
width: 1004px;
background:#faf9f8;
}
#headerArea{
background:url(images/headerArea-bg.png) top left no-repeat;
}
#headerLogo{
padding:55px 0px 10px 20px;
}
#headerAddress{
padding:0px 0px 0px 535px;
font: normal 13px/12px Helvetica, Arial, sans-serif;
letter-spacing:0.4px;
color:#5F433A;
visibility:hidden;
}
#majorNavWrapper {position: relative;}/*necessary for tooltip to work properly*/
#majorNav{
width:979px;
height:28px;
margin:25px 0px 0px 0px;
padding:0px 0px 0px 22px;
overflow:hidden;
background:url(images/majorNav-bg.png) 0px 0px no-repeat;
}
#majorNav.mn-wineHover{
background:url(images/majorNav-bg.png) 0px -28px no-repeat;
}
#majorNav.mn-foodHover{
background:url(images/majorNav-bg.png) 0px -56px no-repeat;
}
#majorNav.mn-giftbasketsHover{
background:url(images/majorNav-bg.png) 0px -84px no-repeat;
}
#majorNav.mn-eventsHover{
background:url(images/majorNav-bg.png) 0px -112px no-repeat;
}
#majorNav.mn-locationHover{
background:url(images/majorNav-bg.png) 0px -140px no-repeat;
}
#majorNav li{
margin:0px;
padding:0px;
display:inline;
}
#majorNav li a {
height: 28px; /**/
width:190px;
padding-top: 30px; 
margin-right:0px;
overflow: hidden;
float: left;
}

/* BEGIN - necessary for simpletip.js */
.tooltip{
position:absolute;
top: 0;
left:0;
z-index:1000;
display:none;
}
/* END - necessary for simpletip.js */

.subNav{
/*padding keeps cursor in tool tip when moving your mouse off the tab*/
padding-top:32px;
padding-bottom:10px;
font: normal 11px/12px Helvetica, Arial, sans-serif;
text-transform:uppercase;
letter-spacing:1px;
color:#AC9E99;
}

/*overrides settings on "a" tags used for major navigation */
#mn-wine .subNav a { height:18px; width:; margin-right:0px; padding:0px 0px 0px 0px; display:inline; float:none;}
#mn-food .subNav a { height:18px; width:; margin-right:0px; padding:0px 0px 0px 0px; display:inline; float:none;}
#mn-giftbaskets .subNav a { height:18px; width:; margin-right:0px; padding:0px 0px 0px 0px; display:inline; float:none;}
#mn-events .subNav a { height:18px; width:; margin-right:0px; padding:0px 0px 0px 0px; display:inline; float:none;}
#mn-locations .subNav a { height:18px; width:; margin-right:0px; padding:0px 0px 0px 0px; display:inline; float:none;}


#subNavArea{
width:1004px;
height:52px;
background:url(images/subNav-bg.png) top left no-repeat;
}

#contentAreaContainer{
width:1004px;
margin:0;
background:url(images/contentAreaContainer-bg.png) top repeat ;
}

#contentAreaContainer-home{
width:1004px;
margin:0;
background:url(images/home/contentAreaContainer-home-bg.png) top repeat ;
}

#mainContentColumn{
width:755px;
float:left;
}

#photoArea{
padding-left:20px;
}

/* BEGIN - Home Page Styles */
.homePagePromoCloumn{
width: 340px;
height:100px;
padding:490px 0px 0px 0px;
float:left;
margin-right:25px;
}
.homePagePromoCloumn a:link, .homePagePromoCloumn a:active, .homePagePromoCloumn a:visited{
color:#5F433A;
}
.homePagePromoCloumn a:hover{
color:#A50022;
}
.homePagePromoCloumn ul{
margin:00px 0px 10px 15px;
padding:0;
}
.homePagePromoCloumn ul li{
margin:0px 0px 5px 0px;
padding:0;
font: normal 20px/20px Helvetica, Arial, sans-serif;
letter-spacing:-0.5px;
list-style-image:url(images/home/homePagePromoCloumn-li.png);
color:#5F433A;
}
.HPP-wineOff{
background:url(images/home/homePromoWine-bg.jpg) 0px 0px no-repeat;
}
.HPP-wineHover{
background:url(images/home/homePromoWine-bg.jpg) -340px 0px no-repeat;
}
.HPP-foodOff{
background:url(images/home/homePromoFood-bg.jpg) 0px 0px no-repeat;
}
.HPP-foodHover{
background:url(images/home/homePromoFood-bg.jpg) -340px 0px no-repeat;
}
/* END - Home Page Styles */

#sectionNavigation{
/*total width of col inculding padding needs to be 255*/
width:215px;
padding-top:20px;
padding-left:30px;
float:left;
}

#sectionNavigation a, #sectionNavigation a:link, #sectionNavigation a:active, #sectionNavigation a:visited{
padding-left:15px;
font: bold 12px/12px Helvetica, Arial, sans-serif;
color:#5F422A;
text-decoration:none;
text-transform:lowercase;
letter-spacing:1px;
background:url(images/sectionNavigation-li.png) left no-repeat;
}

#sectionNavigation a:hover{
color:#A50022;
}

#sectionNavigation h1{
margin:4px 0px 10px 0px;
padding:0;
font: bold 20px/19px Helvetica, Arial, sans-serif;
color:#AC9E99;
text-transform:lowercase;
}

#sectionNavigation p{
margin:10px 0px 0px 0px;
padding:0px 20px 0px 0px;
font: normal 12px/16px Helvetica, Arial, sans-serif;
color:#5F433A;
}

#sectionNavigation ul {
margin:0;
padding:0;
background:url(images/sectionNavigation-divider.png) top left no-repeat;
}
#sectionNavigation ul li{
margin:0;
padding:10px 10px 10px 10px;
list-style:none;
background:url(images/sectionNavigation-divider.png) bottom left no-repeat;
}
#copyArea{
/*total width of col inculding padding needs to be 500*/
width:440px;
padding:20px 30px 0px 30px;
float:left;
}
#copyArea h1{
margin:0;
padding:0;
font: bold 34px/32px Helvetica, Arial, sans-serif;
color:#5F433A;
}
#copyArea h2{
margin:4px 0px 20px 0px;
padding:0;
font: normal 20px/19px Helvetica, Arial, sans-serif;
color:#AC9E99;
text-transform:lowercase;
}
#copyArea h3{
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
font: bold 20px/19px Garamond, Georgia, "Times New Roman", Times, serif;
color:#5F433A;
}
#copyArea h3{
margin:5px 0px 0px 0px;
padding:0;
font: bold 20px/22px Garamond, Georgia, "Times New Roman", Times, serif;
color:#5F433A;
}
#copyArea h4{
margin:0px 0px 10px 0px;
padding:0;
font: normal 20px/19px Garamond, Georgia, "Times New Roman", Times, serif;
color:#5F433A;
font-style:italic;
}
#copyArea h5{
margin:5px 0px 0px 0px;
padding:0;
font: bold 11px/19px Helvetica, Arial, sans-serif;
color:#AC9E99;
text-transform:uppercase;
}
#copyArea p{
margin:0px 0px 10px 0px;
padding:0;
font: normal 16px/20px Garamond, Georgia, "Times New Roman", Times, serif;
color:#5F433A;
}
#copyArea ul li{
margin:0px 0px 5px 0px;
padding:0;
font: normal 16px/20px Garamond, Georgia, "Times New Roman", Times, serif;
color:#5F433A;
}

#copyArea .post{
padding-bottom:10px;
}

#copyArea .shareTools{
padding-bottom:10px;
font: bold 14px/10px "Trebuchet MS",Helvetica,sans-serif;
text-transform:uppercase;
color:#5F422A;
}

#copyArea .shareTools img{
border:none;
}

#copyArea .blogNavigation{
font: bold 12px/12px Helvetica, Arial, sans-serif;
color:#5F422A;
text-decoration:none;
letter-spacing:1px;
border-top: 1px solid #745854;
padding:10px 0px 10px 0px;
}

#subordinateContentColumn{
/*total width of col inculding padding needs to be 249*/
width:239px;
padding-left:10px;
float:left;
}

#subordinateContentColumn .promoBlock{
margin:5px 0px 0px 0px;
padding:10px 0px 10px 0px;
background:url(images/subCol-divider.png) no-repeat bottom left;
}

#subordinateContentColumn .promoBlock p{
margin:0;
width: 208px;
padding:0px 0px 8px 0px;
font: normal 11px/11px Arial, Helvetica, sans-serif;
color:#5F433A;
}

#subordinateContentColumn p.specialsDate {
margin:0;
padding:0px 0px 7px 2px;
text-transform:uppercase;
font-weight:bold;
color:#A50022;
}

#subordinateContentColumn p.moreInfoLinks {
text-transform:uppercase;
font-weight:bold;
color:#A50022;
}

#subordinateContentColumn p.moreInfoLinks a:link, #subordinateContentColumn p.moreInfoLinks a:active, #subordinateContentColumn p.moreInfoLinks a:visited{
color:#5F422A;
}

#subordinateContentColumn .promoBlock form{
margin:0;
padding:0;
}

#newsletterForm{
height:30px;
background:url(images/newsletterForm-bg.png) top left no-repeat;
}

#newsletterForm input{
margin:0;
padding:0;
background: transparent ;
border:0px;
}

.emailAddressInput{
width:150px;
height:22px;
padding-top:4px;
color:#CCCCCC;
font: normal 11px/11px Arial, Helvetica, sans-serif;
font-style:italic;
}

#reservationPromo {
height:20px;
width:208px;
margin:10px 0px 20px 0px;
overflow:hidden;
}

#reservationPromo a {
height:20px;
width:208px; 
padding:30px 0px 0px 0px;
display:block;
overflow: hidden;

background:url(images/subCol-PromoHeader-reservation.png) 0px 0px no-repeat;
}
#reservationPromo a:hover {
background-position: 0px -20px;
}

#footerArea{
width:964px;
margin:0;
padding:40px 20px 20px 20px;
background:url(images/footerArea-bg.png) top left no-repeat;
}

#footerColumn1{
float:left;
text-align:left;
font: bold 12px/12px  Arial, Helvetica, sans-serif;
text-transform:lowercase;
letter-spacing:0.8px;
color:#5F433A;
}

#footerColumn1 table {
margin-top:10px;
margin-left:-4px;
}
#footerColumn1 table tr td{
padding:4px;
}
.hoursDayTime{
color:#AC9E99;
font-size:11px;
}
.hoursMealPeriod{
text-transform:uppercase;
}
.openSundayNote{
font-weight:normal;
font-style:italic;
}

#footerTomassoPromo{
width:400px;
margin-top:40px;
font: italic 14px/17px Garamond, Georgia, "Times New Roman", Times, serif;
text-transform:none;
color:#AC9E99;
}

#footerPhotoCredit{
margin-top:10px;
font: italic 14px/17px Garamond, Georgia, "Times New Roman", Times, serif;
text-transform:none;
color:#AC9E99;
}
#footerPhotoCredit a, #footerPhotoCredit a:link, #footerPhotoCredit a:visited {
color:#AC9E99;
}

#footerColumn2{
float:right;
text-align:right;
font: italic 11px/11px Arial, Helvetica, sans-serif;
color:#AC9E99;
}
#footerAwards{
margin-top:0px;
}
#footerAwards img{
padding-right:4px;
}
#footerNavigation{
padding:0px 0px 5px 0px;
font: normal 12px/12px  Arial, Helvetica, sans-serif;
text-transform:lowercase;
color:#5F433A;
}

/*	
	FROM DEFAULT THEME STYLES.CSS
	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */