@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, 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: 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 {}
#wrapper span {color:#fff;}
#wrapper a {color:#fff;}
#outter_wrapper {
width: 566px;
background-color: #ba9467;
margin-top: 15px;
float:left;
}
#inner_wrapper {
background-color: #1e0f0c;
border: 3px #ba9467 solid;
margin: 0px;
padding:15px;
}
#mainArea {
width: 1054px;
background-repeat:no-repeat;
float:left;
}
h1.componentheading {
margin: 15px 0px 10px 10px;
font-family: Arial,Helvetica,sans-serif;
font-size: 18px;
color: #fff;
font-weight: bold;
}
#logo {width: 300px; float:left;}
#logoimage {margin-bottom: 65px;}
#bestof {
margin-top: 55px;
text-align: right;
margin-right: 100px;
}
#bestofsm {
margin-top: 15px;
text-align: right;
margin-right: 100px;
}
#mainNav {
float: left;
margin-top: 69px;
}
#mainNavSub {
float: left;
margin-top: 10px;
width:660px;
}
#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}
#soon p {font-size:20px; color:#fff; text-align:center; margin:100px 0 100px 0;}
.padding {padding:25px;}
/* HORIZONTAL FREESTYLE MENU LAYOUT */
/* All tags in the menu including the first level */
.menulist, .menulist ul {
margin: 0;
padding: 0;
list-style: none;
}
/* Submenus ( 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 (- 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; }
/*
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:
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
- and 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 */