/* 
Title:		Proof Styles
Author:     Jason Pasch
Website: 	http://www.jasonpasch.com
*/
html {min-width: 770px}
body {
	text-align: left;
	font-size: small;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 0;
	background: #361f17 url(images/bg.jpg) top center repeat-y;
	text-align: center;
	color: #acab8b; 
	margin-left: 1px;
}
/* ---[ MAJOR IDS ]------------------------------- */
#wrapper	{
	width: 770px;
	padding: 0;
	text-align: left;
	font-size: 95%;
	line-height: 1.5em;
	margin: 0 auto;
}
#wrap {width: 560px; float: left; margin: 0 25px 0 5px; display: inline}
#content {width: 510px; margin: 0 20px 0 30px}
#header {width: 770px}
#header a {margin: 20px 0 0 368px; display: block; width: 194px; float: left}
#social {float: right; width: 132px; margin: 35px 0 0 0}
#social a {float: left; margin: 0 18px 0 0; width: 22px}
#side {width: 180px; float: left; clear: both}
#footer {
	border-top: 1px solid #3f2d25;
	padding: 15px 0 30px;
	margin-top: 20px;
	clear: both;
	float: left;
	width: 100%
}
#footer p {line-height: 1.5em; font-size: 90%; padding-bottom: 0; text-align: center}
#footer img {border-right: 1px solid #3f2d25; padding: 0 20px; margin-top: 15px}
#footer img.last {border: none}
#footer p#sister-restaurants {
border-top: 1px solid #3f2d25;
text-align: center;
margin-top: 10px;
padding-top: 10px;
text-transform: uppercase;
line-height: 2em;
font-size: 10px;
}
#team #content img {border: 3px solid #fcfbe3; float: left; margin: 5px 10px 0 0}
#team #content #footer img {border: none; float: right; margin: 0}
#moreTeam {padding: 10px 0 0 10px; line-height: 2.5em}
.main_img, #flashcontent {border: 3px solid #fcfbe3; margin-top: 25px; background-color: #200b05}
#flashcontent p {padding: 5px 10px 5px 10px; background-color: #9a4b20; color: #fff; border-bottom: 3px solid #fcfbe3}
/* ---[ NAVIGATION ]------------------------------- */
#nav {
	width: 160px;
	background: url(images/nav.gif);
	margin: 0 10px;
	padding: 0;
	float: left;
	list-style: none;
	display: inline
	}
	
#nav li	{
    width: 100%;
	margin: 0;
	padding: 0;
	float: right;
	clear: both
	}
	
#nav a {text-indent: -9999px; height: 40px; display: block; overflow: hidden}
#nav #n8 a {height: 50px}
	
