/* 
 * Author: Melissa Dettloff
 * Created: 11/06/08
*/

/* 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;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

/* html, body */
html {
    font-family: Tahoma, Verdana, sans-serif;
	font-size: 62.7%;
    }

body {
    background-color: #1c0f06;
    color: #a9a84c;
    }
	
/* id and classes */
div#branding {
	background: #1c0f06 url(../img/header-bg.png) repeat-x;
	height: 99px;
	}
	
div#branding-inner,
div#content-inner,
ul#link-list,
ul#copyright {
	margin: 0 auto;
	width: 960px;
	}

div#branding-inner {
	position: relative;
	background: url(../img/header-inner-bg.png) repeat-x 5px 0;
	height: 4px;
}

div#branding-inner h1 a {
	display: block;
	position: absolute;
	top: 0;
	left: -14px;
	width: 509px;
	height: 161px;
	background: url(../img/h1-a.png) no-repeat;
	text-indent: -9000px;
	}
	
div#content {
	padding-bottom: 80px;
	background: #513219 url(../img/content.png) repeat-x;
}

div#intro {
	float: left;
	width: 460px;
	margin: 0 10px 10px;
}

h2 {
	padding: 70px 0 10px 10px;
	color: #4e4119;
	font-size: 3em;
}

div#intro p {
	padding: 10px 10px 5px;
	font-size: 1.6em;
	line-height: 1.5;
}

div#intro a,
div#press ul li a {
	color: #a9a84c;
	border-bottom: 1px solid #806f3a;
	text-decoration: none;
}

div#intro a:hover,
div#press ul li a:hover {
	color: #d7d669;
	border: none;
}

div#intro img {
	margin: 25px 10px 0;
	border: 1px solid #24160b;
}
	
ul#location-phone {
	margin-left: 250px;
	}
	
html>body ul#location-phone {
	margin-left: 500px;
}

ul#location-phone,
ul#hours {
	float: left;
	margin-top: 15px;
	width: 210px;
	color: #754b26;
	font-size: 1.4em;
	line-height: 1.3;
}

ul#location-phone li a.gmap {
	margin-left: 3px;
	font-size: .8em;
	color: #56361b;
	border-bottom: 1px solid #432a15;
	font-style: italic;
	text-decoration: none;
	}
	
ul#location-phone li a:hover.gmap {
	color: #694221;
	border-bottom: 0;
	}
	
ul#location-phone li.phone {
	padding-top: 12px;
	}

ul#hours {
	margin-left: 30px;
	}
	
ul#hours li.alert {
	margin-top: 3px;
	color: #975c28;
	font-style: italic;
	}

div#menu {
	width: 204px;
	background: #181310 url(../img/specials.png) repeat-y;
	border: 2px solid #211006;
	text-transform: none;
}

html>body div#menu {
	border: 8px solid #211006;
}

div#menu-nav-wrapper {
	margin-left: 730px;
	padding-top: 10px;
	width: 220px;
	}
	
div#nav {
	margin-top: 30px;
	padding: 0 10px 10px;
	}
	
div#nav h4 {
	margin-bottom: 1px;
	}

div#nav h4 a.press {
	display: block;
	width: 171px;
	height: 36px;
	background: url(../img/h4-a-press.png) no-repeat;
	text-indent: -9000px;
	}
	
div#nav h4 a.catering {
	display: block;
	margin-top: 30px;
	width: 189px;
	height: 37px;
	background: url(../img/h4-a-catering.png) no-repeat;
	text-indent: -9000px;
	}

div#nav h4 a.contact {
	display: block;
	margin-top: 30px;
	width: 137px;
	height: 18px;
	background: url(../img/h4-a-contact.png) no-repeat;
	text-indent: -9000px;
	}
	
div#nav h4 a:hover.press,
div#nav h4 a:hover.catering,
div#nav h4 a:hover.contact,
div#branding-inner h1 a:hover {
	background-position: right bottom;
	}
	
div#nav p {
	color: #130a04;
	font-size: 1.2em;
	line-height: 1.2;
	}
	
div#nav p a {
	color: #130a04;
	border-bottom: 1px solid #201107;
	text-decoration: none;
	}
	
div#nav p a:hover {
	color: #260e00;
	border-bottom: none;
	}

ul#photos {
	float: left;
	margin: 80px 10px 0;
	width: 220px;
	}
	
ul#photos li {
	padding: 2em 0;
}

ul#photos li.first {
	padding-top: 0;
}

ul#photos li img {
	border: 1px solid #24160b;
}

div#press {
	float: left;
	width: 700px;
	margin-left: 10px;
	}

div#press ul {
	padding: 10px;
	font-size: 1.6em;
	}
	
div#press ul li {
	padding-top: 15px;
	}

div#specials {
	position: relative;
	width: 204px;
	}

div#specials h3 {
	display: block;
	position: absolute;
	left: 1px;
	top: -29px;
	width: 202px;
	height: 66px;
	background: url(../img/h3.png) no-repeat;
	text-indent: -9000px;
}

div#specials p {
	padding: 30px 10px 0;
	background: url(../img/specials-p.png) no-repeat 0 19px;
	color: #696561;
	font-size: 1.3em;
	}
	
div#specials p a {
	color: #696561;
	border-bottom: 1px solid #44413f;
	text-decoration: none;
	}
	
div#specials p a:hover {
	color: #837e79;
	border-bottom: none;
	}

div#specials span.bottom {
	display: block;
	padding: 5px 0 14px;
	width: 204px;
	height: 6px;
	background: url(../img/specials-bottom.png) no-repeat left bottom;
}

div#specials span.date {
	display: block;
	padding: 40px 10px 0;
	color: #3a3634;
	font-size: 1.2em;
	text-transform: uppercase;
}

div#specials span.top {
	display: block;
	padding-top: 5px;
	background: url(../img/content-specials.png) no-repeat;
}

div#specials span.twitter-link {
	display: block;
	margin-top: -20px;
	padding-right: 10px;
	color: #2e2b2b;
	font-size: 1em;
	font-style: italic;
	text-align: right;
	}
	
div#specials span.twitter-link a {
	color: #2e2b2b;
	border-bottom: 1px solid #2f2c2c;
	text-decoration: none;
	}
	
div#specials span.twitter-link a:hover,
ul#twitter_update_list li a:hover {
	color: #363332;
	border-bottom: none;
	}
	
ul#twitter_update_list {
	padding: 5px 10px;
	color: #696561;
	font-size: 1.2em;
	}
	
ul#twitter_update_list li {
	padding-bottom: 20px;
	}
	
ul#twitter_update_list li a {
	color: #2e2b2b;
	font-style: italic;
	text-decoration: none;
	}
	
ul#special-hours {
	padding: 30px 10px 0;
	color: #696561;
	font-size: 1.3em;
}
	
/* footer */ 

div#site-info {
	clear: both;
	background-color: #1c0f06;
	color: #4b3017;
	font-size: 1.1em;
}

div#site-info ul li {
	display: inline;
	padding: 0 6px 3px;
	border-right: 1px solid #291a0d;
}

div#site-info ul li.end {
	border: none;
}

div#site-info a {
	color: #4b3017;
	text-decoration: none;
	border-bottom: 1px solid #3b2512;
}

div#site-info a:hover {
	color: #7a4d27;
	text-decoration: none;
	border: none;
}

ul#copyright {
	padding: 20px 0 5px;
	}

ul#link-list {
	padding: 5px 0 60px;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
ul#special-hours li.italic {
	font-style: italic;
}