/* ------------------------------------------ project: Captain's Table author: Merix date: 2006/09/04 ------------------------------------------ */ html { height: 100%; margin-bottom: 1px; } body { margin: 0; padding: 12px 0 24px; background: #1a0c08 url(../img/bg.jpg) repeat-x; color: #4a2e2e; font-size: 75%; } body, input, textarea, select, option { font-family: Tahoma,Arial,Helvetica,sans-serif; } textarea { font-size: 100%; } /* COMMON -------------------------------------*/ form { display: inline; } img { border: none; } hr { border: none; color: #f3f3f3; background: #f3f3f3; height: 1px; margin: 6px 0 10px !important; margin: -3px 0 4px; } p { margin: 0 0 10px; padding: 0; } p.center { text-align: center; } p.bigger { font-size: 110%; } ul, ol { margin: 0 0 15px; padding-left: 20px; } /* ANCHORS -------------------------------------*/ a { color: #820023; text-decoration: none; } a:hover { text-decoration: underline; } /* HEADERS -------------------------------------*/ h1 { margin: 0 0 10px; padding: 0; color: #880c2b; font: bold 14px Georgia,sans-serif; text-transform: uppercase; } h2 { margin: 0 0 10px; padding: 0; font: normal 14px Arial,Helvetica,sans-serif; color: #8696d6; } /* LAYOUT -------------------------------------*/ #root { position: relative; z-index: 1; overflow: hidden; width: 755px; margin: 0 auto; padding: 0 0 90px; background: url(../img/root.gif) repeat-y; } #side { position: relative; z-index: 1000; float: left; width: 233px; padding: 42px 0 0; background: url(../img/bg_side.jpg) no-repeat; } #logo { width: 197px; height: 85px; margin: 0 auto 25px; padding: 0; } #logo a { display: block; overflow: hidden; width: 197px; height: 85px; text-indent: -10001px; } #nav { list-style: none; margin: 0 0 15px; padding: 0 0 0 79px; background: url(../img/bg_subnav.jpg) -10001px 0 no-repeat; } #nav li { position: relative; width: 154px; background: url(../img/nav_li.gif) 0 100% no-repeat; } #nav li a { display: block; overflow: hidden; height: 23px; text-indent: -10001px; background-position: 0 0; background-repeat: no-repeat; } #nav li.home a { background-image: url(../img/nav_i_home.png); } #nav li.menus a { background-image: url(../img/nav_i_menus.png); } #nav li.entertainment a { background-image: url(../img/nav_i_entertainment.png); } #nav li.catering a { background-image: url(../img/nav_i_catering.png); } #nav li.gallery a { background-image: url(../img/nav_i_gallery.png); } #nav li.store a { background-image: url(../img/nav_i_store.png); } #nav li.links a { background-image: url(../img/nav_i_links.png); } #nav li.guestbook a { background-image: url(../img/nav_i_guestbook.png); } #nav li.contact a { background-image: url(../img/nav_i_contact.png); } #nav li.current a, #nav li a:hover { background-position: 0 -23px; } #nav ul { display: none; position: absolute; top: 0; right: -142px; list-style: none; width: 122px; margin: 0; padding: 0 10px; background: url(../img/bg_subnav.jpg); } #nav li:hover ul { display: block; } #nav ul li { width: 122px; } #nav ul li a { display: block; height: 19px; padding: 4px 5px 0 10px; text-indent: 0; background: none !important; color: #917961; font: 11px Georgia,sans-serif; } #nav ul li a:hover, #nav ul li.current a { color: #ead2ad; text-decoration: none; } #content { position: relative; z-index: 100; float: right; width: 417px; padding: 113px 55px 40px 50px; background: url(../img/bg_content.jpg) no-repeat; } #footer { clear: both; position: absolute; left: 0; bottom: -1px; z-index: 10; width: 715px; padding: 100px 20px 15px; background: #291915 url(../img/bg_footer.jpg) no-repeat; font-size: 10px; } #footer p { margin: 0; color: #60443e; } #footer p a { color: #60443e; } #footer p.links { margin: 0 0 5px; color: #c7ac81; } #footer p.links a { color: #c7ac81; } #footer p.links a.current { color: #ede7bb; } #skip-links { position: absolute; list-style: none; margin: 0; padding: 0; } #skip-links li { } #skip-links li a { display: block; position: absolute; left: 0; top: -10001px; width: 245px; text-align: center; color: #c4b48a; } #skip-links li a:focus, #skip-links li a:active { top: 39px; } /* ELEMENTS -------------------------------------*/ .box { width: 141px; margin: 0 16px 15px auto; padding: 10px; border: 1px solid #4b362e; background: #442e29; text-align: right; } .box h1 { text-align: left; text-indent: -10001px; } .box h1 a { overflow: hidden; } #newsletter-box { } #newsletter-box h1 { height: 33px; background: url(../img/h_signup-newsletter.png) 100% 0 no-repeat; } #newsletter-box p { } #newsletter-box p label { position: absolute; left: -10001px; } #newsletter-box p input#email { width: 120px; padding: 2px; border: 2px solid #9b8665; border-width: 2px 0 0 2px; background: #c7ac81; color: #fff; } #newsletter-box p.submit { margin: 0 0 3px; } #newsletter-box p.submit a { margin: 0 5px 0 0; color: #bfb9af; font: 9px Arial,Helvetica,sans-serif; vertical-align: middle; } #newsletter-box p.submit input { vertical-align: middle; } #newsletter-box p.submit a:hover { color: #fff; } #gallery-box { } #gallery-box h1 { height: 22px; background: url(../img/h_photo-gallery.png) 100% 0 no-repeat; } #gallery-box h1 a { display: block; height: 22px; } #gallery-box a img { padding: 1px; border: 3px solid #442e29; background: #2f211e; } #gallery-box a:hover img { padding: 3px; border: 1px solid #dfc3ab; background: #83684d; } #calendar-box { position: relative; } #calendar-box h1 { height: 22px; background: url(../img/h_events-calendar.png) 100% 0 no-repeat; } #calendar-box h1 a { display: block; height: 22px; } #calendar-box div.wrapper { min-height: 136px; background: url(../img/indicator.gif) 50% 50% no-repeat; } #calendar { width: 140px; margin: 0; border-collapse: collapse; background: #442e29; } #calendar caption { padding: 0 0 5px; color: #e5cda8; font: 14px Georgia, sans-serif; } #calendar caption a { position: absolute; left: 10px; color: #e5cda8; } #calendar caption a.next { left: auto; right: 10px; } #calendar caption a.month {width: 122px; left: 20px; text-align: center;} #calendar tr th, #calendar tr td { width: 20px; padding: 3px 0; border: 1px solid #442e29; font-size: 10px; text-align: center; } #calendar tr th { background: #553430; color: #9b4b4a; } #calendar tr td { color: #c7ac81; } #calendar tr td.today { background: #563f35; } #calendar tr td a { font-weight: bold; color: #f1ddbd; } p.decorate:first-letter { float: left; margin: 3px 10px 0 0; font: italic 3em Georgia,sans-serif; color: #820023; } #home-items { border: 1px solid #b69b70; background: #c7ac81; } .img-c { margin: 0 0 15px; } .img-c img { display: block; margin: 0 auto; border: 1px solid #b9a280; } #home-items { overflow: hidden; margin: 20px 0 0; padding: 0 12px; } #home-items div.item { float: left; width: 130px; padding: 10px 0 15px; } #home-items div.item h2 { height: 14px; margin: 0 0 10px; background-position: 50% 0; background-repeat: no-repeat; } #home-items div.item h2 a { display: block; text-indent: -10001px; } #home-item-menus h2 { background-image: url(../img/h_menus.png); } #home-item-catering h2 { background-image: url(../img/h_catering.png); } #home-item-entertainment h2 { background-image: url(../img/h_entertainment.png); } #home-items div.item a img { display: block; margin: 0 auto; padding: 3px; border: 1px solid #b59b71; background: #e1c69b; } #home-items div.item a:hover img { background: #9c5156; border-color: #5e1200; } div.menu { margin: 0 0 15px; padding: 16px; background: #d9be93; } div.menu h1 { margin: 0 0 5px; padding: 0 0 3px; border-bottom: 1px solid #880c2b; color: #880c2b; font: bold 14px Georgia,sans-serif; text-transform: uppercase; text-align: center; } div.menu p { margin: 0 0 15px; } div.menu ol { list-style: none; margin: 0 0 15px; padding: 0; } div.menu ol li { position: relative; padding: 6px 60px 6px 25px; border-bottom: 1px dotted #c5a87b; background: url(../img/menu_item.gif) 0 5px no-repeat; font-size: 11px; line-height: 13px; } div.menu ol li strong { color: #880c2b; text-transform: uppercase; } div.menu ol li em { position: absolute; right: 0; top: 50%; margin: -6px 0 0; color: #880c2b; font-weight: bold; font-style: normal; } div.menu ol li.subitem {padding: 5px 60px 3px 35px; background: url(../img/menu_arr.gif) no-repeat 25px 8px;} div.menu ol li div {padding: 1px 0 0;} .replaced { position: absolute; left: -10001px; } #gallery { overflow: hidden; zoom: 1; list-style: none; margin: 15px 0; padding: 0; } #gallery li { display: inline; float: left; width: 115px; height: 150px; margin: 0 10px; text-align: center; } #gallery li a img { padding: 1px; border: 3px solid #442e29; background: #2f211e; vertical-align: middle; line-height: 110px;} #gallery li a:hover img { padding: 3px; border: 1px solid #dfc3ab; background: #83684d; } #gallery li .album {font-size: 11px;} #pagination { margin: 0 0 15px; padding: 10px; border-top: 1px solid #a29d7e; text-align: right; } #pagination ul { list-style: none; margin: 0; padding: 0; } #pagination ul li { display: inline; } #pagination ul li a, #pagination ul li strong, #pagination ul li span { padding: 0 2px; font-size: 12px; } #pagination ul li.bt span, #pagination ul li.bt a { font-size: 18px; line-height: 11px; vertical-align: -2px; } #pagination ul li a:hover { text-decoration: none; } #pagination ul li strong { color: #b41414; } #contactForm { display: block; } #contactForm div { overflow: hidden; margin: 0 0 8px; padding: 0 0 0 130px; } #contactForm div.error { padding: 0 0 0 150px; background: url(../img/i_error.png) no-repeat 130px 50%; color: #9b4b4a; font-weight: bold; } #contactForm div label { float: left; width: 125px; margin: 0 0 0 -130px; padding: 2px 0 0; } #contactForm div input, #contactForm div textarea, #contactForm div select { width: 280px; padding: 2px 0 2px 5px; border: 1px solid #ccc; background: #fff; -moz-border-radius: 4px; } #contactForm div input:hover, #contactForm div textarea:hover, #contactForm div select:hover { background: #fffeec; } #contactForm div input:focus, #contactForm div textarea:focus, #contactForm div select:focus { background: #fffff4; } #contactForm div textarea { height: 90px; } #contactForm div input.x_m { width: 150px; } #contactForm div input.x_s { width: 120px; } #contactForm #send { width: auto; height: auto; padding: 0; background: none; } #contactForm #send:active { } ul.entertainment { list-style: none; margin: 0 0 15px; padding: 0; } ul.entertainment li { padding: 2px 0 2px 105px; border-bottom: 1px dotted #b9a380; line-height: 18px; } ul.entertainment li.nodate { padding-left: 0; background: none; } ul.entertainment li em { float: left; margin-left: -100px; font-style: normal; font-size: 11px; } #map { width: 405px; height: 300px; margin: 0 0 15px; padding: 3px; background: #fff; border: 1px solid #eee; } .menu-items { position: relative; list-style: none; width: 250px; height: 53px; margin: 0 auto; padding: 0; background: url(../img/menu-list.gif) no-repeat; } .menu-items li { position: absolute; top: 0; left: 0; width: 120px; height: 18px; } /* .menu-items li.a1 { left: 0px; } .menu-items li.a2 { left: 130px; } .menu-items li.a3 { top: 40px; left: 0px; } .menu-items li.a4 { top: 40px; left: 130px; } */ .menu-items li.a1 { left: 0px; display: none; } .menu-items li.a2 { left: 75px; width: 96px;} .menu-items li.a3 { top: 36px; left: 0px; width: 109px;} .menu-items li.a4 { top: 36px; left: 143px; width: 107px;} .menu-items li a { display: block; overflow: hidden; width: 120px; height: 15px; text-indent: -10001px; } .menu-items2 { position: relative; list-style: none; width: 250px; height: 26px; margin: 0 auto; padding: 0; background: url(../img/menu-list.gif) 0 -33px no-repeat; } .menu-items2 li { position: absolute; top: 0; left: 0; width: 120px; height: 20px; } .menu-items2 li.a1 { left: 0px; } .menu-items2 li.a2 { left: 130px; } .menu-items2 li a { display: block; overflow: hidden; width: 120px; height: 20px; text-indent: -10001px; } .videoshots { list-style: none; margin: 0; padding: 0; text-align: center; } .videoshots li { display: inline; padding: 0 10px; } .videoshots li a { } .videoshots li a img { border: 1px solid #777; } ul.tags {overflow: hidden; zoom: 1; list-style-type: none; padding: 0; margin: 15px 0;} ul.tags li {display: inline; margin: 0 2px;} ul.tags li.label {font-weight: bold; margin: 0 0 6px;} select.albumview {float: right; margin-top: -25px; font-size: 11px; color: #820023; min-width: 100px;} .clearer {clear: both; height: 0; font-size: 0; line-height: 0;}