body {background-color:black;}
body.pagedrink {background:#080904 url(/images/back_drink.jpg) no-repeat 0 -32px;}
body.pageeat {background:#080904 url(/images/back_sweet.jpg) no-repeat 0 -32px;}
body.pageart {background:#080904 url(/images/back_art.jpg) no-repeat 0 -32px;}
body.pagecalendar {background:#080904 url(/images/back_calendar.jpg) no-repeat 0 -32px;;}
body.pagewifi {background:#080904 url(/images/back_wifi.jpg) no-repeat 0 -32px;}
body.pagespecials {background:#080904 url(/images/back_specials.jpg) no-repeat 0 -32px;}
body.pageabout {background:#080904 url(/images/blueridgemountains2.jpg) no-repeat 0 -32px;}
body.index {background:black url(/images/blueridgemountains2.jpg) no-repeat 0 -32px;}
body.pagedirections {background:black url(/images/back_directions.jpg) no-repeat 0 -32px;}
body.pagelinks {background:black url(/images/back_links.jpg) no-repeat 0 -32px;}

#container {display:block;position:relative;width:850px;margin:0 auto;border:1px solid black;border-left:none;}
h1#logo a {display:block;position:absolute;width:237px;height:233px;background:transparent url(/images/driplogo-new-shiny.gif) no-repeat;z-index:15;top:0px;right:-27px;}
h1 span {display:none;}
h2#logocity {display:block;position:absolute;width:214px;height:29px;top:38px;right:204px;background:transparent url(/images/ashevillenc.gif);}
/*h2#logocity {display:block;position:absolute;width:214px;height:29px;top:76px;right:204px;background:transparent url(/images/ashevillenc.gif);}*/
h2#logocity span {display:none;}

#back {display:block;position:absolute;background:white;width:844px;height:385px;border:3px solid black;top:110px;z-index:5;}
#body {display:block;position:relative;background:#C86339;width:830px;height:460px;border:3px solid black;z-index:10;top:70px;left:7px;}

/* front page */
.index h1#logo {display:block;position:absolute;width:237px;height:233px;background:transparent url(/images/driplogo-new-shiny.gif) no-repeat;z-index:15;top:0px;right:-27px;}
div#opening {float:right;width:315px;margin:122px 50px 0 0;color:white;font-family:verdana,arial;font-weight:normal;font-style:italic;font-size:1.3em;}
#words {display:block;position:relative;margin:42px 0 0 48px;}
.index #back {border-color:white;}
.index #body {background:black url(/images/newdripfront.jpg) bottom right no-repeat;border:3px solid #C86339;}
.index #body h1 a {display:block;position:relative;color:white;display:block;position:relative;opacity:1;filter:alpha(opacity=100);margin-bottom:22px;}
.index #body h1 a:hover {opacity:0.6;filter:alpha(opacity=60);}
.index #body h1 span {display:none;}


h1#frontdrink a {width:104px;height:29px;background:transparent url(/images/mdrink.gif) no-repeat;}
h1#frontart a {width:55px;height:28px;background:transparent url(/images/mart.gif) no-repeat;}
h1#frontcalendar a {width:161px;height:29px;background:transparent url(/images/mcalendar.gif) no-repeat;}
h1#frontspecials a {width:147px;height:36px;background:transparent url(/images/mspecials.gif) no-repeat;}
h1#fronteat a {width:56px;height:28px;background:transparent url(/images/meat.gif) no-repeat;}

a#bestoflink {display:block;width:346px;margin-top:50px;text-decoration:none;font-size:13px;font-family:verdana,arial;font-weight:bold;color:white;}
#bestoflink img {display:block;float:left;margin-right:4px;border:1px solid black;}
a#bestoflink:hover {opacity:0.6;filter:alpha(opacity=60);}
/* end front page */


#nav {display:block;background:black;height:35px;margin:14px 20px;border: 1px solid white;padding-left:12px;z-index:4;}
#nav a {color:white; text-decoration:none;line-height:1.7em;font-family:verdana,sans-serif;font-size:1.1em;letter-spacing:1px;}
#nav a:hover {color:#C86339;}
#nav li {display:inline;padding:3px 11px;}

#content {display:block;width:755px;margin:18px auto 0;}
h3#sectionhead {font-size:48px;color:white;}
h3#sectionhead span {display:none;}
.pagedrink h3#sectionhead {width:173px;height:47px;background:transparent url(/images/sdrink.gif);}
.pageeat h3#sectionhead {width:93px;height:44px;background:transparent url(/images/seat.gif);}
.pagesweet h3#sectionhead {width:176px;height:44px;background:transparent url(/images/ssweet.gif);}
.pageart h3#sectionhead {width:90px;height:44px;background:transparent url(/images/sart.gif);}
.pagecalendar h3#sectionhead {width:272px;height:47px;background:transparent url(/images/scalendar.gif);}
.pagewifi h3#sectionhead {width:123px;height:46px;background:transparent url(/images/swifi.gif);}
.pagespecials h3#sectionhead {width:248px;height:58px;background:transparent url(/images/sspecials.gif);}
.pagelinks h3#sectionhead {width:153px;height:46px;background:transparent url(/images/slinks.gif);}
.pageabout h3#sectionhead {width:174px;height:45px;background:transparent url(/images/sabout.gif);}
.pagedirections h3#sectionhead {width:314px;height:47px;background:transparent url(/images/sdirections.gif);}

#content .rt {display:block;float:right;margin-top:8px;margin-right:8px;}
#content .rt img.lg {height:250px;float:none;clear:right;}
#content .rt img.sm {display:inline;height:50px;margin:4px 6px 0;}
#content .rt img#sideimage {border:2px solid black;}
#content .rt#directionsblock {width:300px;color:white;font-family:verdana;font-size:12px;line-height:1.2em;}
#content .rt#cal {width:305px;height:261px;}
.rt #photocredit {display:none;position:absolute;bottom:1px;right:0px;font-family:verdana,arial;font-size:9px;line-height:12px;}

#gallery {position:relative; height:225px; width:375px; background:transparent url(/images/fuzzyback.png) no-repeat;z-index:20;}
#sideimage img {position:absolute;top:8px;border:2px solid #000;}
#thumbwrapper {margin-top:-33px; padding:0; width:100%; height:50px;}
#thumbs {position:absolute; list-style:none;}
#thumbs li {float:left;margin-right:-3px; cursor:pointer;border:2px solid black;opacity:.5;filter:alpha(opacity=50);}
#thumbs li:hover {opacity:1;filter:alpha(opacity=100);}

#content #paragraph {display:block;position:relative;width:325px;height:330px;overflow-y:auto;color:white;line-height:1.3em;margin-left:20px;font-family:verdana,arial,sans-serif;font-size:12px;line-height:1.5em;}
#paragraph p {margin:1em 0;}
#paragraph strong {font-weight:bold;font-size:110%;}
#paragraph p a {color:white;font-weight:bold;background:#AF502B;}
.pagedirections #paragraph {border:1px solid black;}
.pagelinks #content #paragraph {width:700px;}

.pagedrink #drink a,
.pageeat #eat a,
.pagesweet #sweet a,
.pageart #art a,
.pagecalendar #calendar a,
.pageabout #about a,
.pagewifi #wifi a,
.pagespecials #specials a {font-size:140%;color:#C86339;font-weight:bold;vertical-align:middle;font-family:georgia,times,serif;}


a#blkmtnlink {display:block;float:right;width:220px;opacity:0.6;filter:alpha(opacity=60);}
a#blkmtnlink:hover {opacity:1;filter:alpha(opacity=100);}
#foot {display:block;width:100%;position:absolute;color:white;top:548px;font-family:verdana,arial,sans-serif;font-size:11px;line-height:1.8em;}
#foot p {text-align:center;width:482px;}
#foot a {color:white;letter-spacing:2px;margin:0 6px;}
#linktome {position:absolute;right:3px;}
#linktome ul li {display:inline;padding-left:2px;}
#linktome ul li a img {width:32px;height:32px;opacity:.6;filter:alpha(opacity=60);}
#linktome ul li a:hover img {opacity:1;filter:alpha(opacity=100);}