/**************************************************************************
Filename: screen.css
Author: Ben Lister
URL: css/screen.css

Description:
Main Stylesheet for website
***************************************************************************/

/* TODO: Organize more logically before production (sort styles by likeness) */

/* SITE GLOBALS */

body { 
	background: url(../images/interface/bg.jpg)  #c8a64f;
	color: #000;
	font-family : Georgia, Times New Roman, Times, serif;
	height: 100%;

}
strong { font-weight: bold;}
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    line-height: 1em;
    margin-bottom: 0.3em; 
}
h4 { color: #000; }
h1 { font-size: 1.8em }
h2 { font-size: 1.6em }
h3 { font-size: 1.4em }
h4 { font-size: 1.2em }
hr {
	width:98%;
	background: #41392f !important;
	color: #41392f;
	border: 0;
	height:1px;
	margin: 20px auto;
}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0 }

a, a:visited, a:active { color: #433e31 }

a:hover { color:#7e6d30 }

a:focus { outline : none }
label { display: block }


.clear { 
	clear: both; 
	font-size: 0; 
	height: 0; 
	line-height: 0; 
	position: relative; 
} 

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; 
}

.clearfix {
	display: block; 
}
/* End hide from IE-mac */




/* MAIN INTERFACE */
 
#wrapper { 
	width: 960px;
	height: auto;
	margin: 40px auto 0 auto;
}

	#content_top { 
		width: 960px;
		background: url(../images/interface/bg_top.png) no-repeat top left;
		height: 30px;
	}
div#main_content { width:942px }	
	#content_middle { 
		width: 960px;
		background: url(../images/interface/bg_shad.png) top left repeat-y;
		min-height: 980px;
		padding: 20px 25px 5px 25px;
		position:relative;
		z-index: 2;
	}
	
	#content_middle p { 
		font-size: 1.2em;
		padding-right: 40px;
		margin: 8px 0 15px 0;
		color: #433e31;
	}
		div#home_left {
			width: 450px;
			float: left;
			font-size: 1em;
			margin-bottom:30px;
		
		}
				div#home_left a {
					font-size: .9em;
					font-weight: bold;
				}
				
	.p_home blockquote p {
		font-size: 21px !important;
		width: 400px;
		float: left;
		margin-left: 30px !important;
		margin-top: 30px !important;
		color: #616161 !important;
	}

		cite.quote_source {
			padding:5px;
			margin: 0 30px;
			background: #dedede;
			color: #616161;
			float: left;
			font-size: 1.2em;
		}
		
	
	.vr {
		float:left;
		width: 2px;
		height: 270px;
		background: #adadad;
		border-top:25px solid #818181;
	}

	h1 a#top_logo {
		width: 132px;
		height: 97px;
		float: left;
		background: url(../images/interface/hs_logo.png) no-repeat;
		display: block;
		text-indent: -9999px;
	}
	
	img#wine_top {
		position: relative;
		float:right;
		top: -43px;
		left: 37px;
		clear:both;
	}
	

	
	h3#top_address {
		width: 551px;
		height:32px;
		background: url(../images/interface/address.png) no-repeat top left;
		text-indent: -9999px;
		float:right;
		left: 278px;
		top: -120px;
		position:relative;
	}
	
h1 a#top_logo { position: relative; top: -30px; left: 10px; }

