body{ margin: 0; padding: 0; background: #000 url(../images/topleaves.png) top repeat-x; font-family: arial, verdana, tahoma, sans-serif; color: #ddd; text-align: center; }
img{border:none;}
a{color: #bfbfff; text-decoration: none; border-bottom: 1px #66c dashed; }
a:hover{ color: #adcdf7; }
a.img{ border: none; }
a img{ border: 1px solid transparent; }
a:hover img{ border: 1px solid #d1173e; }
h3{ color: #D1173E; margin: 0; font-size: 2.1em; line-height: .8; font-weight: normal; letter-spacing: -1px; clear:both; position:relative; }
strong{ color: #eee; font-size:1.1em; font-weight:bold;}
strong.tall{ font-size: 1.2em; font-weight: normal; }
#menu strong{color:#000;}
.eventsdiv strong{font-variant:small-caps;}
p{margin-top:0;}

.clearfix{ overflow: hidden; }
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix{ height: 1%; }
.bigger{ font-size: 1.1em; }
.center{ text-align: center; }
.floatr{ float: right; }
.floatl{ float: left; }
.width40{ width: 40%; }
.red{ color: #D1173E;}
em.red{font-size:1.1em;}
.center{ text-align: center; }
.defaultsize{ font-size: 1em !important; }
.b{ font-weight: bold !important; }
.clear{ clear: both; }

/* TOOLBOX ----------- */
@media screen{
    .hideme{display:none;}
}


#logo{ width: 202px; height: 27px; position: relative; z-index: 200; float: left; }
#logo a{ display: block; width: 202px; height: 27px; background: url(../images/topleftlogo.gif) top left no-repeat; border: none; }

/* SPLASH PAGE ---------------------------- */
#splash{ text-align: left; width: 653px; margin: 0 auto; color: #726859; color: #463F31; color: #564f41; }
#splashnav{ margin: 0 0 0 20px; padding: 10px 90px 10px 0; text-align: center; position: relative; position: relative; z-index: 100; }
#splashnav li{ display: inline; }
#splashnav a{ font-size: 1.2em; text-decoration: none; color: #ccc; padding: 5px 10px 0 25px; border: none; }
#splashnav a.calendar{ background: url(../images/tree-blue.gif) left no-repeat; }
#splashnav a.daily{ background: url(../images/tree-orange.gif) left no-repeat; }
#splashnav a.menu{ background: url(../images/tree-purple.gif) left no-repeat; }
#splashnav a.karaoke{ background: url(../images/tree-red.gif) left no-repeat; }
#splashnav a.drinks{ background: url(../images/tree-red.gif) left no-repeat; }
#splashnav a.photo{ background: url(../images/tree-green.gif) left no-repeat; }
#splashnav a.home{ background: url(../images/tree-tan.gif) left no-repeat; }
#splashnav a:hover{ color: #fff; background: url(../images/tree-yellow.gif) left no-repeat; }
#splashnav .photos{ position: absolute; right: 0; top: 3px; width: 120px; }
#splashnav .photos a{ display: block; width: 120px; height: 120px; background: url(../images/poloroid.gif) top right no-repeat; font-family: garamond, "palatino linotype", georgia, serif; font-size: 1.3em; }
#splashnav .photos a:hover{ display: block; width: 120px; height: 120px; background: url(../images/poloroid2.gif) top right no-repeat; }
#splashnav .photos a span{ position: absolute; left: -30px; bottom: 40px; color: #b22; font-style: italic; font-weight: bold; text-transform: lowercase; font-size: 1.3em; color: #D1173E; }
#splashanimation{ background: url(../images/splashbot.png) bottom repeat-x; position: relative; top:-59px; margin: 0 auto; z-index: 1000; width: 653px; height: 59px; }
.splashinfo{ text-align: left; padding: 20px 0 60px 0; font-size: 1.3em; }
.splashinfo p{ margin: 0; padding: 0; }
.splashinfo .float{ float: right; width: 50%; text-align: right; }

/* EVENTS -------------------------- */
div#dailydiv{ width: 650px; margin: 0 auto; color: #ccc; text-align: left; }
h2#dailyh2{ height: 65px; background: url(../images/dailyevents.gif) center center no-repeat; margin: 20px 0 0 0; }
h3.bluebars{ font-weight: normal; font-size: 1.1em; text-align: center; margin: 40px 0 0 0; padding: 0 0 42px 0; background: url(../images/bluebarstop.gif) top repeat-x; color: #fff; }
.dailydl{ margin: 0; padding: 0 0 30px 0; }
.dailydl dt{ font-family: garamond; font-style: italic; font-size: 1.6em; margin-top: 10px; color: #D1173E; text-transform: lowercase; }
.dailydl dd{ margin: 0 0 0 100px; position: relative; top: -2em; }
div#special{ width: 650px; margin: 0 auto; color: #ccc; padding: 0 0 30px 0; text-align: left; }
.eventsdiv h3{ margin-top:.7em; }
.eventsdiv p{ margin: 0 0 4px 0; padding: 3px; background: #101018; }
#specialh2{ height: 65px; background: url(../images/specialevents.gif) center center no-repeat; margin: 20px 0 30px 0; }
.specialbox{ border: 2px dotted #666; border-top: none; border-bottom: none; background: url(../images/headerfade.gif) top repeat-x; }
.specialbox2{ padding: 45px 20px 5px 20px; border: 1px solid #bbb; background: url(../images/headerfade.gif) 0px 20px repeat-x; border-top: none; border-bottom: none; }
.specialbox p{ margin: 0; padding: 0 0 15px 0; }
.eventsdiv h3{font-size:1.2em;}

/* MENUS --------------------------- */
div#drinksdiv{ width: 650px; margin: 0 auto; color: #ccc; padding: 0 0 30px 0; text-align: left; }
h2#drinks{ height: 65px; background: url(../images/drinksheader.gif) center center no-repeat; margin: 20px 0 30px 0; }
#menu{ padding: 35px 0 0 0; font-size: .9em; }
.menu1{ background: url("../images/menuback.jpg") 0px 100px repeat-y; width: 670px; margin: 0 auto; padding: 0 0 20px 0; position: relative; color: #000; text-align: left; overflow: visible; }
.menu2{ background: url("../images/menutop.jpg")  no-repeat; padding: 10px 20px; }
.menu1 h3{ font-style: italic; font-weight: normal; font-size: 3.9em; margin: 0; padding: 30px 0 0; text-transform: lowercase; font-family: garamond, "palatino linotype", georgia, serif; }
.menu1 h5{ font-weight: normal; font-style: italic; font-size: 1.4em; color: #003; margin: 0; padding: 15px 0 0 0; }
.menu1 dl{ margin: 0; padding: 0; }
.menu1 dt{ font-size: 1.3em; color: #521; padding: 10px 0 0 0; font-weight: bold; }
.menu1 dd{ color: #444; }
.menu1 .price{ color: #172; color: #293; display: block; }
.menu1 blockquote{ font-style: italic; }
.menu1 ul{ list-style: none; text-align: center; }
.menu1 li{ float: left; padding: 0 10px; color: #006; }
h2#lunchmenu{ width: 411px; height: 43px; background: url(../images/lunchmenu.gif) top left no-repeat; margin: 10px 0 0 10px; }
h3#lunchhours{ width: 323px; height: 23px; background: url(../images/lunchhours.gif) top left no-repeat; margin: 20px 0 -30px 50px; }
a.eveninglink{ display: block; width: 199px; height: 199px; background: url(../images/eveninglink.gif) top left no-repeat; position: absolute; top: 10px; right: 10px; border: none; }
h2#eveningmenu{ width: 482px; height: 43px; background: url(../images/eveningmenu.gif) top left no-repeat; position: absolute; top: 0; right: 10px; margin: 20px 0 -30px 50px; }
a.lunchlink{ display: block; height: 153px; width: 153px; background: url(../images/lunchlink.gif) top left no-repeat; margin: 0 0 15px 0; border: none; }
h3#eveninghours{ width: 354px; height: 23px; background: url(../images/eveninghours.gif) top left no-repeat; margin: 0; position: absolute; top: 95px; right: 10px; }

/* PHOTOS -------------------- */
#photosh2{ height: 65px; background: url(../images/photosheader.gif) center center no-repeat; margin: 20px 0 0 0; }
div#photos{ width: 652px; margin: 0 auto; color: #ccc; padding: 0 0 30px 0; text-align: left; }
#captioncontest h3{ /*color: #D1173E; margin: 0; text-transform: lowercase; font-size: 2.1em; line-height: .8; font-weight: normal; letter-spacing: -1px;*/ }
#captioncontest p{ margin: 0 0 1em 0; }
#captioncontest a img{border:3px solid #400;}
#captioncontest a:hover img{ border-color: #d1173e; }

/* FOOTER -------------------- */
#footer{ clear: both; text-align: center; font-size: .8em; border-top: 1px dashed #555; padding: 10px 0 20px 0; background: url(../images/footerfade.gif) top repeat-x; color: #888; }
#footer p{ margin: 0; padding: 0px; }