/*-------------------------- Structure Styles ---------------------------*/ * { margin:0; padding:0; } html, body { margin:0; padding:0; height:100%; } body { outline:0; background:#ffffd7 url(../images/bg_wood.jpg) repeat-x top; font-family:Arial, Helvetica, Verdana; } a:focus { outline:0; } #container { margin:0 auto; min-height:100%; position:relative; padding:0; width:100%; } h1 { margin: 20px 0px 10px 0px; text-align:left; } h2 { margin: 20px 0px 0px 0px; text-align:left; } h4 { margin: 0; } h5 { margin: 0; padding:10px 0px; text-align:left; } p { margin: 0; font-size:14px; color:#000; text-align:left; } /*-------------------------- Navigation Styles ---------------------------*/ #topnav { width:949px; height:184px; top:0; left:50%; position:absolute; z-index:5; margin:10px 0px 0px -475px; background:url(../images/bg.png) no-repeat center top; } #topnav ul { list-style:none; margin:0; padding:0; margin-top:81px; height:18px; } .nav-left li { display:inline; margin:0px 4px; } .nav-right li { display:inline; margin:0px 4px; } .nav-left { float:left; width:340px; } .nav-right { float:right; width:370px; } #topnav a { font-size:15px; text-decoration:none; color:#000; } #content-home-wrapper { margin:0 auto; padding:120px 0 112px 0; width:960px; } #content-wrapper { margin:0 auto; padding:170px 0 112px 0; width:960px; } #content-wrapper-beers { margin: 0 auto; padding: 170px 0 112px 0; width: 920px; } #content-wrapper-beers p { margin-bottom: 10px; } #content-wrapper-beers h1 { color: #e66d24; font-size: 18px; font-weight: bold; border-bottom: 1px solid #e66d24; } #content-wrapper-beers img { border: 1px solid #e66d24; margin: 5px 10px 0 0; float: left; } #homeflash { margin:0 auto; padding:0px 0 20px 0; width:940px; } #content-home-wrapper h2 { color:#de5d17; font-weight:bold; font-size:26px; margin:0 auto; padding:10px 0 0 0; width:300px; text-align:center; } #open { margin-top:15px; padding-top:15px; top:0; border-top:1px solid #999; } #open ul { margin:0; padding:0; list-style:none; } #open li { margin:0; padding:0 0 0 12px; display:inline; } /*-------------------------- Styles Banquet ---------------------------*/ #subnav { margin:0 auto; padding-bottom:30px; width:900px; display:block; } #subnav dl { list-style:none; margin-top:30px; text-align:center; } #subnav dd { width:150px; display:inline; margin:0px 7px; } #subnav a { font-size:20px; text-decoration:none; color:#333333; } #subnav a:hover { text-decoration:underline; color:#993333; } #list { margin:0 auto; width:900px; padding-bottom:30px; } #list h1 { color:#006671; font-size:16px; margin:10px 0px 14px 0px; } #list p { color:#000; font-size:12px; margin-top:10px; } #left_list { text-align:left; font-size:14px; width:430px; margin:0; padding:0; float:left; } #right_list { text-align:left; font-size:14px; width:430px; margin:0; padding:0; float:right; } #left_list h1, #right_list h1 { color:#000; margin:5px 0px 3px 10px; padding:0; font-weight:400; font-size:18px; } #left_list h1 .menu_titles, #right_list h1 .menu_titles { color:#de5d17; font-size:18px; } .menu_titles { color:#de5d17; font-weight:bold; } #right_list p, #left_list p { color:#000; width:410px; font-size:14px; margin:0px 0px 25px 10px; } #right_list .menu_brew, #left_list .menu_brew { color:#00418d; } #blue_box { width:426px; padding-bottom:12px; background:#d6dbed url(../menu/images/bottom.gif) no-repeat center bottom; } #blue_wrapper { width:426px; padding-top:12px; background:#d6dbed url(../menu/images/top.gif) no-repeat left top; } #dark_bg { width: 426px; padding:5px 0px; background: #152a40; } #dark_bg p, #dark_bg h1, #dark_bg .menu_brew{ color: #fff;} .note { font-size:8px; color:#B07D56; } #statement { margin: 0 auto; padding-bottom:10px; width:900px; } .sale { color:#F00; font-size:25px; font-weight:bold; } /*-------------------------- Styles Form ---------------------------*/ #forms { margin-top:20px; width:930px; height: 520px; background:#fff; padding:0px 5px 5px 5px; } #form_top { width:250px; background:#fff; margin-bottom:40px; padding-right:20px; float:left; } #form_bottom { width:309px; background:#fff; margin-bottom:40px; padding-right:20px; float:left; } #form_comment { margin:0; float:left; width:300px; } #comments { height:200px; margin-top:20px; padding:0; } #submit { width:80px; height:30px; font-size:16px; color:#666; margin-top:15px; } /*-------------------------- styles for form drop down ---------------------------*/ #form_bottom h2, #form_top h2, #form_comment h2 { background:#375c8e; color:#fff; font-size:15px; height:20px; width:310px; margin:0; padding:4px 0px 5px 20px; } #row_one, #row_two, #row_three, #row_four { margin-bottom:10px; } /*-------------------------- styles for form from MailChimp Newsletter Provider ---------------------------*/ #mc_embed_signup { width:600px; margin:0 auto; } /*-------------------------- Styles contact form ---------------------------*/ #left-direction { float:left; width:450px; } #right-direction { float:right; width:450px; } #submit { margin-bottom:40px; } /*-------------------------- Styles Media ---------------------------*/ #left_side { margin:0; float:left; text-align:left; width:300px; } #left_side a { color:#de4f00; font-size:14px; } #left_side a:hover { color:#666; } #left_side h1 { color:#133751; font-size:20px; text-align:left; } /*-- styles left side media navigation --*/ #articles { margin:0; text-align:left;} #articles dl { list-style:none; margin-bottom:30px; } #articles dd { margin-bottom:5px;} #staff { margin-bottom:30px; } #press-download { background:#b81e20; border:3px solid #90c6db; margin:20px 0; padding:10px 5px; } #press-download p, #press-download a, #press-download h1 { margin:0; padding:0; color:#fff; } #press-download h1 { font-weight:700; } #press-download a { padding:2px; } #press-download a:hover { background:#6CF; } #press-contact { margin:20px 0; } #download-logos { margin:20px 0; } #download-logos p { color:#666; margin:0; } #download-logos dl { list-style:none; margin:0; } #download-logos dd { margin:0; text-align:left;} #right_side { margin:0; float:right; width:600px; } #right_side a { color:#e00000; } #right_side a:hover { color:#666; } #right_side h1 { margin-bottom:5px; color:#133751; font-size:24px; text-align:left; } #right_side p { font-size:16px; margin-top:10px; } .article-date { font-size: 14px; color:#2d7aa4; } #video_side { margin-right:30px; float:right; width:551px; height:829px; } #taste { margin:40px 0px 0px 35px; width:500px; height:775px; } #alection { margin-top:40px; width:500px; } /*------------------------------------------------ styles for calendar area with the background image ------------------------------------------------*/ #calendar_wrapper { margin:0; padding-top:30px; width: 945px; / 938 */ /* 840 */ } #title h3 { text-align:left; margin:0; font-size:20px; color:#2d65a5; } #calendar { background:#fff; text-align: center; width:auto; border-left:1px solid #2d65a5; border-top:1px solid #2d65a5; } #calendar td { text-align: left; width: 135px; border-right: 1px solid #2d65a5; border-bottom: 1px solid #2d65a5; padding: 3px; } #calendar p { font-size: 12px; text-align: center; } .time { color: #2d65a5; font-weight: bold; } /*------------------------------------------------ styles for music area with the background image ------------------------------------------------*/ #featured { margin:0 auto; padding-top:30px; /* width: 926px; */ width:960px; } #featured ul { list-style:none; margin:0; padding:0; width:auto; margin-bottom: 10px; } #featured li { display:inline; margin-right: 10px; padding:0; } #featured img { /* border:2px solid #0088ff; */ border: 1px solid #29506b; } #left_featured { margin:0; padding:0; width:150px; float:right; } #left_featured ul { list-style:none; margin-top:10px; padding:0; } #left_featured li { margin:0; padding:0; } #left_featured img { border:2px solid #0088ff; } /*------------------------------------------------ styles for Brews and Views page ------------------------------------------------*/ #brew_views { width:923px; margin:0 auto; padding:40px 0px; } #brews_wrapper { float:right; margin:0; padding:0; top:0; width:350px; } #brews { margin:0; padding:0; } #brew_views h1 { color:#de5d17; font-weight:bold; font-size:26px; margin:0; text-align:center; width:auto; padding:0; } #brew_views h2 { color:#000; font-weight:bold; font-size:18px; margin-bottom:10px; padding:0; } #brews h2 { color:#000; font-weight:bold; font-size:18px; margin:0; padding:0; } #brews h3 { color:#de5d17; font-weight:bold; font-size:18px; margin:0; padding:0; } #brews p { color:#000; font-size:14px; margin:0; text-align:justify; } #gallery_wrapper { margin:0 auto; padding:0; width:550px; float:left; } #mygalone { margin:0 auto; padding:0; width:550px; height:300px } .svw { width:50px; height:20px; background:#fff; } .svw ul { position:relative; left:-999em; } .stripViewer { position:relative; overflow:hidden; border:2px solid #000; margin:0 0 1px 0; } .stripViewer ul { margin:0; padding:0; position:relative; left:0; top:0; width:550px; list-style-type:none; } .stripViewer ul li { float:left; } .stripTransmitter { overflow: auto; width:1%; margin:0; float:left; } .stripTransmitter ul { margin:10px 0px 10px 0px; padding:0; position:relative; list-style-type:none; } .stripTransmitter ul li { width:30px; float:left; margin: 0 2px 2px 0; } .stripTransmitter a { font:bold 10px Verdana, Arial; text-align:center; line-height:22px; background:#de5d17; color:#fff; text-decoration:none; display:block;} .stripTransmitter a:hover, a.current { background:#e3e3e3; color:#903655; } /*------------------------------------------------ Styles for story ------------------------------------------------*/ #properties { margin:0 auto; padding-top:30px; padding-bottom:60px; width:990px; } #properties h2 { color:#de5d17; font-weight:bold; margin:0; padding:0; text-align:left;} #properties p { margin:0; font-size:11px; color:#000;text-align:left;} #properties a { margin:0; text-decoration:underline; color:#333333; text-align:left;} #properties a:hover { text-decoration:none; color:#993333;} /*--styles for story area with the background image --*/ #outline { margin: 0 auto; padding-top:30px; width: 990px; } #book { margin:0; padding:0; float:right; text-align:center; background: url(../our_story/images/book.jpg) no-repeat center; width:840px; height: 570px; } #cover { margin:0 auto; text-align:center; width:740px; } #us { margin-top:80px; float:left; width:340px; } #us p { text-align:justify; margin-top:15px; font-size:10px; color:#421904;} #flash_loop { margin-top:50px; float:right;} #good_food { margin-top:90px; float:right; width:340px;} #good_food p { text-align:justify; font-size:10px; color:#421904;} #logos { margin-top:30px; text-align:center; padding:0; width:135px; float:left;} #logos h4 { margin:0; color:#421904; font-size: 80%;} #logos p { margin-bottom:40px; font-size:80%; } /*--styles for party form --*/ #party_form { height: 700px;} #gallery { margin:0 auto; padding:20px 0px;} /*-------------------------- Styles Footer Links ---------------------------*/ #footer-wrapper { margin:0; padding:0; height:112px; position:absolute; bottom:0; width:100%; background:url(../images/bottom_wood.jpg) repeat-x bottom center; } #footer { margin:0 auto; padding-top:40px; width:960px; } #footer ul { margin:0; padding:0; list-style:none; } #footer li { margin:0 12px; padding:0; display:block; float:left; color:#fff; } #email{ margin:0; padding:0; } #box{ width:200px; margin:0; height:12px; font-size:70%; text-align:center; } /*-------------------------- Styles for Clearing Floats ---------------------------*/ #clear { clear:both; }