/* TOP NAV */


			ul#top_nav {
				float:left;
				position: relative;
				left: 189px !important;
				top: -115px;
				list-style:none;
				margin:0;
				padding:0;
				width: 770px;
			}


				ul#top_nav li{
					float:left;
					height:38px;
					list-style:none;
					display:inline;
					text-indent:-99999px;
				}
					ul#top_nav li a {
						display : block;
						height : 38px;
						overflow : hidden;
						background-position : 0 -38px !important;
					}
			
						ul#top_nav .hover a:hover {
						background-position : 0 0px !important;
						}
						
						ul#top_nav li.nav_home a {
							background:url(../images/interface/menu/home.png) no-repeat top left;
							width:63px;
						}
						ul#top_nav li.nav_home_active a {
							background : url(../images/interface/menu/home.png) no-repeat top left;
							background-position: 0 0px !important;
							width:63px;
						}
						
						ul#top_nav li.nav_history a {
							background:url(../images/interface/menu/history.png) no-repeat top left;
							width:76px;
						}
						ul#top_nav li.nav_history_active a {
							background : url(../images/interface/menu/history.png) no-repeat top left;
							background-position: 0 0px !important;
							width:76px;
						}
						
											
						ul#top_nav li.nav_menu a {
							background:url(../images/interface/menu/menu.png) no-repeat top left;
							width:58px;
						}
						ul#top_nav li.nav_menu_active a {
							background : url(../images/interface/menu/menu.png) no-repeat top left;
							background-position: 0 0px !important;
							width:58px;
						}
						
											
						ul#top_nav li.nav_specials a {
							background:url(../images/interface/menu/specials.png) no-repeat top left;
							width:84px;
						}
						ul#top_nav li.nav_specials_active a {
							background : url(../images/interface/menu/specials.png) no-repeat top left;
							background-position: 0 0px !important;
							width:84px;
						}
					
						
											
						ul#top_nav li.nav_photos a {
							background:url(../images/interface/menu/photos.png) no-repeat top left;
							width:74px;
						}
						ul#top_nav li.nav_photos_active a {
							background : url(../images/interface/menu/photos.png) no-repeat top left;
							background-position: 0 0px !important;
							width:74px;
						}
						
											
						ul#top_nav li.nav_catering a {
							background:url(../images/interface/menu/catering.png) no-repeat top left;
							width:87px;
						}
						ul#top_nav li.nav_catering_active a {
							background : url(../images/interface/menu/catering.png) no-repeat top left;
							background-position: 0 0px !important;
							width:87px;
						}


						ul#top_nav li.nav_contact a {
							background:url(../images/interface/menu/contact.png) no-repeat top left;
							width:85px;
						}
						ul#top_nav li.nav_contact_active a {
							background : url(../images/interface/menu/contact.png) no-repeat top left;
							background-position: 0 0px !important;
							width:85px;
						}



						ul#top_nav li.nav_survey a {
							background:url(../images/interface/menu/survey.png) no-repeat top left;
							width:74px;
						}
						ul#top_nav li.nav_survey_active a {
							background : url(../images/interface/menu/survey.png) no-repeat top left;
							background-position: 0 0px !important;
							width:74px;
						}

						ul#top_nav li.nav_recipies a {
							background:url(../images/interface/menu/recipies.png) no-repeat top left;
							width:74px;
						}
						ul#top_nav li.nav_recipies_active a {
							background : url(../images/interface/menu/recipies.png) no-repeat top left;
							background-position: 0 0px !important;
							width:74px;
						}



						ul#top_nav li.nav_press a {
							background:url(../images/interface/menu/press.png) no-repeat top left;
							width:61px;
						}
						ul#top_nav li.nav_press_active a {
							background : url(../images/interface/menu/press.png) no-repeat top left;
							background-position: 0 0px !important;
							width:61px;
						}
						
						
						ul#top_nav li.nav_end   {
							background:url(../images/interface/menu/end.png) no-repeat top left;
							width:43px;
							margin: 2px 0 0 2px;
						}

img#paperclip { 
	position: relative;
	top:-40px;
	right: 7px;
	float: right;
	z-index: 222;
}

div#flash_piece {
	width: 944px;
	height: 338px;
	background: url(../images/interface/flash_frame.png) no-repeat top left;
	position: relative;
	left: 10px;
	top: -55px;
}

object#hstone_flame{

position: relative;
top: -69px;
left: 27px;
}


img#left_art {
	position: relative;
	left: -77px;
	top: 450px;
	z-index: 0;
}


img#right_art {
		position: relative;
		float:right;

		top: 700px;
		left: 306px;
		z-index: 0;
}

	img#wine_top {
		position: relative;
		float:right;
		top: -43px;
		left: 37px;
		clear:both;
	}
	

dl.foot_box { 
	width: 282px; 
	float: left; 
	margin: 0 10px 0;
	color: #41392f;
	line-height: 1.4em;
}

