/*
Theme Name: Bistro Boudin
Theme URI: http://dkngstudios.com/
Description: Bistro Boudin
Version: 1.0
Author: Ross Goldman
Author URI: http://dkngstudios.com/
Tags:

*/


/************************* RESET *************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/** END RESET **/


/************************** JS **************************/

.js #photo, .js #content {display: none;} /** Only gets applied if JS is on **/

.js .subpage {display: none;}

.js #photos-preload {display: none;}

/************************** LAYOUT **************************/

html, body {
	height: 100%;}

#dropShadow {
	width: 1005px;
	min-height: 100%;
	margin: 0 auto;}
	
#wrapper {
	margin: 0 auto;
	width: 980px;
	min-height: 860px;
	position: relative;}
	
#header {
	height: 35px;}

#phoneNumber {
	position: absolute;
	text-transform: none;
	top: 0;
	right: 0;
	width: 215px;
	height: 25px;
	padding: 10px 0 0 0;}

#navigation {
	z-index: 100;
	width: 247px;
	position: absolute;
	left: 50%;
	margin-left: -457px;}

#photo {
	min-height: 670px;}
	
#content {
	float: right;
	margin-top: 100px;
	width: 550px; /** 630 minus 40px padding on both sides **/
	padding: 30px 40px;}

.single #content, .category #content, #press #content {
	margin-bottom: 50px;}
	
#footer {
	position: absolute;
	top: 710px;
	width: 100%;
	height: 140px;
}
 
.single #footer, .category #footer, #press #footer {
	position: static;
	top: auto;
	clear: both;
	}
	
#footer_contact {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	clear: both;}
	
#footer_nav {
	width: 890px;
	margin: 15px auto;}
	
/** END LAYOUT **/

.clear {
	clear: both;}

/************************** TYPE, BACKGROUNDS, AND COLORS **************************/

body {
	color: #bab2a0;
	background: #A98 url(images/bg_page.gif) fixed;
	font: 14px/20px Arial;
	font-weight: normal;}

em {
	font-style: italic;
}

a {	outline: none;
	text-decoration: none;
	color: #DDD;}

#dropShadow {
	background: url(images/bg_shadow.png) center repeat-y;} /** IE6 FALLBACK? **/
	
#photo {
	background: url('images/photos/location-hours.jpg') no-repeat;} /** WILL BE OVERRIDDEN BY INDIV. PAGE STYLE **/
	
#header {
	background: #E4E2DB;
	border-bottom: 5px #89857C solid;}
	
#content, #home-features, #thumbs {
	background: url(images/bg_content.png);}

#phoneNumber {
	border-left: 2px dotted #AFAA99;
	color: #777268;
	text-align: center;
	font: 15px Georgia, serif;
	letter-spacing: 0px;}

#phoneNumber-text {
	padding-left: 32px;
	background: url(images/no.gif) no-repeat;}

#phoneNumber a {
	color: #777268;
	}

h1 {
	margin-bottom: 24px;
	margin-left: 1px;
	text-indent: -9000px;
	width: 300px;
	height: 20px;
	background-repeat: no-repeat;
}

#h1-preload {
	visibility: hidden;
	width: 0;
	height: 0;}

h1#error-404 {
	background: url(images/h2/error-404.png);}


h3 {
	font-size: 15px;
	margin-bottom: 4px;
	color: #EEE;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.scroll-pane h3 {
	margin-bottom: 15px;}

p {
	margin-bottom: 1em;}

#footer {
	border-top: 3px #BCB6A8 solid;
	background: #E4E2DB;}
	
#footer_contact {
	background: #757367;
	border-top: 3px #BCB6A8 solid;}




/************************** NAVIGATION **************************/

#navigation {
	text-align: center;
	font-size: 12px;
	background: url(images/nav_bg.png) bottom;
}

#navigation a {
	width: 190px;
	height: 28px;
	display: block;
	margin: 0 auto;
	text-indent: -9000px;
	background: url(images/nav.gif);}
	
#navigation a:hover {
	color: #B8B19F;}

