/* Chianti Il Ristorante: Main CSS  */
/* Shannon-Rose Design 2009	*/

/* Swatches
	Body Bkgd: c85c1a
	Text: 5c4d29
	Headlines: dd6a1f
	Borders: BCB178
	Submenu: 8a4b1c
	Main Bkgd/Nav: f5eecc
	Nav Hover: f59c5d
	Nav Bkgd: 501b04
	Orange: dc8d5e
	Menu Bkgd: 6d2208
*/

/* == Common Rules ============================ */
.clear { clear: both; }
div.clear {	font-size: 0; line-height: 0; height: 0; visibility: hidden; }
.left {	float: left; display: inline; }
.right { float: right; display: inline; }
h1 { font-size: 22px; line-height: 28px; margin: 0 0 10px; font-weight: normal; color: #b05c25; }
h2 { font-size: 20px; color: #6f5c30; line-height: 28px; margin: 10px 0 10px; font-weight: normal; }
h3, h2.entry-title { color: #dd6a1f; padding: 0 0 3px; border-bottom: 1px solid #BCB178; font-size: 20px; line-height: 26px; margin: 15px 0 5px; font-weight: normal; }
h4 { color: #dd6a1f; padding: 0 0 3px; font-size: 16px; line-height: 20px; margin: 20px 0 0; font-weight: normal; }
p { font-size: 13px; line-height: 20px; margin: 0 0 1.2em; }
.contentLeft ul { margin: 0 0 1em 15px; list-style-type: disc; }
.contentLeft li { margin: 0 0 3px 15px; font-size: 13px; line-height: 20px; }
a { color: #BF9E47; text-decoration: none; }
a:hover { color: #BF9E47; text-decoration: underline; }
.marginBottomN10 { margin-bottom: -10px!important; }
.marginBottomN15 { margin-bottom: -25px!important; }
.marginBottomN20 { margin-bottom: -20px!important; }
.marginBottomN35 { margin-bottom: -35px!important; }
.marginLeftN25 { margin-left: -25px!important; }
.marginBottom10 { margin-bottom: 10px!Important; }
.marginBottom15 { margin-bottom: 15px!Important; }
.marginTop35 { margin-top: 35px!important; }
.width545 { width: 545px!important; }
.width305 { width: 305px!important; }
.noBorder { border: none!important; }
.noShow { display: none!important; }
/* ============================================ */
body { font-size: 62.5%; line-height: 140%; color: #5c4d29; font-family: Georgia, "Times New Roman", Times, serif; background: #c85c1a url(/imgs/bodyBkgd.gif) repeat-x 0 0; }
/* Wrapper Styles */
#wrapper { position: relative; width: 980px; margin: 0 auto 35px; background: transparent url(/imgs/wrapperBkgd.jpg) no-repeat 0 0; }
.background { width: 110px; height: 429px; position: absolute; left: -110px; top: 0; background: transparent url(/imgs/backgroundBkgd.jpg) no-repeat 0 0; }
.backgroundRight { width: 53px; height: 429px; position: absolute; right: -53px; top: 0; background: transparent url(/imgs/backgroundRightBkgd.jpg) no-repeat 0 0; }
/* Masthead Styles */
#masthead { height: 188px; width: 100%; }
img#logo { width: 390px; height: 78px; position: relative; margin: 40px 0 0 75px; }
/* Navigation Styles */
#navigation { width: 100%; height: 35px; position: relative; z-index: 999; }
.menu { width: 100%; height: 100%; background: transparent url(/imgs/menuBkgd.png) repeat 0 0; }
/* Secondary Navigation Styles */
.secondaryNavigation { width: 100%; text-align: right; }
.secondaryNavigation li { float: right; display: inline; font-size: 11px; line-height: 15px; margin: 12px 3px 8px 17px; }
.secondaryNavigation li a { color: #f5eecc; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; }
.secondaryNavigation li a:hover { color: #f5eecc; text-decoration: underline; }
/* Main Content Styles */
#main { width: 980px; background-color: #f5eecc; padding: 0 0 20px; position: relative; overflow: hidden; }
.crumbTrail { width: 900px; margin: 0 0 30px 50px; }
.crumbTrail p { padding: 10px 0 0; font: normal 12px/20px Arial, Helvetica, sans-serif; color: #8a4b1c; margin: 0; }
.crumbTrail p a { color: #8a4b1c; text-decoration: none; }
.crumbTrail p a:hover { color: #8a4b1c; text-decoration: underline; }
/* Home Page Styles */
.homeImageArea { width: 980px; height: 277px; overflow: hidden; }
.imageArea { float: left; display: inline; height: 277px; position: relative; z-index: 5; overflow: hidden; }
.imageArea img { height: 277px; }
.imageArea1 { width: 267px; border-right: 11px solid #f5eecc; }
.imageArea2 { width: 134px; }
.imageArea2 div { width: 130px; height: 277px; float: left; display: inline; border-right: 4px solid #f5eecc; }
.imageArea3 { width: 35px; border-right: 6px solid #f5eecc; }
.imageArea4 { width: 107px; border-right: 9px solid #f5eecc; }
.imageArea5 { width: 271px; }
.imageArea5 div { width: 268px; height: 277px; float: left; display: inline; border-right: 3px solid #f5eecc; }
.imageArea6 { width: 140px; z-index: 20; }
.imageArea img.topImage { position: relative; z-index: 8; }
.imageArea img.bottomImage { position: relative; z-index: 6; margin: -277px 0 0; display: block; }
.imageArea div.topImage { position: relative; z-index: 8; overflow: hidden; }
.imageArea div.bottomImage { position: relative; z-index: 6; margin: -277px 0 0; overflow: hidden; }
h1.homeTagline { text-transform: uppercase; letter-spacing: 0.6em; text-align: center; padding: 10px 0 10px 0.6em; margin: 0; }
/* Home Page Ad Styles */
.homeAdArea { width: 976px; height: 182px; padding: 2px; margin: 0; background: #CE9536 url(/imgs/homeScrollingAdsBkgd.gif) no-repeat 647px 0; }
.homeAdArea a { color: #8a4b1c; }
.homeAdArea a:hover { color: #501B04; }
div.homeScrollingAdsWrap { width: 878px; overflow: hidden; float: left; display: inline; margin: 0 0 0 2px; }
div.homeScrollingAds { width: 2650px; margin-left: -878px; }
div.homeAdBlock { width: 878px; float: left; display: inline; height: 182px; overflow: hidden; }
div.homeAdBlockImage { float: left; display: inline; width: 278px; height: 182px; }
div.homeAdBlockText { float: left; display: inline; width: 448px; height: 160px; overflow: hidden; margin: 0 0 0 25px; }
.homeAdBlock h2 { color: #f5eecc; font-size: 24px; line-height: 32px; margin: 20px 0 10px; }
.homeAdBlock p { color: #f5eecc; font-size: 13px; line-height: 20px; margin: 0; }
div.adArrowLeft { float: left; display: inline; width: 48px; position: relative; z-index: 20; text-decoration: none; }
div.adArrowRight { float: left; display: inline; width: 48px; position: relative; z-index: 20; text-decoration: none; }
div.adArrowLeft img, div.adArrowRight img { display: block; }
div#loadingGraphic { width: 40px; height: 40px; position: relative; z-index: 20; left: 525px; top: -115px; overflow: hidden; display: none; margin: 0 0 -40px; }
#loadingGraphic div { width: 40px; height: 480px; position: relative; background: transparent url(/imgs/fancy_progress.png) no-repeat 0 0; }
div.caPresent { height: 0; font-size: 1px; line-height: 1px; display: none; visibility: hidden; }
/* Menu Page Styles */
.menuDetails { width: 574px; float: left; display: inline; margin: 0 0 0 50px; }
.menuIconKey { width: 178px; padding: 15px 18px 20px; position: relative; float: left; display: inline; height: 171px; background: #543840 url(/imgs/menuIconKeyBkgd.png) no-repeat 0 0; }
.dinnerMenuKey { right: -88px; top: 27px; }
.dessertMenuKey { right: -88px; top: 27px; }
.menuIconKey p { color: #f5eecc; margin: 0 0 17px; font-size: 12px; }
.menuIconKey p.dessertMenuKeyText { margin: 0 0 32px; }
.menuIconKey p.menuIconKeyItem { font-size: 17px; line-height: 21px; clear: both; margin: 0 0 15px; }
.menuIconKey p.menuIconKeyItem img { position: relative; display: inline; float: left; margin: 0 10px -5px 0; }
.menuIconKey p.pronunciation { color: #d7c860; }
.menuIconKey p.winePairings { color: #F48E5B; }
.menuContentWrap { position: relative; width: 876px; margin: 0 0 0 50px; padding: 0 0 35px; }
.menuContent { width: 100%; /*position: relative;*/ margin: 0 0 10px; border-bottom: 2px dotted #BCB178; }
.menuContentLeft { float: left; display: inline; margin: 0 102px 0 0; width: 387px; }
.menuContentRight { float: left; display: inline; width: 387px; }
.menuContentWrap h1 { clear: both; font-size: 20px; margin: 0 0 10px; padding: 30px 0 3px; line-height: 24px; color: #dd6a1f; text-transform: uppercase; letter-spacing: 0.2em; font-weight: normal; border-bottom: 1px solid #BCB178; }
.menuContentWrap h1.menuSectionHeaderTop { padding: 0 0 3px; }
.menuContentWrap h1 span { font-size: 13px; text-transform: none; letter-spacing: normal; padding: 0 0 0 5px; }
p.menuItem { margin: 0 0 3px; float: left; display: inline; width: 295px; font-size: 14px; line-height: 20px; text-transform: uppercase; letter-spacing: 0.08em; }
p.menuPrice { margin: 0; float: left; display: inline; width: 42px; font-size: 14px; line-height: 20px; }
p.menuIcons { margin: 0; text-align: right; float: left; display: inline; width: 50px; }
p.menuDescription { width: 325px; clear: both; font: normal 11px/15px Arial, Helvetica, sans-serif; display: inline; float: left; }
p.menuIcons a { position: relative; z-index: 15; padding: 3px 5px 4px; float: left; display: inline; }
p.menuIcons a:hover { background-color: #fff; padding: 2px 4px 4px; border-style: solid; border-width: 1px 1px 0 1px; }
p.menuIcons a.winePairingsIconSmall { float: right; }
a.pronunciationIconSmall:hover { border-color: #8b7b12 #8b7b12 #fff #8b7b12; }
a.winePairingsIconSmall:hover { border-color: #bf5f25 #bf5f25 #fff #bf5f25; }
a.pronunciationIconSmall img { width: 15px; height: 15px; }
a.winePairingsIconSmall img { width: 11px; height: 16px; }
.pronunciationOverlay { position: relative; background-color: #fff; border: 1px solid #8b7b12; float: left; display: inline; display: none; z-index: 10; }
.pronunciationOverlay p { float: left; display: inline; padding: 30px 20px 20px; color: #8b7b12; font-size: 15px; line-height: 20px; }
.winePairingsOverlay { position: relative; background-color: #fff; border: 1px solid #bf5f25; float: left; display: inline; display: none; z-index: 10; }
.winePairingsOverlay p { float: left; display: inline; color: #bf5f25; padding: 20px 20px 10px; }
.winePairingsOverlay p strong { width: 35px; display: inline; float: left; font-weight: normal; }
/* Interior Page Styles */
#map_canvas span { display: none; }
.crumbTrailMarginBottom { margin: 0 0 0 50px; }
.contentLeft { float: left; display: inline; width: 575px; margin: 35px 0 0 50px; }
.contentWide { float: left; display: inline; width: 885px; margin: 35px 0 0 50px; }
.subpageCallouts { width: 100%; border-top: 1px solid #BCB178; margin: 25px 0; }
.subpageCallouts p { width: 477px; height: 60px; margin: 15px 0 0; font-size: 18px; line-height: 24px; text-transform: uppercase; letter-spacing: 0.1em; }
.subpageCallouts img { margin: 0; }
.subpageCallouts a { color: #f5eecc; text-decoration: none; padding: 17px 0 0 35px; display: block; width: 441px; height: 43px; }
.subpageCallouts a:hover { color: #f5eecc; text-decoration: underline; }
.subpageCallouts p.width190 { width: 190px; }
.subpageCallouts p.width190 a { padding: 0; width: 190px; }
.subpageCallouts p.width182 { width: 182px; float: left; display: inline; text-align: center; height: auto; margin: 15px 15px 0 0; font-size: 14px; line-height: 20px; }
.subpageCallouts p.width182 a { padding: 0; width: 182px; color: #dd6a1f; height: auto; }
.subpageCallouts p.width182 a:hover { color: #8a4b1c; text-decoration: none; }
.subpageCallouts p.width182 img { margin: 0 0 5px; }
.subpageCallouts p.redWineCallout { height: 40px; background: #66444d url(/imgs/callouts/wineViniRossiCalloutBkgd.png) no-repeat 0 0; }
.subpageCallouts p.redWineCallout a { height: 32px; padding: 8px 0 0 35px; }
.subpageCallouts p.staffCallout { height: 60px; background: #66444d url(/imgs/callouts/staffCalloutBkgd.png) no-repeat 0 0; }
.subpageCallouts p.staffCallout span { font-size: 11px; text-transform: none; letter-spacing: normal; line-height: 14px; }
.subpageCallouts p.staffCallout a { height: 50px; padding: 10px 0 0 35px; }
a#restaurantHistory { background: #982d45 url(/imgs/callouts/historyCalloutBkgd.jpg) no-repeat 0 0; }
a#restaurantCommunicate { background: #c86e2e url(/imgs/callouts/communicateCalloutBkgd.jpg) no-repeat 0 0; }
a#restaurantOurStaff { background: #66444d url(/imgs/callouts/ourStaffCalloutBkgd.jpg) no-repeat 0 0; }
a#restaurantPress { background: #8f8315 url(/imgs/callouts/pressCalloutBkgd.jpg) no-repeat 0 0; }
a#restaurantPhotoGallery { background: #64868f url(/imgs/callouts/photoGalleryCalloutBkgd.jpg) no-repeat 0 0; }
a#menuDinner { background: #982d45 url(/imgs/callouts/dinnerMenuBkgd.jpg) no-repeat 0 0; }
a#menuDessert { background: #c86e2e url(/imgs/callouts/dessertMenuBkgd.jpg) no-repeat 0 0; }
.subpageCallouts p.twoLineCallout a { padding: 8px 0 0 35px; height: 52px; }
.subpageCallouts p.twoLineCallout a span { font-size: 11px; text-transform: none; letter-spacing: normal; line-height: 20px; }
a#wineFrizzanti { background: #982d45 url(/imgs/callouts/wineFrissantiBkgd.jpg) no-repeat 0 0; }
a#wineViniBianchi { background: #c86e2e url(/imgs/callouts/wineViniBianchiBkgd.jpg) no-repeat 0 0; }
a#wineViniRossi { background: #66444d url(/imgs/callouts/wineViniRossiBkgd.jpg) no-repeat 0 0; }
a#wineMagnums { background: #8f8315 url(/imgs/callouts/wineMagnumsBkgd.jpg) no-repeat 0 0; }
a#wineOther { background: #56797d url(/imgs/callouts/wineOtherBkgd.jpg) no-repeat 0 0; }
a#restaurantWineGlass { background: #982d45 url(/imgs/callouts/wineByTheGlassBkgd.jpg) no-repeat 0 0; }
a#restaurantCocktails { background: #c86e2e url(/imgs/callouts/specialtyCocktailsBkgd.jpg) no-repeat 0 0; }
a#restaurantBeer { background: #66444d url(/imgs/callouts/beerSelectionsBkgd.jpg) no-repeat 0 0; }
a#restaurantCookingSchools { background: #982d45 url(/imgs/callouts/cookingSchoolBkgd.jpg) no-repeat 0 0; }
a#restaurantCulinaryAdventures { background: #c86e2e url(/imgs/callouts/culinaryAdventuresBkgd.jpg) no-repeat 0 0; }
a#restaurantCalendar { background: #66444d url(/imgs/callouts/calendarCalloutBkgd.jpg) no-repeat 0 0; }
a#restaurantPrivateEvents { background: #8f8315 url(/imgs/callouts/privateEventsBkgd.jpg) no-repeat 0 0; }
a#restaurantTwelve { background: #982d45 url(/imgs/callouts/theTwelveProgramBkgd.jpg) no-repeat 0 0; }
a#restaurantVolunteer { background: #c86e2e url(/imgs/callouts/dzVolunteerDayBkgd.jpg) no-repeat 0 0; }
.contentRight { float: left; display: inline; width: 255px; margin: 20px 0 30px 50px; }
.contentRight p.calloutBack { font-size: 14px; margin: 10px 0 0; width: 248px; height: 33px; }
.contentRight p.calloutBack a { height: 28px; padding: 5px 0 0 10px; display: block; width: 203px; background: transparent url(/imgs/backToArrow.gif) no-repeat 0 8px; }
.contentRight p.calloutBack a:hover { background-position: 0 -38px; }
.contentRight img { margin: 0 0 15px; }
.contentRight h3 { margin: 0 0 5px; }
.contentRight #secondary { width: 248px; }
/* Wine Page Styles */
.wineContent, .atTheBarContent { padding: 0 0 30px; }
.wineContent h2 { border-bottom: 1px solid #BCB178; margin: 0 0 15px; width: 410px; padding: 0 0 3px; float: left; display: inline; font-size: 20px; line-height: 24px; color: #dd6a1f; text-transform: uppercase; letter-spacing: 0.2em; }
.wineContent h4 { border-bottom: 1px solid #BCB178; width: 95px; margin: 0 0 15px; padding: 4px 70px 3px 0; float: left; display: inline; text-align: center; text-transform: uppercase; font-size: 14px; }
.wineContent .wineHeaderTop, .atTheBarContent .atTheBarHeaderTop { margin-top: 20px!important; }
.wineContent h2.wineHeaderLong { font-size: 16px; }
.wineContent p { border-bottom: 2px dotted #BCB178; padding: 0 0 7px; margin: 0 0 7px; float: left; display: inline; font-size: 14px; line-height: 20px; }
.wineContent p strong { font-weight: normal; float: left; display: inline; }
.wineContent p strong.wineName { width: 410px; letter-spacing: 0.08em; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; }
.wineContent p strong.wineName span { font: normal 11px/20px Arial, Helvetica, sans-serif; letter-spacing: normal; text-transform: none; }
.wineContent p strong.wineVintage { width: 95px; text-align: center; }
.wineContent p strong.winePrice { width: 70px; text-align: right; }
/* At the Bar Styles */
.atTheBarContent h2 { border-bottom: 1px solid #BCB178; margin: 0 0 15px; width: 575px; padding: 0 0 3px; float: left; display: inline; font-size: 20px; line-height: 24px; color: #dd6a1f; text-transform: uppercase; letter-spacing: 0.2em; }
.atTheBarContent p { width: 575px; border-bottom: 2px dotted #BCB178; padding: 0 0 7px; margin: 0 0 7px; float: left; display: inline; font: normal 11px/15px Arial, Helvetica, sans-serif; }
.atTheBarContent strong { letter-spacing: 0.08em; display: block; font: normal 14px/20px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; margin: 0 0 3px; }
.atTheBarContent strong span { letter-spacing: normal; font: normal 11px/15px Arial, Helvetica, sans-serif; text-transform: none; }
.atTheBarContent span.atTheBarDetails { width: 410px; float: left; display: inline; font-weight: normal; }
.atTheBarContent span.atTheBarPrice { font: normal 14px/20px Georgia, "Times New Roman", Times, serif; float: right; text-align: top; display: inline; width: 165px; text-align: right;  }
/* Calendar Page Styles */
ul.calendarList { list-style-type: none; margin: 0 0 20px; }
li.upcoming-events, li.todays-events { margin: 0 0 3px; }
li.upcoming-events h2 { display: none; }
li.todays-events h2 { font-size: 16px; line-height: 22px; padding: 0 0 2px; border-bottom: 2px dotted #BCB178; margin: 0 0 5px; }
li.upcoming-events ul, li.todays-events ul { list-style-type: none; margin: 0 0 15px; }
li.upcoming-events ul li { margin: 0 0 25px; font-size: 14px; line-height: 20px; letter-spacing: 0.08em; text-transform: uppercase; }
li.upcoming-events ul li ul { margin: 2px 0 0; border-top: 2px dotted #BCB178; }
li.upcoming-events ul li ul li, li.todays-events ul li { margin: 5px 0 3px; font-size: 12px; line-height: 18px; letter-spacing: normal; text-transform: none; }
li.upcoming-events span.calnk, li.todays-events span.calnk { font-size: 13px; }
.event-title { padding: 4px 0 0; font-weight: normal; }
.event-content-break, .event-title-break { background: none; margin: 0; }
.event-content-break { margin: 5px 0 0; }
/* History Page Styles */
.historyWrapper { width: 877px; height: 274px; padding: 2px; margin: 10px 0 0; background: #CE9536 url(/imgs/history/historyWrapBkgd.gif) no-repeat 476px 0; overflow: hidden; }
div.historyWrap { width: 779px; overflow: hidden; float: left; display: inline; margin: 0 0 0 2px; }
div.historyContent { width: 2355px; margin-left: -779px; }
div.historyBlock { width: 779px; float: left; display: inline; height: 274px; overflow: hidden; }
div.historyImage { float: left; display: inline; width: 285px; height: 274px; }
div.historyText { float: left; display: inline; width: 400px; height: 274px; overflow: hidden; margin: 0 0 0 38px; position: relative; }
.historyBlock p { color: #f6ecbd; font-size: 20px; line-height: 26px; margin: 0; padding: 30px 0 0; }
.historyBlock p.historyWhere { margin: 0; padding: 0; position: absolute; left: 0; bottom: 20px; }
div.historyArrowLeft, div.historyArrowRight { float: left; display: inline; width: 48px; position: relative; z-index: 20; height: 274px; text-decoration: none; background-color: #8E3200; }
div.historyArrowLeft img, div.historyArrowRight img { display: block; margin: 0; }
/* Photo Gallery Styles */
.ngg-gallery-thumbnail img { padding: 2px; border: 1px solid #BCB178; }
.ngg-gallery-thumbnail img:hover { background-color: #8A4B1C; }
/* Footer Styles */
#footer { width: 100%; margin: 0 0 25px; }
#footer p { font: normal 14px/20px Times, "Times New Roman", Georgia, serif; color: #f6ecbd; letter-spacing: 0.05em; margin: 15px 0 0; }
#footer a { color: #f6ecbd; text-decoration: none; }
#footer a:hover { color: #f6ecbd; text-decoration: underline; }
img.footerLogo { float: right; display: inline; margin: -8px 0 0 5px; }