#n1, #n2, #n3, #n4 , #n5, #n6, #n7, #n8 {left: 0; width: 160px}
#n1 a:hover, #home #n1 {background: transparent url(images/nav.gif) -160px 0 no-repeat}
#n2 a:hover, #restaurant #n2 {background: transparent url(images/nav.gif) -160px -40px no-repeat}
#n3 a:hover, #menus #n3 {background: transparent url(images/nav.gif) -160px -80px no-repeat}
#n4 a:hover, #reservations #n4 {background: transparent url(images/nav.gif) -160px -120px no-repeat}
#n5 a:hover, #hours #n5 {background: transparent url(images/nav.gif) -160px -160px no-repeat}
#n6 a:hover, #team #n6 {background: transparent url(images/nav.gif) -160px -200px no-repeat}
#n7 a:hover, #news #n7 {background: transparent url(images/nav.gif) -160px -240px no-repeat}
#n8 a:hover, #press #n8 {background: transparent url(images/nav.gif) -160px -280px no-repeat}
/* ---[ TEXT ]------------------------------- */
p {margin: 0; padding: 0 0 15px 0; line-height: 1.75em}
strong {font-weight: bold; color: #fcfbe3}
address {font-style: normal; float: left; width: 268px; line-height: 1.25em; padding: 0 0 0 10px; margin: 0}
/* ---[ HEADLINES ]------------------------------- */
h1 {text-indent: -9999px; background: transparent url(images/h1_home.gif) no-repeat 0 0; width: 100%; height: 30px; margin: 20px 0 15px 0; padding: 0}
#giftCerts h1 {background-image: url(images/h1_giftCerts.gif)}
#restaurant h1 {background-image: url(images/h1_restaurant.gif)}
#team h1 {background-image: url(images/h1_team.gif)}
#menus h1 {background-image: url(images/h1_menus.gif)}
#reservations h1 {background-image: url(images/h1_reservations.gif)}
#news h1 {background-image: url(images/h1_news.gif)}
#press h1 {background-image: url(images/h1_press.gif)}
#hours h1 {background-image: url(images/h1_hours.gif)}
#media h1 {text-indent: 0; background: none; width: auto; height: auto; margin: 0; padding: 10px 0 0 0; font-weight: normal; font-size: 130%}
h2 {font-weight: bold; font-size: 110%; color: #fcfbe3; padding: 0; margin: 0; clear: both}
h3 {font-weight: normal; font-size: 100%; color: #fcfbe3; padding: 0; margin: 0 0 5px 0}
#team h2 {padding: 10px 0 8px 10px; margin: 0 0 1px 0; background-color: #200b05; font-size: 100%; font-weight: normal}
#team h2.last {margin: 0}
h2 a {font-weight: bold}
/* ---[ LINKS ]------------------------------- */
a {color: #fcfbe3; text-decoration: underline; outline: none}
a:hover, a:visited:hover {color: #fcfbe3; text-decoration: none}
a:visited {color: #fcfbe3}
/* ---[ LISTS ]------------------------------- */
ul {margin: 0; padding: 0 0 15px 0; list-style: none}
li {margin-bottom: .50em}
dl {padding: 0 0 15px 0; margin: 0; float: left; display: inline}
lh {font-weight: bold; font-size: 110%; color: #fcfbe3}
dl em {color: #fcfbe3; font-style: normal}
/* ---[ MISC ]------------------------------- */
.view {margin-right: 20px}
#media img {margin-top: 10px}
#team #content div p {margin-top: 10px; padding-bottom: 5px}
#highlight {background-color: #200b05; padding: 10px; border-top: 1px solid #3f2d25; border-bottom: 1px solid #3f2d25; width: 490px}
#hours #highlight {border-bottom: none}
#home #highlight {margin-bottom: 15px; width: 225px; float: left; width: 490px}
#press #highlight {margin-bottom: 15px}
#highlight p, #highlight h1, #highlight h2 {padding: 0; margin: 0; line-height: 1.25em}
#highlight img {float: right; margin: 0 5px 0 0}
#highlight address img {float: none; padding: .5em 0 5px 0}
#dinner_lunch {float: left; margin-right: 0}
#menu_dl img {margin-bottom: 15px}
blockquote {font-size: 130%; line-height: 1.25em; text-align: center; padding: 0; margin: 0; color: #fcfbe3}
.attr {padding-left: 20px; text-align: center; font-size: 90%}
#newsTeaser {background-color: #200b05; padding: 10px; border-top: 1px solid #3f2d25; border-bottom: 1px solid #3f2d25; width: 225px; font-size: 130%; text-align: center; color: #fcfbe3; float: right; font-weight: bold}
#newsTeaser p {line-height: 1.5em; padding-bottom: 1.25em}
/* ---[ NEWSLETTER FORM ]------------------------------- */
form, #signUpList {background: transparent url(images/bg_form.jpg) no-repeat 0 0; clear: both; height: 90px; margin: 0; padding: 0}
input {position: relative; margin: 37px 0 0 0; padding: 0; float: right}
input#email {text-align: left; color: #acab8b; margin: 37px 0 0 0; padding: 0; width: 118px; float: left}
#input_holder {margin: 0 auto; width: 145px}
/* ---[ OPENTABLE FORM ]------------------------------- */
#reservations #content form, .reservations form {background: none; height: inherit; margin: 0; background-color: #200b05; padding: 10px; border-top: 1px solid #3f2d25}
#reservations #content input, .reservations input {margin: 0; padding: 0; width: inherit; float: none}
form table {width: 380px}
form table td {text-align: left}
form table table  {width: inherit; margin-bottom: 0px}
.feedTitle {display: none}