#logo {
	height: 168px;}

#navigation #logo a {
	width: 200px;
	height: 168px;
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	background: url(images/bb_logo.jpg) no-repeat 65px 30px;}


#navigation li#nav_spacer {
	height: 48px;}

#nav_theBistro a {background-position: 0 0;}
#nav_theBistro a:hover, #the-bistro #nav_theBistro a {background-position: 0 -34px;}
#nav_reservations a {background-position: 0 -68px;}
#nav_reservations a:hover, #reservations #nav_reservations a {background-position: 0 -102px;}
#nav_photoGallery a {background-position: 0 -136px;}
#nav_photoGallery a:hover, #photo-gallery #nav_photoGallery a {background-position: 0 -170px;}
#nav_privateEvents a {background-position: 0 -204px;}
#nav_privateEvents a:hover, #private-events #nav_privateEvents a {background-position: 0 -238px;}
#nav_locationHours a {background-position: 0 -272px;}
#nav_locationHours a:hover, #location-hours #nav_locationHours a {background-position: 0 -306px;}
#nav_bakeryMuseum a {background-position: 0 -340px;}
#nav_bakeryMuseum a:hover, #the-bakery-museum #nav_bakeryMuseum a {background-position: 0 -374px;}
#nav_boudinAtTheWharf a {background-position: 0 -407px;}
#nav_boudinAtTheWharf a:hover {background-position: 0 -441px;}
#nav_specialsPromos a {background-position: 0 -476px;}
#nav_specialsPromos a:hover {background-position: 0 -510px;}

.subnav {
	display: none;}

.subnav li:first-child {
	padding-top: 5px;}

.subnav li:last-child {
	height: 26px;}

#navigation .subnav a {
	text-indent: 0;
	background: none;
	height: 20px;}



#menu #nav_menu a, .page-template-page-menu-php #nav_menu a {color: #B8B19F;}
#wine-list #nav_winelist a {color: #B8B19F;}
#happy-hour #nav_happyHour a, .page-template-page-happy-hour-php #nav_happyHour a {color: #B8B19F;}

#event-spaces #nav_eventSpaces a, .page-template-page-event-spaces-php #nav_eventSpaces a {color: #B8B19F;}
#private-dining-menus #nav_sampleMenus a {color: #B8B19F;}
#chefs-table #nav_winemakersTable a {color: #B8B19F;}
#request-information #nav_requestInfo a {color: #B8B19F;}

#wp_nav ul {
}

#wp_nav li li {
	margin-left: 8px;}

#searchform {
	margin-bottom: 15px;}

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

/************************** HOME **************************/

#home-features {
	position: relative;
	top: 405px;
	left: 46px;
	padding: 13px 15px;
	width: 858px; /** 888 minus 15px padding on both sides **/
}

.home-feature {
	float: left;
	width: 276px;
	margin-right: 14px;
	font: 12px/16px Arial;
	text-align: center;}

.home-feature-last {
	margin-right: 0;}

.home-feature-image {
	border: 4px #89857C solid;
	margin-bottom: 14px;}

.home-feature p {
	margin-bottom: 3px;}

.home-feature a {
	font-style: italic;
}

.home-feature a:hover {
	text-decoration: underline;}

h4 {
	margin-bottom: 6px;}

.home-feature h4 a {
	color: #CCC;
	font-style: normal;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}

.home-feature p a:hover {
	color: #FFF;
	}

	
/************************** CONTENT **************************/

#content {
}

#content a {
	color: #FFF;
	}

#content a:hover {
	color: #FFF;
	text-decoration: underline;}

#content ul {
	margin-bottom: 1em;}

#content-top {
	border-bottom: 1px dotted #B8B19F;
	margin-bottom: 25px;}
	
#content-nav {
	padding-left: 29px;	
	float: right;}

.wide-nav {
	width: 159px;}

#content-nav li a {
	text-indent: -9000px;
	display: block;
	margin-bottom: 10px;
	width: 130px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 -10px;	}

#content-nav .wide-nav li a {
	width: 159px;}

