/**
 * @author		Jonathan Cochran <jono.cochran@gmail.com> 
 * 				http://www.fabriccreative.com
 * --------------------------------------------------------- */
@import url("reset.css");
html, body, #wrap 			{ height: 100%; min-height: 100%; }
body > #wrap 				{ height: auto; min-height: 100%; }
body 						{ background: #f7f7f5; color: #231f20; line-height: 1.2em; }
body:before 				{ content:""; height:100%; float:left; width:0;	margin-top:-32767px; }
#main 						{ overflow:auto; padding-bottom: 140px;}
	
a:link						{ color: black; text-decoration: none; }
a:visited 					{ color: black; text-decoration: none; }
a:hover						{ color: gray; }
a:active					{ color: gray; }

span.title					{ text-transform: uppercase; }


/**
 *  SIDEBAR, CONTENT, IN THE KITCHEN (3 columns)
 * --------------------------------------------------------- */
div#left-sidebar    { float: left; width: 155px; padding-top: 45px; }
div#content					{ float: left; width: 555px; padding-top: 45px; }
div#right-sidebar   { float: left; width: 200px; padding-top: 95px; margin-left: 20px; }
div#kitchen					{ float: left; width: 198px; /*height: 600px;*/ overflow: hidden; }

div#navigation 				{ padding: 50px 0 30px; background: url('../images/nav-footer.gif') no-repeat left bottom;}
div#navigation a			{ color: #232020; text-transform: uppercase; font-size: 11px; display: block; line-height: 19px;} 
div#navigation a:hover		{ color: #000; text-decoration: underline; }

img.content-overlay			{ position: absolute; margin-top: -45px; }

div#kitchen 				{ position: absolute; left: 730px; }
div#kitchen div 			{ background: url('../images/inside-the-kitchen.jpg') no-repeat; height: 304px; width: 198px; margin-top: -227px; }
div#kitchen div a			{ display: block; padding: 35px 25px 0px; font-size: 11px; line-height: 18px; }
div#kitchen div a:first-child { margin-left: -5px; }
div#kitchen div a span		{ font-weight: bold; text-transform: uppercase; }
div#kitchen div a.kitchen-2	{ padding-top: 25px; }

/**
 *  PAGE STYLES
 * --------------------------------------------------------- */
/* Splash */
div.splash					{ margin: 0 auto; width: 458px; height: 597px; }
div.splash a				{ display: block; width: 458px; height: 597px; background: url('../images/splash.jpg') no-repeat; }
div.splash a:hover			{ opacity: .8; }

div.home					{ padding-top: 35px; font-size: 11px; padding-left: 25px; }
a.home-images				{ margin-left: -25px; }
div.home-news-events		{ float: left; padding-top: 30px; width: 200px; }
div.home-news-events a		{ display: block; margin-bottom: 15px; }
div.home-news-events span.date { font-style: italic; }
div.home-right				{ float: right; width: 250px; padding-right: 25px; text-align: right; }
div.home-private-functions  { width: 250px; padding: 30px 0; border-bottom: 1px dotted #ccc; }
div.home-contact			{ width: 250px; padding-top: 30px; }


/* Restaurant */
div.restaurant 				{ background: url('../images/restaurant.jpg') no-repeat; height: 591px; font-size: 12px; margin-top: 50px; }
div.restaurant h3			{ padding: 54px 50px 5px; font-size: 18px; font-weight: normal; }
div.restaurant-columns		{ overflow: hidden; height: 370px;}
div.restaurant-columns .first { padding: 15px 30px 0 50px; float: left; width: 200px !important; }
div.restaurant-columns .last{ padding: 15px 30px 0 30px; float: left; width: 200px !important; }
div.left-col				{ float: left; padding: 15px 30px 0 50px; float: left; width: 200px; }
div.right-col				{ float: right; padding: 15px 30px; float: left; width: 200px; }
div.restaurant-shell		{ overflow: hidden; display: block; margin: 15px 0 0 50px; width: 445px; height: 380px; }
div.restaurant-page			{ overflow: hidden; display: block; width: 445px; height: 380px; line-height: 24px; }
div.restaurant-page .page-nav { line-height: 22px; display: block; z-index: 999; -z-index: 999; }

/* Menu */
div.menu					{ margin-top: 50px; padding: 0 25px; font-size: 12px; }
div.menu-item				{ background: url('../images/horz-line.png') repeat-x left bottom; padding-bottom: 20px; margin-bottom: 20px; }
div.menu-item h3			{ font-size: 12px; font-weight: normal; }
a.download-menu				{ float: left; display: block; background: #f7f7f5 url('../images/pdf-icon.png') no-repeat; width: 85px; height: 55px; padding: 8px 0 0 55px; margin-right: 60px; font-size: 11px; color: #868584; line-height: 16px; text-transform: uppercase; }
a.download-menu:hover		{ color: black; }

/* History */
div.history					{ padding: 100px 30px 10px 80px; line-height: 17px; background: url('../images/history.jpg') no-repeat; height: 411px; margin-top: 50px; font-size: 11px; }
div.history-shell			{ overflow: hidden; display: block; width: 445px; height: 360px; }
div.history-page			{ overflow: hidden; display: block; width: 445px; height: 360px; }
div.history	h3				{ text-transform: uppercase; }
div.history-image-block		{ float: right; width: 230px; height: 240px; }
div.page-nav				{ padding: 0; margin: 0; display: block; } 
a.prev-page					{ display: block; color: gray; width: 80px; float: left; font-style: italic; }
a.next-page					{ display: block; color: gray; width: 80px; float: right; text-align: right; font-style: italic; }


/* Image Gallery */
div.images					{ padding-top: 50px; }
div.images-tabs				{ text-transform: uppercase; color: #9f9f9e; font-size: 12px; }
div.images-tabs	a			{ color: #9f9f9e; }
div.images-tabs	a:hover		{ color: #333; }
div.images-tabs	a.current	{ color: #333; }
div.images-nav				{ padding: 0 20px 0 40px;}
div.images-tabs				{ float: left; }
div.images-prev-next		{ float: right; }
div.images-prev-next,
div.images-prev-next a		{ font-style: italic; font-size: 11px; color: #9f9f9e; }
div.images-prev-next a:hover{ color: #333; }
img.images-gallery-shell	{ position: absolute; z-index: 999; }

div.images-gallery-nest		{ overflow: hidden; width: 576px; height: 422px; }
div.images-gallery-nest ul		{ list-style: none; margin: 0; padding: 20px 0 0 32px; }
div.images-gallery-nest li	 	{ list-style: none; margin: 0; padding: 0 }
div.images-gallery-nest li		{ float: left; }
div.images-gallery-nest li img	{ display: block; }

div.images ul li 			{ position: absolute; list-style: none; }
div.images ul li img 		{ display: block; }
ul.images-food,			
ul.images-restaurant		{ display: none; position: absolute; list-style: none;  }

/* Blog (In the kitchen) & Events */
/* div.post-media				{ width: 571px; height: 367px; overflow: hidden;  }
div.post-media img	 		{ padding: 20px 0 0 30px; } */
div.post-media				{ margin: 10px 0 15px 17px; width: 505px; height: 293px; display: block; padding: 11px 0 0 12px; background: #d9d9cf; -moz-box-shadow: 0 0 3px #b3b3a4; -webkit-box-shadow: 0 0 3px #b3b3a4; }
img.image-frame				{ position: absolute; }
div.video-frame				{ background: url('../images/blog-photo-frame.png') no-repeat; height: 367px; padding: 31px 0 0 26px; }
div.video-frame	object,
div.video-frame	embed 		{ max-width: 490px; }
div.frame_scrapbook			{ position: relative; float: left; margin: 15px 15px 15px 8px; clear: both;  }
div.frame_scrapbook img		{ margin: 0; padding: 22px; width: 490px; }

div.upper_left {
	position: absolute;
	background: transparent url('../images/frame_upper_left.png') no-repeat 38px 38px;
	width: 100%;
	margin-left: -38px;
	margin-top: -38px;
	height: 100%;
	top: 0px;
	left: 0px;
}		
div.upper_right {
	position: absolute;
	background: url('../images/frame_upper_right.png') no-repeat right 38px;
	width: 41px;
	height: 100%;
	margin-top: -38px;
	top: 0px;
	right: 0px;
}
div.lower_left {
	position: absolute;
	background: transparent url('../images/frame_lower_left.png') no-repeat 38px 0px;
	width: 100%;
	margin-left: -38px;
	height: 42px;
	bottom: 0px;
	left: 0px;
}
div.lower_right {
	position: absolute;
	background: transparent url('../images/frame_lower_right.png') no-repeat top right;
	height: 42px;
	width: 42px;
	bottom: 0px;
	right: 0px;
}
div.entry 					{ padding-bottom: 30px; font-size: 12px; margin-bottom: 30px; background: url('../images/horz-line.png') repeat-x bottom left; }
div.entry span.time			{ font-size: 10px; color: #a5a5a5; padding: 0 0 15px 18px; font-style: italic; }
div.entry h2				{ background: #f7f7f5; text-transform: normal; font-size: 18px; padding: 10px 0 8px 15px;  } 
div.entry p					{ margin: 0 20px !important;  font-size: 12px !important; line-height: 18px; text-align: justify; }
div.events-navigation,
div.blog-navigation 		{ font-size: 11px; font-style: italic; padding-bottom: 30px; margin-top: -15px; }
a.events-prev,
a.blog-prev					{ float: left; }
a.events-next,
a.blog-next					{ float: right; }

/* Awards (press) */
div.press					{ padding-top: 50px; }
div.press-sectional			{ font-size: 11px; padding-bottom: 20px; margin-bottom: 20px; background: url('../images/horz-line.png') repeat-x bottom left; }
div.press-sectional	h2		{ background: #f7f7f5; font-size: 12px; text-transform: uppercase; margin-top: 0; padding-top: 0; }
a.download-press			{ float: left; display: block; background: #f7f7f5 url('../images/pdf-icon.png') no-repeat; width: 100px; height: 55px; padding: 8px 0 0 55px; margin-right: 60px; font-size: 11px; color: #868584; line-height: 16px; text-transform: uppercase; }
a.download-press:hover		{ color: black; }
img.awards-image			{ float: right; margin-left: 30px; border: 5px solid #fff; box-shadow: 0 1px 6px #f1f1f1; }

/* Private Functions */
div.functions				{ height: 588px; width: 552px; background: url('../images/private-functions.jpg') no-repeat; font-size: 11px; }
div.functions div.functions-inner { padding: 340px 45px 30px;}
div.functions h2 			{ font-size: 14px; text-transform: uppercase; padding: 5px 0; margin: 0; }
div.functions a.download-menu { float: right; margin: 0 0 0 60px; background: transparent url('../images/pdf-icon.png') no-repeat; }
div.functions-shell			{ overflow: hidden; display: block; width: 460px; height: 95px; }
div.functions-page			{ overflow: hidden; display: block; width: 460px; height: 95px; }
div.functions-page p 		{ padding: 0px 0 0 0; margin: 0; }

/* Contact */
div.contact					{ height: 602px; background: url('../images/contact.jpg') no-repeat 40px 20px; font-size: 11px; padding-left: 50px; }
div.contact	h2				{ background: #f7f7f5; text-transform: uppercase; font-size: 14px; padding: 8px 0;}
div.contact .float-left		{ width: 200px; padding: 0 80px 0 15px; margin-top: 380px; }
div.contact .float-right	{ width: 200px; margin-top: 380px; float: left; }

/* Error */
div.error					{ padding: 30px; font-size: 11px; }

/* Loader */
div.loader					{ position: absolute; width: 570px; height: 550px; line-height: 510px; font-size: 12px; text-transform: uppercase; color: #666; text-align: center; background: url('../images/loader.gif') no-repeat center center; }

/* Media Centre */
div#media-centre			{ width: 750px; height: 445px; margin: 0 auto; box-shadow: 0 0 15px rgba(0, 0, 0, .3); }
div#media-video				{ float: left; width: 414px; padding: 10px; }
.no-video					{ float: left; width: 414px; margin: 10px; background: white; line-height: 233px; text-align: center; font-size: 11px; text-transform: uppercase; }
div#media-info				{ float: right; width: 290px; padding: 10px; }
a#media-logo 				{ display: block; border-bottom: 1px solid #efedde; padding-bottom: 10px;}
div#media-description		{ padding-top: 10px; width: 290px; float: left; }
div#media-description-scroll{ font-size: .7em; overflow: auto; height: 130px; padding-right: 20px; }
#media-description-scroll p { padding: 0 0 1.25em 0; }
div#media-download			{ padding: 10px 0 0 10px; width: 50px; float: right; }
div#media-items				{ padding: 0 10px 10px 10px; height: 170px; overflow: hidden; }
div#media-items table		{ width: 100%; font-size: .6em; text-transform: uppercase; margin: 0;}
div#media-items th			{ padding: 8px 8px; text-align: left; color: white; border-bottom: 1px dotted #ccc; color: black; }
div#media-items tbody		{ }
div#media-items tr td		{ padding: 5px 8px; border-bottom: 1px dotted #e8e5d2;  }
div#media-items tr td:nth-child(odd) { color: #333 !important; }
div#media-items tr:hover td { background: #d7d7ce; cursor: pointer }
div#media-items-scroll		{ height: 150px; overflow: auto; background: #f1f1f1; }
tr.media-item-current td 	{ background: #fff; font-weight: bold; }
#media-share,
.FBConnectButton_Text,
.FBConnectButton, 
.FBConnectButton_Small		{ background: none !important; left: 0 !important; padding: 0 !important; margin: 0 !important; border: none  !important;}
#facebook-share				{ display: none; width: 750px; height: 400px; background: white; border: 0; }
a#media-url					{ float: right;  }
div.media-audio				{ margin: 0 auto; width: 165px; height: 38px; padding-top: 120px; }

/* Press Resources */
div.press-resources			{ }
div.press-resources	h2		{ font-size: 13px; text-transform: uppercase; }
div.pr-gallery a			{ display: block; width: 150px; float: left; margin: 0 25px 25px 0; overflow: hidden; border: 5px solid white; box-shadow: 0 1px 7px rgba(0,0,0,.15); }
div.pr-gallery a img		{ width: 150px; display: block; }

/**
 *  FOOTER
 * --------------------------------------------------------- */
a.fabric					{ position: fixed; right: 15px; bottom: 15px; z-index: 999; }
div#footer					{ display: block; width: 100%; text-align: center; position: relative; margin: -140px 0 0 0; height: 140px; clear: both; z-index: 0; }
div#footer img				{ position: absolute; bottom: 0; left: 50%; }

/**
 * Open Table Integration
 * --------------------------------------------------------- */
.OT_wrapper,
.OT_day, .OT_time, .OT_party,
.OT_searchTimeField, .OT_searchDateField, .OT_searchPartyField {
	border-width: 1px !important;
	border-color: #C9C8C7 !important;
}

.OT_title,
.OT_subtitle,
.OT_ExtLink,
.OT_day input[type="text"], .OT_time input[type="text"], .OT_party input[type="text"] {
	color: #231F20 !important;
	font-family: Georgia, 'Times New Roman', serif !important;
	letter-spacing: 0px !important;
}

.OT_submit { padding-top: 12px !important; }
.OT_submit a {
	font-family: Georgia, 'Times New Roman', serif !important;
	letter-spacing: 0px !important;
}

.open-table-wrap { position: relative; }
.open-table-wrap .dummy-headers .make-a-reservation {
	width: 125px;
	height: 30px;
	display: block;
	position: absolute;
	left: 34px;
	top: 13px;
	cursor: pointer;
}

#right-sidebar .open-table-wrap { padding-left: 13px; }
#left-sidebar .open-table-wrap  {  }