dl.foot_box p {
	color: #41392f;
	width: auto;
	padding: auto;
	margin: 0px !important;
	font-size: 1em !important;
}

	dl.foot_box dt { background: url(../images/interface/hdr_footer.png) repeat-y top left; height: 32px; }
		
		dl.foot_box dt a {
			margin-left: 50px;
			display: block;
			position: relative;
			top: 10px;
			text-indent: -9999px;
			height: 13px;
		}
			dl.foot_box dt a.hdr_specials { background: url(../images/interface/hdr_foot_specials.png) no-repeat top left }
			
			dl.foot_box dt a.hdr_promotions { background: url(../images/interface/hdr_foot_promotions.png) no-repeat top left }

			dl.foot_box dt a.hdr_newsletter { background: url(../images/interface/hdr_foot_newsletter.png) no-repeat top left }

	dl.foot_box dd { 
		background:  #e8e8e8 url(../images/interface/footer_grad.png) repeat-x  top left; 
		min-height: 120px; 
		padding: 10px;
		border-bottom: 1px solid #dcdcdc;
	}
	dl.foot_box dd p {
		padding-top: 5px;
	} 
		dl.foot_box dd ul li { margin-bottom: 5px; 	list-style: none !important; }
		
	 	dl.foot_box dd ul li a {
	 		font-size: 1.3em;
	 		font-weight: bold;
	 		text-decoration: none;
	 		color: #5b5a58;
	 	}
	 	 dl.foot_box dd ul li a.featured_promo {
	 	 	font-size: 1.4em;
	 	 	color: #403f3b;
	 	 }
	 	 
/* H1 TITLES */

h1#ttl_history,h1#ttl_menu,h1#ttl_specials,h1#ttl_photos,h1#ttl_recipies,
h1#ttl_catering,h1#ttl_contact,h1#ttl_survey,h1#ttl_blog, h1#ttl_home,h1#ttl_press {	
	text-indent: -9999px;
	width: 886px;
	height: 23px;
	margin-top: -45px;
}	

h1#ttl_home { background: transparent url(../images/interface/ttl_home.png) no-repeat }

h1#ttl_history { background: transparent url(../images/interface/ttl_history.png) no-repeat }

h1#ttl_menu { background: transparent url(../images/interface/ttl_menu.png) no-repeat }

h1#ttl_specials { background: transparent url(../images/interface/ttl_specials.png) no-repeat }

h1#ttl_photos { background: transparent url(../images/interface/ttl_photos.png) no-repeat }

h1#ttl_catering { background: transparent url(../images/interface/ttl_catering.png) no-repeat }

h1#ttl_contact { background: transparent url(../images/interface/ttl_contact.png) no-repeat }

h1#ttl_survey { background: transparent url(../images/interface/ttl_survey.png) no-repeat }

h1#ttl_recipies { background: transparent url(../images/interface/ttl_recipies.png) no-repeat }

h1#ttl_blog { background: transparent url(../images/interface/ttl_blog.png) no-repeat }

h1#ttl_press { background: transparent url(../images/interface/ttl_press.png) no-repeat }

/* NEWSLETTER BOX*/

form#nl_form legend { 
	font-size: 0.8em;
	color: #736f67;	
}

form#nl_form input#nl_address {
	width: 250px;
	height:22px;
	background: #d6d6d6;
	border: 1px solid #afafaf;
	color: #000;
	font-size: 1em;
	margin-top:5px;
	padding: 5px 3px;
}


form#nl_form #btn_join {
	float: right;
	margin: 5px 8px 0 0;
}
p#copyright, p#copyright a { color: #BABABA; clear: both; width: 410px;}
p#copyright {

	font-size: .8em;
	float: left;
}

img#lro_img {
	position: relative;
	top: -12px;
	
}


/* CMS Related styles */
div.content { padding-left: 10px;}
div#tabs-wrapper {
	width: 900px;
	background: #CAA84F;
	border: 1px dotted #ddd;
	margin: 20px 0;
	padding: 10px;
}
div#tabs-wrapper h2 { color: #000}
div#tabs-wrapper h2:before { content: "EDIT: ";}
	div#tabs-wrapper ul.tabs {
		display: inline;
		background: #CAA84F;
	}
	div#tabs-wrapper ul.tabs li {
		float: left;
		padding: 0 10px;
		background: #CAA84F;

	}
		div#tabs-wrapper ul.tabs li a { margin: 0 5px;}

div#main_content ul { padding-left: 30px;}		
	div#main_content ul li { list-style: url(../images/interface/li_flame.png); }		
			div#main_content ul li a { font-size: 1.3em;}
			
.intext_img { float: left; padding: 10px 10px 10px 0 }