#content-nav li a:hover, #content-nav li.current_page_item a {background-position: 0 5px;}

#content-nav img {margin-top: 70px;}

#download-pdf {
	border-top: 1px dotted #B8B19F;
	padding-top: 15px;}

#download-pdf ul li {
	height: 25px;}

#download-pdf ul li a {
	display: block;
	text-indent: -9000px;
	height: 18px;
}

#download-pdf .main-menu-pdf {
	background: url(images/nav/menu/main-menu-pdf.png) 0 -10px;}

#download-pdf .dessert-menu-pdf {
	background: url(images/nav/menu/dessert-menu-pdf.png) 0 -10px;}

#download-pdf .kids-menu-pdf {
	background: url(images/nav/menu/kids-menu-pdf.png) 0 -10px no-repeat;}

#download-pdf .happy-hour-pdf {
	text-indent: -9000px;
	background: url(images/nav/menu/download-menu.png) 0 -10px;}

#content-nav #download-pdf a:hover {
	background-position: 0 5px;}

#menu-disclaimer {
	margin-top: 13px;
	color: #FFF;
	font-size: 12px;}

#event-spaces-content {
	width: 331px;
	float: left;
	padding-right: 30px;
}

#menu-content {
	width: 360px;
	height: 355px;
	float: left;
	padding-right: 30px;
	overflow: auto;	
}

#happy-hour-content {
	width: 360px;
	height: 225px;
	float: left;
	padding-right: 30px;
	overflow: auto;	
}

.scroll-pane {
	overflow: auto;
}

#content strong {
	color: #FFF;}

img.alignright {
	float: right;
	margin-top: 5px;
	margin-right: 20px;}

	
.wpcf7 td {
	padding: 5px 0;}

td.form-label, td.form-label-right {
	font-size: 13px;
	color: #EEE;
	width: 130px;
	text-align: right;
	padding-right: 10px;}

td.form-label-right {
	width: 100px;}

#form-table-contact-us td.form-label-right {
	width: 50px;}

input, textarea {
	width: 140px;
	border: 1px solid #D5D1C8;
	font-size: 13px;
	background: #C5C1B8;}

input {
	height: 24px;
	padding: 0 3px;}

#form-table-contact-us input {
	width: 204px;}
	
textarea {
	width: 398px;
	height: 100px;
	padding: 3px;}

#form-table-contact-us textarea {
	width: 475px;}

td.form-submit input {
	position: absolute;
	right: 44px;
	background: #6D6860;
	border: none;
	text-transform: uppercase;
	color: #EEE;
	width: 80px;
	height: 30px;
}

#password-request-form td.form-submit input {
	position: static;
	}

#form-table-contact-us td.form-submit input {
	width: 80px;}

	
div.site-map {
	float: left;
	position: relative;
	top: -24px;}

#site-map-1, #site-map-2 {
	margin-right: 30px;}

.site-map h3 {
	margin-top: 24px;
	font-size: 14px;}

#content .site-map li a {
	color: #B8B19F;
	font-size: 12px;	
	border-bottom: none;}

#content .site-map li a:hover {
	font-weight: bold;
}

/************************** PHOTO GALLERY **************************/

#thumbs {
	position: absolute;
	top: 555px;
	left: 47px;
	padding: 25px 11px 25px 25px;

}


/************************** FOOTER **************************/

#footer li {
	float: left;}
	
#footer_nav li a {
	background: url(images/nav_footer.gif);
	display: block;
	height: 47px;
	text-indent: -9000px;}



#footer-contact-us a {
	width: 198px;}

#footer_nav #footer-boudin-sourdough a {
	width: 171px;
	background-position: -198px 0;}

#footer_nav #footer-careers a {
	width: 96px;
	background-position: -369px 0;}

#footer_nav #footer-press a {
	width: 75px;
	background-position: -465px 0;}

#footer_nav #footer-site-map a {
	width: 96px;
	background-position: -540px 0;}

#footer_nav #footer-privacy-security a {
	width: 252px;
	background-position: -636px 0;}

