/* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { min-height: 100%; margin-bottom: 1px; } /** html body { padding-left: 1px; }*/ body { text-align: center; font: 12px arial, helvetica, sans-serif; color: #333; background: #028957; } table, th, td { font: 12px arial, helvetica, sans-serif; color: #333; } a img, :link img, :visited img { border: none; } a:link { color: #e51b24; text-decoration: underline; } a:visited { color: #e51b24; text-decoration: underline; } a:hover, a:active { color: #e51b24; text-decoration: none; } #skip { display: none; } #outter_wrap { background: url(../images/bg_middle.gif) repeat-y 50% 0%; } #middle_wrap { background: url(../images/bg_top.jpg) no-repeat 50% 0%; } #bottom_wrap { padding: 0 0 50px; background: url(../images/bg_bottom.gif) no-repeat 50% 100%; } #h_bottom_wrap { padding: 0 0 33px; background: url(../images/bg_bottom.gif) no-repeat 50% 100%; } #container { margin: 0 auto; width: 760px; text-align: left; } h1 { font-family: times, serif; font-size: 22px; color: #c2371a; padding-bottom: 5px; } h2 { font-family: times, serif; font-size: 16px; color: #c2371a; padding-bottom: 5px; } .sidebar { float: right; width: 200px; display: block; font-size: 11px; border-left: 1px solid #c2371a; padding-left: 20px; margin-left: 40px; margin-bottom: 20px; } /* NAVIGATION ------------------------------------------------------------------------------------- */ #nav { position: absolute; top: 119px; left: 0; width: 760px; height: 32px; background: red; } #nav li { float: left; position: relative; height: 32px; list-style: none; } #nav li a { cursor: pointer; } #nav li a, #nav li div { position: relative; display: block; height: 32px; text-decoration: none; color: #fff; font-size: 14px; } #nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 32px; } #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(../images/nav.gif); } #nav li.beer, #nav li.beer a, #nav li.beer a strong { background-position: 0px 0px; width: 123px; } #nav li.food, #nav li.food a, #nav li.food a strong { background-position: -123px 0px; width: 143px; } #nav li.happening, #nav li.happening a, #nav li.happening a strong { background-position: -266px -0px; width: 195px; } #nav li.who, #nav li.who a, #nav li.who a strong { background-position: -461px 0px; width: 144px; } #nav li.merchandise, #nav li.merchandise a, #nav li.merchandise a strong { background-position: -605px 0px; width: 155px; } /* HOVER STATE */ #nav li.beer a:hover, #nav li.beer a:hover strong { background-position: 0px -32px; width: 123px; } #nav li.food a:hover, #nav li.food a:hover strong { background-position: -123px -32px; width: 143px; } #nav li.happening a:hover, #nav li.happening a:hover strong { background-position: -266px -32px; width: 195px; } #nav li.who a:hover, #nav li.who a:hover strong { background-position: -461px -32px; width: 144px; } #nav li.merchandise a:hover, #nav li.merchandise a:hover strong { background-position: -605px -32px; width: 155px; } /* ON STATE */ #nav li.beeron, #nav li.beeron strong, #nav li.beeron div { background-position: 0px -64px; width: 123px; } #nav li.foodon, #nav li.foodon strong, #nav li.foodon div { background-position: -123px -64px; width: 143px; } #nav li.happeningon, #nav li.happeningon strong, #nav li.happeningon div { background-position: -266px -64px; width: 195px; } #nav li.whoon, #nav li.whoon strong, #nav li.whoon div { background-position: -461px -64px; width: 144px; } #nav li.merchandiseon, #nav li.merchandiseon strong, #nav li.merchandiseon div { background-position: -605px -64px; width: 155px; } p.social {margin-top:-10px;padding:0 0 0 20px;} a.first {margin-right:5px;} /* HOME PAGE ------------------------------------------------------------------------------------- */ #header, #h_header { position: relative; z-index: 50; } #header { height: 151px; background: url(../images/bg_header.gif) no-repeat 0% 100%; } #h_header { height: 79px; } #mainlogo { position: absolute; top: 0px; left: 275px; } #h_content, #content { margin: 0 0 17px; } #content { margin: 0; background: #fbac33; width:100% } #h_content { background: url(../images/bg_h_content.gif) repeat-y 100% 0%; } .maincol { position: relative; width: 560px; float: left; } .welcome { position: relative; display: block; width: 560px; height: 250px; background: url(../images/bg_welcome.jpg) no-repeat 0% 0%; } .statement { position: absolute; top: 60px; left: 282px; width: 215px; height: 150px; } .statement p { color: #faf7ee; line-height: 20px; } .welcome_flash { position: relative; display: block; width: 560px; height: 370px; } #primary { height: 118px; background: #fbac33; border-top: 1px solid #fbac33; } #primary li { float: left; position: relative; height: 118px; list-style: none; } #primary li a { position: relative; display: block; height: 118px; text-decoration: none; color: #fff; font-size: 14px; cursor: pointer; } #primary li strong { position: absolute; top: 0px; left: 0px; display: block; height: 118px; } #primary li, #primary li a, #primary li strong { background-image: url(../images/primary_nav.jpg); } #primary li.ourbeer, #primary li.ourbeer a, #primary li.ourbeer a strong { background-position: 0px 0px; width: 186px; } #primary li.ourfood, #primary li.ourfood a, #primary li.ourfood a strong { background-position: -186px 0px; width: 187px; } #primary li.whoweare, #primary li.whoweare a, #primary li.whoweare a strong { background-position: -373px 0px; width: 187px; } /* HOVER */ #primary li.ourbeer a:hover, #primary li.ourbeer a:hover strong { background-position: 0px -118px; width: 186px; } #primary li.ourfood a:hover, #primary li.ourfood a:hover strong { background-position: -186px -118px; width: 187px; } #primary li.whoweare a:hover, #primary li.whoweare a:hover strong { background-position: -373px -118px; width: 187px; } #secondary { padding: 15px 0 0; width: 560px; height: 95px; border-top: 1px solid #fbac33; background: url(../images/bg_secondary.gif) repeat-x 0% 0%; } * html #secondary { height: 110px; he\ight: 95px; } #secondary .nl, #secondary .pg { float: left; position: relative; height: 80px; } #secondary .nl { margin: 0 10px 0 5px; padding: 0 8px; width: 244px; background: #7d5619 url(../images/bg_newsletter.gif) repeat-x 0% 0%; } #secondary .nl form { padding: 6px 0 0 0; } #secondary .nl form .input { padding: 2px 1px 1px 2px; width: 115px; font: 11px arial, sans-serif; background: url(../images/bg_input.gif) no-repeat 0% 0%; border: 1px solid #01764a; } #secondary .nl form .btn { margin-top: 8px; } #secondary .pg {} .subcol { width: 200px; float: left; background: #c2371a; } .subcol .pad { padding: 0 15px; } .happening_list { padding: 9px 0 14px; } .happening_list li { position: relative; list-style: none; } #h_content .happening_list a { padding: 2px 0 3px 20px; display: block; height: 1%; font-weight: bold; text-decoration: none; color: #fbac33; background: url(../images/icon_shamrock.gif) no-repeat 0px 3px; } #h_content .happening_list a:hover { background: #c84b30 url(../images/icon_shamrock.gif) no-repeat 0px 3px; } address { margin: 0 auto; text-indent: -3000px; display: block; width: 152px; height: 72px; background: url(../images/address.gif) no-repeat 0% 100%; } /* SUB PAGES ------------------------------------------------------------------------------------- */ .flasharea { padding: 0 0 42px; background: url(../images/bg_chairrail.jpg) no-repeat 0% 100%; } .col_wrap { background: #fbac33 url(../images/bg_col_wrap.gif) repeat-x 0% 0%; width:100%; } .col_wide { padding: 30px 25px 0; background: none; } .col_wide p { margin-bottom: 18px; } .col { padding: 30px 25px 0; float: left; width: 330px; } * html .col { width: 380px; w\idth: 330px; } .col p.aligncenter { padding: 12px 0 0; } .menu { padding: 17px 0 23px; color: #000; } .menu dt { font-size: 14px; line-height: 15px; font-weight: bold; } .menu dd { padding: 0 0 14px; line-height: 15px; } .menu dd li { list-style: none; margin: 0 0 0 20px; } .housespecialty { padding: 8px 10px; background: #c9e486; } .housespecialty h3 { padding: 0 0 8px; color: #c33618; font-size: 14px; font-weight: bold; text-transform: uppercase; line-height: 15px; } .housespecialty .menu { padding: 0; } .housespecialty .menu dt {} .housespecialty .menu dd { padding: 0; } .wine_wrap { margin: 0 15px; clear: both; border: 2px solid #de7126; } .wine_wrap h4 { text-indent: -3000px; height: 48px; background: url(../images/title_wine.gif) no-repeat 50% 0%; } .wine { padding: 17px 9px; } .wine dl { padding: 0; } .wine dd { padding: 0; } .dessertbev {width:inherit; border:none; padding-left: 25px; padding-right: 25px;} .bevs { width: 550px; text-align: left; border: thin; border-style: solid; font-size: 14px; padding:10px; color: #000; margin-left: 100px; } .bevs p {text-align:center;} .bev1 {float: left; padding-right:30px;} .bev2 {float: right; padding-left:30px;} .winelist { margin:0 auto; width:80%; } .winelist td { padding:0 0 3px; font-style:italic; } .winelist .sep-full td { padding-top:20px; } .winelist .sep-half td { padding-top:10px; } .sides table { width:220px; float:left; display:inline; } .sides table.left { margin:0 85px 0 104px; } .sides table td { font-weight:bold; color:#000; } .price td { font-weight:bold; color:#000; } .new { padding-right:70px; background:url(../images/bg-new.png) no-repeat 100% -1px; } .fiji {color:#CC3399;} .glass {position: absolute; left: 600px;} .bottle {position: absolute; left: 700px;} .g1 {position:absolute; left: 500px;} .latestNews {width: 500px; margin: 10px auto 20px; text-align: center;} .latestNews a {margin: 10px 20px;} .latestNews img {border: 0; text-decoration: none;} .breakfasthours { padding: 30px 0 0; text-align: center; } .colbf1 {float: left; padding: 0px; width: 350px;} .colbf2 {float: right; padding: 0px; width: 350px;} .col_wrap h4 { padding: 0 0 10px; text-align: center; font-size: 16px; text-transform: uppercase; clear: both; color: #000; } .sides_wrap { margin: 0 auto; width: 300px; } .sides_wrap .sides { padding: 0 0 40px; color: #000; } .sides_wrap .sides li { list-style: none; } div img.footimg1 {float: left;} #footer { position:relative; margin: -35px auto 0; padding: 0 12px; width: 736px; text-align: left; color: #fbac33; font-size: 12px; } * html #footer { width: 760px; w\idth: 736px; } #footer a { color: #cce7dd; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .floatright { font-size: 10px; } #address {position:absolute;top:3px;left:0;width:400px;} #footernav { margin:5px 0 5px 10px; position:relative;float:right;font-size:10px; } .welcome h2 { margin-bottom: 5px; font-size: 18px; font-weight: bold; color: #fbac33; } p.date {margin: 0} ul.events {} ul.events p {margin: 0 0 10px 0; padding: 0; font-weight: bold; font-size: 14px; color: #028957;} ul.events li { list-style-type:none; margin: 0 0 15px 20px; background: url(../images/icon_shamrock.gif) no-repeat 0px 3px; padding: 2px 0 3px 20px;} /* sIFR ------------------------------------------------------------------------------------- */ /* THESE ARE STANDARD sIFR STYLES... DO NOT MODIFY */ .sIFR-flash { margin: 0; visibility: visible !important; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* HIDE ADBLOCK OBJECT TAB: THE TEXT SHOULD SHOW UP JUST FINE, NOT POORLY WITH A TAB LAID OVER IT. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* THESE "DECOY" STYLES ARE USED TO HIDE THE BROWSER TEXT BEFORE IT IS REPLACED. */ .sIFR-hasFlash .welcome h2 { visibility: hidden; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ .hide { display: none; } .clear { clear: both; } br.clear { line-height: 0px; height: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* FIXES MAC IE */ * html .clearfix { /*\*/height: 1%; display: block;/**/ } .floatleft { float: left; position: relative; margin: 0 10px 5px 0; } .floatright { float: right; position: relative; margin: 0 0 5px 10px; } .alignleft { text-align: left; } .alignright { text-align: right; } .aligncenter { text-align: center; } .last { padding-bottom: 0; } .lastpad { padding-bottom: 14px; text-align: center }