dl.specials_col { float: left; color: #000; width: 300px; margin: 0 50px 30px 30px; zoom: 1;height; auto;}
dl.specials_col ol { padding-left: 30px; margin: 5px 0;}
dl.specials_col ol li { list-style-type: decimal  }


/* SPECIALS PROMOTIONS */
dl.promo { 
	color: #000;
	float: left;
	margin: 15px 0;
}

dt.promo { cursor: pointer }

dl.spec_push { margin-left: 100px;}

dd.f_promo { 
	background: #CFCFCF;
	border: 1px solid #8E8E8E;
	margin: 15px 0;
	padding: 10px;
}	


dd.promo  {
	background: #DFDFDF;
	border: 1px solid #8E8E8E;
	margin: 15px 0;
	padding: 10px;
}

dd.promo p { font-size: 1.1em !important}

h2.callout {
	color: #000;
	font-size: 1.55em;
	line-height: 1.44em;
	margin: 12px 0;
	font-weight: normal !important;
	width:95% !important;
}

p.highlight_box {
	padding: 10px;
	background: #000;
	border: 1px dotted #ddd;
	color: #fff !important;
	font-size: 1.3em !important;
	width: 90% !important;
	margin: 20px 0 !important;
	text-align:center;
}
.intext-img-right {
	float: right;
	padding: 10px 0 10px 10px;
}

a.more_link {
	font-size: .8em;
	font-weight: bold;
}
h3.content_subhead {
	background: #C8A64F;
	padding: 7px;
	text-transform: uppercase;
	color: #000;
	width:94% !important;
	border: 1px dotted #8F7735;
	margin: 25px 0;
}
p.menu_callout a { color: #fff }
p.menu_callout {
	background: #000 !important;
	color: #fff !important;
	padding: 15px 10px 15px 8px !important;
	float: right;
	font-size: 1.1em !important;
	margin:0 40px 10px 15px !important;
}

table.spec_table {
	width: 75%;
	margin:0 auto;
	border-spacing: 10px
}

table.spec_table td {
	width: 25%;
	padding: 10px;
	background: #D8D8D8;
	margin-right:3px;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
	border: 1px solid #3F3F3F;
}

table.spec_table td:hover {
	color: #fff;
	background: #000;
}

table.spec_table td.f_cell {
	background: #CFAC4D !important;
}
table.fa_table {
	width: 96%;
	
	border-spacing: 10px
}

table.fa_table td {
	min-width: 16%;
	padding: 5px;
	background: #D8D8D8;
	margin-right:3px;
	border: 1px solid #BFBFBF;
}
table.fa_table td a {
	font-size: 10px;
	font-weight: bold;
}

p.hide_photos {
display: none;
}

ul.links {
display: none;
}

#contact_info{ 	
	
	width: 880px !important;
	padding: 0 50px 5px 0;
}

#contact-mail-page {
	margin-left:20px;
}
#contact-mail-page input, #edit-message {
	border: 1px solid #1F1F1F;
	background: #D6D6D6;
	margin-bottom: 15px;
}
#edit-name { width: 200px }
#edit-mail { width: 275px }
#edit-submit {
	background: #000 !important;
	color: #fff;
	height:30px !important;
	padding:0 5px !important;
	border: 1px solid #D6D6D6;
}
#contact-mail-page input {
	height: 20px;
	padding: 5px 5px 0 5px;
	font-size: 1.2em;
}
#cont_address div { 
	margin: 7px 0 0 150px !important;
	width: 300px !important;
	display: inline;
}
#edit-message {
	font-family : Georgia, Times New Roman, Times, serif;
	font-size:  1.1em;
	height: 150px;	
}

div.item-list{
	float: right;
	width: 170px;
	font-size: 1em;
	list-style: none;
	margin-right: 25px;
	
}
div.item-list ul li{
height: 20px;
list-style: none !important;
padding: 10px;
background: #000;
}

div.item-list ul li a {
	color: #fff;
	font-size: 0.9em !important;

}

div#admin_bar {
margin: 0 0 0 140px;
font-size: 1.2em;

}