#footer_contact_list {
	width: 848px;
	height: 33px;
	margin: 15px auto;
	text-indent: -9000px;
	background: url(images/footer_contact.gif);}

#footer_contact_facebook a {
	display: block;
	width: 50px;
	height: 40px;
}

#footer_contact_phone {
}

#footer_contact_address {
}



/** END FOOTER **/

/************************** PRELOAD PHOTOS **************************/

#photos-preload {
	width: 0;
	height: 0;}

#photos-preload li {
	width: 0;
	height: 0;
}

#p1 {background: url(images/photos/the-bistro.jpg);}
#p2 {background: url(images/photos/menu.jpg);}
#p3 {background: url(images/photos/wine-list.jpg);}
#p4 {background: url(images/photos/happy-hour.jpg);}
#p5 {background: url(images/photos/reservations.jpg);}
#p6 {background: url(images/photos/photo_gallery_image1.jpg);}
#p7 {background: url(images/photos/private-events.jpg);}
#p8 {background: url(images/photos/private-dining-room.jpg);}
#p9 {background: url(images/photos/private-dining-menus.jpg);}
#p10 {background: url(images/photos/winemakers-table.jpg);}
#p11 {background: url(images/photos/request-information.jpg);}
#p12 {background: url(images/photos/location-hours.jpg);}
#p13 {background: url(images/photos/contact-us.jpg);}
#p14 {}
#p15 {background: url(images/photos/careers.jpg);}
#p16 {background: url(images/photos/press.jpg);}
#p17 {background: url(images/photos/site-map.jpg);}
#p18 {background: url(images/photos/privacy-security.jpg);}
#p19 {background: url(images/photos/private-dining-room.jpg);}
#p20 {background: url(images/photos/bakery-museum.jpg);}
#p21 {background: url(images/photos/winemakers-table.jpg);}
#p22 {background: url(images/photos/full-restaurant-buy-out.jpg);}
#p23 {background: url(images/photos/ascentia-wineries.jpg);}
#p24 {background: url(images/photos/specials-promos.jpg);}
#p25 {background: url(images/photos/the-bakery-museum.jpg);}
#p26 {background: url(images/photos/press.jpg);}

/************************** SPECIALS & PROMOS **************************/

#all-access-form #logout-text {
	text-align: center;
	margin-top: 90px;
	color: #6d6860;
	padding: 0 60px;
}

#logout-text strong {
	display: block;
	font-size: 18px;
	font-weight: normal;
	margin-bottom: -5px;
}

.all-access-login {
	position: absolute;
	top: -1px;
	right: 50px;
	height: 25px;
	padding: 10px 0 0 0;
	border: 2px dotted #B5B2AB;
	border-top: none;
	border-bottom: none;	}

#all-access-login {width: 173px;}
#all-access-logout {width: 184px;}

.all-access-login span {
	display: block;
	text-indent: -9000px;
	width: 70px;
	height: 8px;
	position: absolute;
	top: 14px;
	left: 16px;
	background: url(images/all-access/login-aa.gif);
	}

#all-access-sign-in-button {
	display: block;
	text-indent: -9000px;
	width: 62px;
	height: 19px;
	position: absolute;
	top: 9px;
	left: 94px;
	background-image: url(images/all-access/button-sign-in.gif);
}

#all-access-sign-out-button {
	display: block;
	text-indent: -9000px;
	width: 73px;
	height: 19px;
	position: absolute;
	top: 9px;
	left: 94px;
	background-image: url(images/all-access/button-sign-out.gif);
}

.all-access-login a:hover {
	background-position: 0 -19px;}

#all-access-popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

#all-access-overlay {
	width: 100%;
	height: 100%;
	background: url(images/black-40.png);}

#all-access-form {
	width: 395px;
	height: 211px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -105px;
	margin-left: -198px;
	background: url(images/all-access/bg-form.png);
	color: #6C675F;
	font-size: 12px;}

h3#bistro-all-access {
	text-indent: -9000px;
	width: 270px;
	height: 28px;
	background: url(images/all-access/title-form.gif);
	position: absolute;
	top: 46px;
	left: 59px;}

