/************* universal reset *****************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {outline: 0;}
a {outline:none;}
.clear {clear: both;}

/******** body settings ********/

body {
background:#282525 url(images/bg.gif) top left no-repeat;
color:#333;
font-family:'tahoma','trebuchet ms',verdana,arial,helvetica,sans-serif;
font-size: 1em;
padding-bottom:30px;
text-align:left;
}

body#error {background:#fff;}

/******** wrapper for all content **************/

#wrapper {
width:940px;
display: block;
margin:20px auto;
background:#fff;
position:relative;
overflow:hidden;
}

/**** fading display main page *****/

#fade {
position:relative;
height:350px;
width:940px;
padding:0;
margin:0;
overflow:hidden;
background-color: #fff;
background-repeat: no-repeat;
background-position:0px 0px;
z-index:50;
}

#fade a img, #fade img {margin:0;padding:0;}
#fade ul {
position:absolute;
list-style:none;
z-index: 5;
}

.logo {
position: absolute;
top:25px;left:30px;
width:80%;
text-align:left;
height:100%;
background:transparent;
z-index:6;
overflow: hidden;
}

/**** main menu *****************/

#menu {width:100%;}

#menu ul {
background:#be1302;
padding:5px 0 5px 24px;
text-align:left;
}

#menu ul li {
list-style:none;
display:inline;
}

.current{color:#b6ae96;}

#menu ul li a, .current {
padding:0 10px 0 10px;
font-size:1em;
text-decoration:none;
font-weight:normal;
letter-spacing:0.1em;
text-transform:uppercase;
}

#menu ul li a:link {color:#fff;text-decoration:none;}
#menu ul li a:visited {color:#fff;text-decoration:none;}
#menu ul li a:hover {color:#b6ae96;text-decoration:none;}
#menu ul li a:active {color:#b6ae96;text-decoration:none;}

/*************** LAYOUT *******************/

.content {
background:#fff;
float:left;
width:940px;
padding:25px 0 30px 0;
position:relative;
overflow:hidden;
}

/************** images *********************/

a img, img {
margin:15px 10px 5px 0;
padding:0;
border:0;
}

img.right {margin:0;padding:0;}
img.left {float:left;}

img.gall {margin:10px 10px 0 0;border:0;padding:0;}
img.feed {float:left;margin:2px 10px 0 0;padding:0;}

img {behavior: url(iepngfix.htc);}

/*****************************************/

.col {
position:relative;
float:left;
left:100%;
}

.wideright {
margin-left:-610px;
width:520px;
}

.wideleft {
margin-left:-910px;
width:520px;
}

.area1 {
margin-left:-910px;
width:260px;
}

.area2 {
margin-left:-615px;
width:260px;
}

.area3 {
margin-left:-310px;
width:260px;
}

.widemenu {
margin-left:-910px;
width:540px;
clear:right;
}

.menuorder {
margin-left:-330px;
width:280px;
clear:right;
}

iframe {margin:10px 0 0 0;}

/************** styling ***************/

p {
font-size:0.8em;
padding-top:10px;
font-weight:normal;
line-height:1.4em;
}