div#menu_cont {
	width: 95%;
	margin-top: 15px;
		
}
div#menu_cont > div {
	float: left;
	margin-right: 40px;
}
div.download_pdf {
	background:#000000 none repeat scroll 0 0 !important;
	color:#FFFFFF !important;
	float:left;
	font-weight: normal;
	width: 278px;
	font-size:1.025em !important;
	text-align: center;
	padding: 15px !important;
	margin: 20px 0 0 20px;
	border: 1px solid #ddd;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	
	border-radius-bottomright: 10px;
	border-radius-topleft: 10px;
	

}
div.download_pdf a {
color: #fff !important;
font-weight: bold;
}

#jvid_link {
	left:626px;
	position:relative;
	top:-273px;
}

div#footer_logos {
	float: left;
	width: 200px;
}
	img.media_logo{
		margin-left: 25px;
	
	}
	
#tweetbox {
	height: 37px;
	position: relative;
	top: -90px;
	width: 831px;
	float: right;
	line-height: 1.2em;
	left: -25px;
}
	#tweetbox a {
		position: relative;
		text-decoration: none;
		z-index: 1;
	}
		#tweetbox a:hover {  
			color: #000;
			text-decoration: underline;
		}
	#tb_left {
		float:left;
		width: 15px;
	}

	#tb_center {
		float:left;
		background: url(/images/interface/tweetbox_bg.png) repeat-x;
		max-width: 714px;
		height: 37px;
		overflow: hidden;
		
	}
	#tb_center ul { 
		margin-top: 7px;
		text-align: right;
	}
		#tb_center .meta {
			color: #90D2ED;
			float: right;
			font-size: 0.85em;
			padding-left: 10px;
			font-style: italic;
			position: absolute;
			top: 20px;
			margin-top: 6px;
			background: #EFFAFF;
			border: 1px solid #D4D4D2;
			padding: 3px;
			z-index: 222;
			-moz-border-radius: 5px; 
			-webkit-border-radius: 5px;
		}


	#tb_right {
		float:left;
		width: 34px;
	
	}

	#tb_logo {
		float:left;
		width: 32px;
	}
		#tb_logo img {
			position: relative;
			left: -7px;
			top: 4px;
		}

#photo_table {
	width: 650px;
	margin: 25px auto;
}

/*for MC current edition in footer */

.display_archive {
	font-style: italic;
	font-size: 11px;
	margin-top: -2px;
}
.display_archive a {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
}
	.display_archive a:hover {
		text-decoration: underline;
		color: #7E6D30;
	}

.campaign {
	line-height: 125%; margin: 5px;
}
#nl_plug strong {
	font-size: 0.9em;
	text-transform: uppercase;
}
#nl_plug_nav {
	float: right;
	width: 135px;
	padding: 1px 5px;
	margin-top: 3px;
	margin-right: 5px;
	border: 1px dotted #DFDFDF;
	background: #EFEFEF;
	font-size: 0.8em;
	text-align: center;
	text-transform: uppercase;
}
#nl_plug_nav a {
	text-decoration: none;
}
#nl_plug_nav a:hover {
	text-decoration: underline;
}

#feed_box {
	margin: 5px auto 18px auto;
	padding: 8px;
	background: #000;
	width: 648px;
	text-align: center;
	color: #fff;
	border: 1px solid #E6E6E3;
}
	#feed_box a {
		color: #CFAC4D;
		font-weight: bold;
		margin: 0 3px;
	}
		#feed_box a:hover {
			color: #D8D8D8;
			text-decoration: underline;
		}
		


/* Press page */

#mm_cont {
	margin-bottom: 15px;

}

#mm_cont ul li {
	margin-bottom: 10px;
}
#mm_cont h3 {
	margin-bottom: 10px !important;
	padding-bottom: 10px;
}
	#mm_cont hr {
		margin: 20px 0;
		padding:0 !important;
		width:96%;
	}
.y_overall {
	display: block;
	float: left;
	margin:15px 10px;
}
.y_review {
	border-bottom:1px solid #D8D8D8;
	margin-bottom:20px;
	padding-bottom:12px;
	width:95%;
}

.y_readmore {
	font-size: 0.85em;
	font-style: italic;
}

#y_meta {
	padding: 3px 10px;
	background: #D8D8D8;
	border: 1px solid #CFCFCF;
	overflow: hidden;
	width: 410px;
	margin: 0 0 20px; 0;
}
	a.y_metalink  {
		display:block;
		margin-top:13px;
		float:right;
	}

.y_logo {
	float: left;
	height: 42px;
}