#all-access-form .password input {
	position: absolute;
	top: 88px;
	left: 115px;
	width: 220px;
	background: #FFF;
	border: 1px solid #B4B4B4;
	}

#all-access-form .password span {
	position: absolute;
	top: 90px;
	left: 0;
	width: 105px;
	text-align: right;
	line-height: 24px;}

#all-access-form .checkbox {
	position: absolute;
	cursor: pointer;
	top: 121px;
	left: 115px;}

#all-access-form .checkbox input {
	width: auto;
	margin-right: 7px;
	vertical-align: middle;
	margin-top: -4px;}

#all-access-form .submit {
	position: absolute;
	top: 145px;
	left: 115px;
	width: 74px;
	height: 27px;
	cursor: pointer;
	border: none;
	background: url(images/all-access/button-form-sign-in.gif);
	text-indent: -9000px;}	

#all-access-form .submit:hover {
	background-position: 0 -27px;}

#all-access-incorrect-pass {
	position: absolute;
	top: 144px;
	left: 200px;
	line-height: 15px;
	color: #7b1018;
	display: none;}

#all-access-incorrect-pass a {
	color: #7b1018;
	text-decoration: underline;}
	
#all-access-incorrect-pass a:hover {
	font-weight: bold;}
	
#all-access-form-cancel {
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	text-indent: -9000px;
	background: url(images/all-access/cancel.png);
	cursor: pointer;}

.archive-category {
	margin-bottom: 10px;}
	
.all-access-return {
	position: relative;
	top: -10px;
	margin-bottom: 5px;}	
	
.all-access-return-bottom {
	position: static;
	margin-bottom: 10px;}

.all-access-entry .entry-meta {
	position: relative;
	border: 1px dotted #B8B09E;
	border-left: none;
	border-right: none;
	padding: 4px;
	margin-bottom: 10px;}

.all-access-entry .entry-meta p {
	margin: 0;
	font-size: 12px;}

.pipe {
	padding: 0 4px;}

.all-access-entry .entry-meta h3 {
	text-transform: capitalize;
	letter-spacing: normal;
	font-size: 19px;}

.all-access-entry .entry-meta-title {
	margin-left: 70px;
	padding: 6px 12px;
	border-left: 1px dotted #B8B09E;
}

.all-access-entry .entry-meta-date {
	position: absolute;
	width: 170px;
	top: 50%;
	left: -110px;
	margin-top: -1.5em;
 }

.all-access-entry .entry-meta-date span {
	float: right;
	height: 3.4em;
	line-height: 3.4em;
	background: #7B1018;
	padding: 0 20px;
	font-size: 12px;
	color: #FFF;
	text-align: right;	
	text-transform: uppercase; }

.read-more {
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 14px;
	position: relative;
	top: -8px;}

#ajax_comments_loading {
	margin: 0;
	background: #0F0;
	text-align: left;}

#comments {
	border-top: 1px dotted #B8B09E;
	padding-top: 15px;}

.leave-comment {
	font-size: 12px;}

.comment {
	background: #C4C0B7;
	color: #54392E;
	padding: 20px 20px 10px 20px;
	margin-bottom: 15px;}

.fn {
	font-weight: bold;}

.comment em {
	font-size: 11px;}

.comment-meta {
	margin-bottom: 10px;}

.comment-meta a {
	font-size: 11px;
	line-height: 11px;
	color: #54392E !important;
	}

.leave-a-reply {
	margin-bottom: 6px;
	font-size: 13px;}

#respond input {
	width: 200px;
	margin-right: 6px;}

#respond textarea {
	width: 100%;}
	
#respond #submit {
	cursor: pointer;
	background: #6D6860;
	color: #FFF;
	border: none;
	text-transform: uppercase;
	font-size: 12px;
	padding: 7px 15px;
	height: auto;
	width: auto;}

#respond #submit:hover {
	background: #7D7870;}

#all-access-page .navigation {
	padding-top: 10px;
	text-transform: uppercase;
	font-size: 12px;
	border-top: 1px dotted #B8B09E;}