@charset "utf-8";
/* CSS Document */

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, 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: Geneva, Arial, Helvetica, sans-serif;
}

body {
	background-color: #2b1710;
	color:#bd9466;
	font-size:16px;
}
p {margin:0 0 12px 0;}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	height:400px;
	width:960px;


	}
#wrapper tr {color:#bd9466;}

#wrapper span {color:#fff;}

#wrapper a {color:#fff;}

#mainArea {
	width: 960px;
	background-repeat:no-repeat;
	float:left;
}
 
#logo {width: 300px; float:left;}
#logoimage {margin-bottom: 65px;}
#bestof {
	margin-top: 35px;
	text-align: right;
}
#bestofsm {
	margin-top: 15px;
	text-align: right;
	margin-right: 100px;
}
#mainNav {
	float: left;
	margin-top: 30px;
	}
#mainNavSub {
	float: left;
	margin-top: 10px;
	}
#left_col {
	float:left;
	width:256px;
	min-height:200px;
	padding:25px 24px;
}
#right_col {
	float:right;
	width:656px;
	min-height:200px
}
#footer{
	margin-left: auto; 
	margin-right: auto;
	margin-bottom: 50px;
	padding-left:0;
	padding-bottom:25px;
	width:960px;
	color:#a3876f;
}
		.menu {
	color:#aa8c6a;
	font-size:15px;
	background-color:#2b1710;
	layer-background-color:#2b1710;
	line-height: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
		}
		.menu a:hover {color: #FFF;}
		.menu a {color:#aa8c6a; text-decoration: none;}

    td div {
      /* this makes TDs a container with their own coordinate system.
         absolutely-positioned elements will be offset relative to them */
      position:relative;
      }
#signup { width: 280px; float:left;  }
#signup p {font-size: 14px;}
#location { width: 650px; float:left; margin-top: 30px; margin-left: 20px; float:left; font-size: 14px; }
#location span .number {color:#000;}
#location p {font-size: 14spx;}
#enterbutton { float: left; margin-top: 6px; padding: 0px; }
#mb-ydtdl-ydtdl { float: left; margin-top: 10px; padding: 0px; width: 160px; }

#dailySpecials {width: 566px; background-color: #ba9467; margin-top: 15px; float:left; }
#dailySpecials img { margin: 15px 0px 10px 10px}
#menuBack { background-color: #1e0f0c; border: 3px #ba9467 solid; }

#menuBack h4,h3 {color:#fff; fontsize:20;margin-left:10px;}
#menuBack p {color:#fff;margin-left:75px;}
#menuBack div {padding:10px 10px 10px 0;}
#soon p {font-size:20px; color:#fff; text-align:center; margin:100px 0 100px 0;}

/*thanksgiving hack */
#dailySpecials2 {width: 566px; background-color: #ba9467; margin-top: 15px; float:left; }
.padding {padding:25px;}
 
#menuBack2 {
background-color: #1e0f0c;
border: 3px #ba9467 solid;
margin: 0px;
}
#menuBack2 div {margin:0;}

/* HORIZONTAL FREESTYLE MENU LAYOUT */

/* All <ul> tags in the menu including the first level */

.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */

.menulist ul {
 display: none;
 position: absolute;
 top: 2.3em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 200px;
 background-color:#2B1710;
}

/* Second and third etc. level submenus - position across from parent instead */

.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/

.menulist li {
 float: left;
 display: block;
 position: relative;
/* background: #8cd13d;*/
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */

.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
 text-indent:0;
}

.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Top level Menu Links */

.menulist li a {
 display: block;
 padding: 0px;
 color: #000;
 text-decoration: none;
 line-height:46px;
}

/* Sub menu links */

.menulist ul li a {
 display: block;
 padding: 0px;
 color: #fff;
 font-weight:bold;
 text-decoration: none;
 width:183px;
 line-height:1.1em;
 padding:7px 0 12px 17px;
 margin-bottom:1px;
}

.menulist ul li a:hover {
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */

.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 /*background-color: #2ab3e5;*/
}

.menulist a.highlighted {
 color: #FFF;
 /*background-color: #C86;*/
}

.menulist li.item57 { background: url(images/nav_sprite.gif) no-repeat top left;background-position: 0 -1px;text-indent:-3000px; width:115px;} 
.menulist li.item56 { background: url(images/nav_sprite.gif) no-repeat top left;background-position: 0 -51px;text-indent:-3000px;width:109px; } 
.menulist li.item55 { background: url(images/nav_sprite.gif) no-repeat top left;background-position: 0 -101px;text-indent:-3000px; width:101px;} 
.menulist li.item53 { background: url(images/nav_sprite.gif) no-repeat top left;background-position: 0 -151px;text-indent:-3000px;width:120px; } 
.menulist li.item58 { background: url(images/nav_sprite.gif) no-repeat top left;background-position: 0 -201px;text-indent:-3000px;width:86px; } 
.menulist li.item66 { background: url(images/nav_sprite.gif) no-repeat top left;background-position: 0 -251px;text-indent:-3000px;width:131px; } 

.menulist li.item57 a {width:115px;} 
.menulist li.item56 a {width:109px; } 
.menulist li.item55 a {width:101px;} 
.menulist li.item53 a {width:120px; } 
.menulist li.item58 a {width:86px; } 
.menulist li.item66 a {width:131px; }

.menulist li.item57 a ul li a{width:183px;} 
.menulist li.item56 a ul li a{width:183px; } 
.menulist li.item55 a ul li a{width:183px;} 
.menulist li.item53 a ul li a{width:183px;} 
.menulist li.item58 a ul li a{width:183px;} 
.menulist li.item66 a ul li a{width:183px;} 


/*
 If you want per-item background images in your menu items, here's how to do it.

 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">

 2) Copy and paste these next lines for each link you want to have an image:

    .menulist a#xyz {

      background-image: url(out.gif);

    }

    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {

     background-image: url(over.gif);

    }

*/



/* Only style submenu indicators within submenus. */

.menulist a .subind {
 display: none;
}

.menulist ul a .subind {
 display: block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */

.menulist a {
 float: left;
}

.menulist ul a {
 float: none;
}

/* \*/

.menulist a {

 float: none;

}

/* */





/*

 HACKS: IE/Win:

 A small height on <li> and <a> tags and floating prevents gaps in menu.

 * html affects <=IE6 and *:first-child+html affects IE7.

 You may want to move these to browser-specific style sheets.

*/

*:first-child+html .menulist ul li {

 float: left;

 width: 100%;

}



* html .menulist ul li {

 float: left;

 height: 1%;

}

* html .menulist ul a {

 height: 1%;

}

/* End Hacks */