p.small {font-size:70%;}
p.red {color:#be1302;}
p.line {border-bottom:1px dotted #b6ae96;padding:0 0 20px 0;margin:0 0 10px 0;}
p.bold {font-weight:bold;}
p.widecap {letter-spacing:3px;text-transform:uppercase;}

p.feed a, p.feed a:link, p.feed a:visited, p.feed a:active {color:#b6ae96;text-decoration:none;}
p.feed a:hover {color:#be1302;text-decoration:none;}

p.close a, p.close a:link, p.close a:visited {color:#b6ae96;float:right;margin:0 20px 0 0;text-decoration:none;}
p.close a:hover {color:#b6ae96;text-decoration:underline;}
p.close a:active {color:#b6ae96;text-decoration:none;}

a, a:link, a:visited {color:#be1302;text-decoration:none;}
a:hover {color:#be1302;text-decoration:underline;}
a:active {color:#be1302;text-decoration:none;}

h2 {
font-size:1.3em;
font-weight:normal;
color:#be1302;
}
h2 a, h2 a:link, h2 a:visited {text-decoration:none;}
h2 a:hover {color:#be1302;text-decoration:underline;}
h2 a:active {text-decoration:none;}

h2.date {font-size:1.2em;}

h3 {
font-size:1.1em;
font-weight:normal;
color:#666;
border-bottom:1px dotted #b6ae96;
padding:10px 0;
}

/*** menu def list ****/

dl {font-size:0.8em;}

dt {
padding:10px 0 0 0;
font-weight:normal;
color:#be1302;
}

dd {
padding:0 0 10px 0;
border-bottom:1px dotted #b6ae96;
line-height:1.4em;
}

/***** footer ******/

#footer {
border-top:1px solid #b6ae96;
background:#fff;
padding:20px 0;
}

#footer a, #footer a:link, #footer a:visited #footer a:active {
color:#be1302;
text-decoration:none;
}
#footer a:hover {text-decoration:underline;}

/************ credits ***************/

.credit {
clear:both;
background:#282525;
font-size:.75em;
text-align:left;
padding:10px 0 0 0;
color:#b6ae96;
}

a:link.foot {color:#716d61;text-decoration:none;}
a:visited.foot {color:#716d61;text-decoration:none;}
a:hover.foot {color:#716d61;text-decoration:underline;}
a:active.foot {color:#716d61;text-decoration:none;}


/********************* FORM - Newsletter *************************/

form.newsletter {
background:#fff;
text-align:left;
width:250px;
padding:5px 0 10px 0;
margin:10px 0 0 0;
border:1px solid #b6ae96;
}

input, textarea {background:#eee;padding:2px;color:#333;}
textarea {border:1px solid #b6ae96;margin:0 0 0 20px;}

p.form {margin:0 0 0 10px;}

.textname, .textemail {width:170px;border:1px solid #b6ae96;}
.textname {margin:0 0 0 8px;}
.textemail {margin:0 0 0 10px;}

.submit {
letter-spacing:2px;
margin:5px 0 0 125px;
width:100px;
border:1px solid #be1302;
background: #fff;
color:#be1302;
}
.submit:hover {
border:1px solid #be1302;
background:#be1302;
color:#fff;
}

/************************ GUESTBOOK *********************************/

form {
width:100%;
border:1px solid #b6ae96;
margin:0;
}

.ddgb_wrapper {
font-size: 90%;
clear:both;
width:100%;
padding:5px 0 0 0;
}

.ddgb_wrapper a img {border:0;background:#fff;}
.ddgb_wrapper a {color: #be1302;text-decoration:none;}
.ddgb_wrapper a:hover {color: #be1302;text-decoration: underline;}

.ddgb_entry {
	background: #f8f8f8;
	border: 1px solid #ddd;
	margin: 0 0 15px 0;
	padding: 8px 10px 8px 10px;
	text-align: left;
}
.mod {
	background: #005abe;
	color: #fff;
	display: inline;
	padding: 1px 10px 1px 10px;
	margin-right: 10px;
}
.mod a {color: #fff;}
.mod a:hover {color: #ccc;}

.ddgb_entry p {
margin:0 0 8px 0;;
padding:0;
line-height:135%;
font-size:1.1em;
color:#333;
}

.ddgb_entry h2 {
	margin: 3px 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #333;
	font-weight:bold;
}
.ddgb_info {
	font-size: 90%;
	color: #555;
	float: right;
	margin:0;
	text-align:right;
}
.ddgb_admin {
	font-size: 85%;
	color: #555;
	text-align: right;
	padding: 3px 8px 3px 8px;
	border: 1px solid #bbb;
	background: #e0e0e0;
}
.ddgb_h {font-weight:normal;padding:0;margin:0;}

.ddgb_entrybox {text-align: left;}

.ddgb_entrybox h2 {
	margin:0;
	padding:0;
	font-size:200%;
	color:#333;
}
.ddgb_entrybox input {
	background: #F8F8F8;
	border: 1px solid #bbb;
}
.ddgb_entrybox textarea {
	background: #F8F8F8;
	border: 1px solid #bbb;
	margin:0;
}
.ddgb_entrybox table {
	font-size: 90%;
	color: #666;
}
.ddgb_entrybox li {
	margin: 0 0 5px 0;
}
.ddgb_nav {text-align: left;}

.sub_comm {
letter-spacing:2px;
margin:5px 0 0 0;
width:100px;
border:1px solid #be1302;
background: #fff;
color:#be1302;
}
.sub_comm:hover {
border:1px solid #be1302;
background:#be1302;
color:#fff;
}

/************** twitter widget **************/

.twtr-widget{position:relative;font-size:12px!important;font-family:'tahoma','trebuchet ms',verdana,arial,helvetica,sans-serif!important;zoom:1;}
.twtr-fullscreen{font-size:220%!important;}
.twtr-widget .twtr-spinner{width:14px;height:14px;position:absolute;background:url(http://widgets.twimg.com/j/1/spinner.gif) no-repeat;top:5px;right:10px;}
.twtr-inactive{display:none;}
.twtr-widget a img{border:0!important;}
.twtr-doc{font-size:1.8em;overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.twtr-bd{padding:0 1px;}
.twtr-widget .twtr-tweet-wrap{padding:6px 0;overflow:hidden;zoom:1;}
.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}
.twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;zoom:1;}
.twtr-widget .twtr-tweet a.twtr-reply{visibility:hidden;}
* html .twtr-widget .twtr-tweet a.twtr-reply{visibility:visible;}
.twtr-widget .twtr-tweet:hover a.twtr-reply{visibility:visible;}
.twtr-widget-profile img.twtr-profile-img{display:none;}
.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}
.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0!important;}
.twtr-widget h3{font-size:9px!important;font-weight:normal!important;color:#be1302;}
.twtr-widget h4{font-size:16px!important;font-weight:bold;}
.twtr-widget i{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}
.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden;}
.twtr-fullscreen .twtr-hd{height:0;padding:0;}
.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px;}
.twtr-flat .twtr-timeline{overflow-x:hidden;overflow-y:scroll;}
.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}

.twtr-ft{position:relative;}
.twtr-ft div{overflow:hidden;padding:10px;zoom:1;}
.twtr-ft span{float:right;text-align:right;}
.twtr-ft a{float:left;display:block;}
.twtr-ft span a{float:none;}
.twtr-ft{font-size:.5em;}
.twtr-ft{display:none;}

.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}
.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}
.twtr-img{height:25px;width:25px;}
.twtr-img img{width:30px;height:30px;}
.twtr-fullscreen .twtr-img img{width:72px;height:72px;}
.twtr-fullscreen a.twtr-join-conv{display:none;}
.twtr-tweet-text{margin-left:40px;}
.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}
.twtr-doc a{text-decoration:none!important;}
.twtr-doc a:hover{text-decoration:underline!important;}

/******************* menu page THE MENU *****************************************/

div.menu {
height:690px;
border:1px solid #ddd;
overflow:scroll; 
overflow-x: hidden;
}

table.menu {
font-size:.85em;
width:520px;
margin:10px 0 0 0;
border-width:1px;
border-collapse:collapse;
}

table.menu tr {}

table.menu th {
text-align:left;
font-size:1em;
color:#fff;
padding: 5px;
border:1px solid #eee;
background-color:#be1302;
-moz-border-radius: 0px;
}
table.menu td {
border:1px solid #ded6c0;
padding: 5px;
-moz-border-radius: 0px;
}

tr.menuitem {background-color: #eee;}
tr.menuitem.hover {background-color:#ddd;cursor:pointer;}
tr.menuitem.ordered {background-color: #b6ae96;}

/******************************* menu - THE ORDER ****************************/

div.order {
border:1px solid #b6ae96;
margin:10px 0 0 0;
padding: 0px 10px 10px 10px;
min-height:300px;
background:#fff;
}
div.order.disabled {background:#eee url(images/lunch.gif) top left no-repeat;}

p.smallmenu {font-size:70%;margin:0;padding:3px 0 0 0;}
p.menulinks {cursor:pointer;margin:0 0 5px 0;}

.orderitem {
position: relative;
width:260px;
border-bottom:1px solid #ddd;
padding:10px 0;
font-size:0.8em;
padding-top:10px;
font-weight:normal;
line-height:1.4em;
}

.orderDescription {position:relative;width:240px;}

.remove {
position:absolute;top:12px;right:0;
border:0;
background:#fff;
color:#be1302;
margin:0;padding:0;
font-size:0.7em;
line-height:normal;
font-weight:bold;
height:10px;
cursor:pointer;
}

#removeall {
position:relative;top:28px;right:0;
background:#fff url(images/remove.gif) top center no-repeat;
width:20px;
float:right;
padding:0 0 5px 0;
}

span.quantity {letter-spacing:2px;font-weight:bold;border:1px solid #b6ae96;margin:0 2px;padding:0 4px;}
span.up, span.down {cursor:pointer;font-weight:bold;color:#b6ae96;}
span.down {margin:0 0 0 4px;}
span.up {margin:0;}

.options {border:1px hidden transparent;margin:0 0 0 4px; /*background-color: #fff;*/display: block;}
.show.options {border-left:1px solid #ddd; /*background-color:#fff;*/ z-index: 1000;line-height:1.6em;display: block;}
.show .option {display: block;}
.option {cursor:pointer; font-weight:lighter; padding:0 4px; width:100%;display: none;}
.option.selected {font-style:normal; font-weight:normal; line-height:1.6em;display: block;}
.option span span.quantity {font-weight: normal;}
.option.selected span span.quantity {font-weight: bold;}

/*********************** FORM - menu order form ******************************/

form.orderform {
background:#fff;
text-align:left;
width:280px;
padding:5px 0 10px 0;
margin:20px 0 0 0;
border:1px solid #b6ae96;
}

form textarea.orderfield {display: none;}

input, textarea {background:#eee;padding:2px;color:#333;}
textarea {border:1px solid #b6ae96;margin:0 0 0 12px;}

p.form {margin:0 0 0 10px;}
p.msg {margin:0 0 10px 12px}

form.orderform .textcollect {width:157px;border:1px solid #b6ae96;}
form.orderform .textname, form.orderform .textemail, form.orderform .textphone {width:200px;border:1px solid #b6ae96;}
form.orderform .textname {margin:0 0 0 8px;}
form.orderform .textemail {margin:0 0 0 10px;}
form.orderform .textphone {margin:0 0 0 6px;}

form.orderform .submit {
letter-spacing:2px;
margin:5px 0 0 105px;
width:150px;
border:1px solid #be1302;
background: #fff;
color:#be1302;
cursor:pointer;
}
form.orderform .submit:hover {
border:1px solid #be1302;
background:#be1302;
color:#fff;
}

.prompt {color:#999;}


