@charset "utf-8";/* CSS Document */
@import url(reset.css);

/* ----- Layout ----- */
body{ background:#1f0c07 url(../images/background.jpg) repeat-x; }
#header{ height:270px; width:880px; padding:10px 10px 10px 20px; margin:auto; margin-top:10px; background:url(../images/background.png); }
#logo{ float:left; }
#infobar{ height:35px; width:920px; margin:auto; background:#7e2f10; clear:both; text-align:center; }
#contentwrap{ width:890px; margin:auto; }
#content{ width:630px; padding:10px; background:#faf2cc; float:left; }
.half{ width:48%; float:left; }

/* ----- Navigation ----- */
#nav{width:230px; background:url(../images/background.png); float:left; padding-bottom:10px;}
#nav ul{ margin-top:10px; }
#nav ul li{ margin-bottom:10px; color:#7c1c1e; list-style:disc; }
#nav ul li a, #nav ul li a:visited{ color:#fff; font-size:21px; }
#nav ul li a:hover{ color:#7c1c1e; }
#nav ul li.active, #nav ul li.active:hover, #nav ul li a.active, #nav ul li a.active:hover{ color:#FCB040; }

/* ----- Main Content Styling ----- */
#infobar p { color:#fff; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:35px; }
.bg{ padding-left:20px; background:url(../images/divider.gif) repeat-y; }
#content h1{ margin-bottom:10px; color:#773F1A; font-size:28px; }
#content h2{ margin:5px 0 5px 0; color:#7E2F10; font-size:20px; }
#content h2.row2{ margin-top:40px; }
#content p{ margin-bottom:10px; color:#201000; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; }
#content a, #content a:visited{ color:#7E2F10; }
#content a:hover{ color:#b16805; }

ul.hours{ padding-left:15px; margin-left:10px; background:url(../images/hours.gif) no-repeat; }
ul.hours li{ margin-bottom:6px; font-size:12px; font-family:Arial, Helvetica, sans-serif; }

/* ----- Dinner Menu ----- */
dl{ margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; line-height:1em; }
dt{ margin:10px 0 3px 0; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; }
dd{ margin:0px 0px 0px 8px; font-size:12px; line-height:1.3em; }
dd.price{ color:#7E2F10; font-style:italic; font-size:12px; }
div.spacer{ height:60px; width:600px; background:url(../images/spacer.gif); clear:both; }
dd span{ font-weight:bold; }

/* ----- Location ---- */
iframe{ border: 2px solid #1F0C07; }
iframe span{ color:#fff; }

/* ----- Photo Gallery ----- */
#photogallery{ width:630px; padding:4px 0 0 2px; background:#ffffee; border:1px solid #ccbbaa; }
#photogallery a img { margin:2px; border:1px solid #eee; }
#photogallery a img:hover{ border:1px solid #1F0C07; }

/* ----- Slideshow ----- */
#slideshow { height:244px; width:634px; margin:10px 10px 0 0; position:relative; float:right; }
#slideshow div { position:absolute; top:0; left:0; z-index:2; }
#slideshow div.active { z-index:4; }
#slideshow div.last-active { z-index:3; }
.slide{ border:0; }

/* ----- Upcoming Events ----- */
div.event{ width:600px; padding:10px; margin-bottom:10px; background:#FBF4DC; overflow:auto; border:1px solid #ccc; }
.event img{ float:left; border:1px solid #1f0c07; }
.event dl{ width:370px; margin:0 0 0 10px; float:left; color:#201000; }
.event dt{ margin-bottom:10px; color:#7E2F10; font-size:16px; }
.event dd{ margin-bottom:5px; }
.event strong{ font-weight:bold; }

/* ----- Footer ----- */
#footer{ width:630px; padding:10px 10px; margin-top:5px; background:url(../images/logo.gif) no-repeat; background-position:right; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#footer ul{ padding:5px 0; margin:0 0 10px 0; }
#footer li{ padding-right:20px; display:inline; }
#footer a{ color:#7f5c47; text-decoration:none; }
#footer a:hover{ color:#9f6c57; text-decoration:underline; }
#footer p{ color:#7f5c47; }
#footer p a{ text-decoration:underline; }

/* Contact Page */
.form{float:left; margin-right:12px;}
fieldset { border:0;margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
label { display:block; margin-top:10px; margin-bottom:4px;}
input{margin-bottom:10px;}
input.text, textarea {background-color:#fafafa; width:440px; font-size:1em; font-family:"Courier New", Courier, monospace; color:#333;padding:4px;margin:1px 0;border:2px solid #bbb; vertical-align:bottom;}
input.submit { height:35px; padding:0px 5px;font:bold 12px/12px verdana,arial,sans-serif; }
input:focus, textarea:focus{border:2px solid #888;  padding: 4px;  font-size: 1em;  background-color: #fff; }