/* Parscale Media Style Sheet ----------------------------------------------------------------------------- Prototype Version: 2.3 Developer: Parscale Media Email Address: info@parscale.com Developer Website: http://www.parscale.com/ Client Website: http://www.bohanans.com Last Modifier: Brad Parscale - Giles-Parscale, Inc Last Modified: 6.3.2012 */ /* Table of Contents ----------------------------------------------------------------------------- 1. Clean Base 2. Base Typography 3. Images 4. Links 5. Forms 6. Tables 7. Framework */ /* 1. Create a Clean Base ------------------------------------------------------------------------------*/ html, body, br, hr, div, span, a, object, iframe, ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, p, blockquote, q, address, small, big, cite, dfn, ins, del, i, em, b, strong, sup, sub, strike, pre, code, samp, kbd, var, tt, form, fieldset, legend, label, input, textarea, option, .nobox {background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline;} blockquote, q {quotes: none;} br {height: 0;} ul, ol, dl {list-style: none;} /* Class for clearing floats */ .clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0;} .ml15 {margin-left:15px;} /* 2. Define Base Typography ------------------------------------------------------------------------------*/ /* Create the Default Headers */ h1, h2, h3, h4, h5, h6 {color: #c1b499; font-family: 'georgia',serif;} /* Create the Default Paragraphs */ p {color:#f8ecc8; line-height:21px;} /* Specific Header Settings */ h1 {font-size: 20px;} h2 {font-size: 20px;} h3 {font-size: 18px;} h4 {font-size: 16px;} h5 {font-size: 14px;} h6 {font-size: 12px;} /* Other Typo */ strong{font-weight: bold;} hr {border:0 #463626 solid; border-top-width: 1px; clear: both; height: 0;} ol {list-style: decimal;} ul {list-style: square;} /* 3. Images ------------------------------------------------------------------------------*/ /* Remove border around linked images */ img {border: 0; border-style: none;} /* 4. Links ------------------------------------------------------------------------------*/ /* Default Link Types */ a {color:#c1ac80; text-decoration: none;} a:hover {color:#f8ecc8; text-decoration: none;} a:active {outline: none;} a:focus {outline: none;} /* 5. Forms ------------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset {border: 1px solid transparent;} /* 6. Tables ------------------------------------------------------------------------------*/ /* Table Fixes */ table {border-spacing: 0; border-collapse: collapse;} td {text-align: left; font-weight: normal;} /* Removes fieldset borders. even on Opera 7 */ fieldset {border: 1px solid transparent;} /* 7. Framework ------------------------------------------------------------------------------*/ /* Page Layout */ html, body {height: 100%; font-size: 12px; font-family: 'arial',sans-serif; background: #591e17;} /* Wrapper */ #wrapper {min-height: 100%; height: auto !important; margin:0 auto -200px;} #home_wrapper {background: url(/images/site/bkg.jpg) top center;} /* Header */ #header_wrapper {background: url(/images/site/bkg.jpg) top center;} #header {width: 960px; height: 70px; position: relative; margin: 0 auto; z-index: 1002;} #navigation_left {position: absolute; top: 20px; left: 0;} #navigation_right {position: absolute; top: 20px; right: 0;} #header_logo {position: absolute; top: 5px; left: 320px;} #ipad_logo, #mobile_logo {display:none;} /* Navigation */ .navigation ul {list-style: none;} .navigation ul li {display: inline;} .navigation ul li a {display: block; float: left; height: 20px; text-indent: -9999px;} .navigation ul li a:hover {background-position: 0 -20px !important;} .navigation ul li a#nav1 {width: 122px; background: url(/images/site/nav1.png) no-repeat;} .navigation ul li a#nav2 {width: 70px; background: url(/images/site/nav2.png) no-repeat;} .navigation ul li a#nav3 {width: 100px; background: url(/images/site/nav3.png) no-repeat;} .navigation ul li a#nav4 {width: 100px; background: url(/images/site/nav4.png) no-repeat;} .navigation ul li a#nav5 {width: 80px; background: url(/images/site/nav5.png) no-repeat;} .navigation ul li a#nav6 {width: 85px; background: url(/images/site/nav6.png) no-repeat;} /* Drop Down Navigations */ #drop_down_navigations {position: absolute; top: 70px; left: 0; width: 100%; z-index: 1001;} #drop_down_navigations h2 {color: #533b2a; font-weight: normal;} #drop_down_navigations h3 {color: #20160f; font-weight: normal; line-height: 22px;} #drop_down_navigations h4 {color: #533b2a; font-size: 16px;} #drop_down_navigations h5 {color: #20160f; font-weight: normal; font-family: arimo;} #drop_down_navigations p {color: #8C6F5B; font-size: 12px; line-height: 18px; margin-bottom: 10px;} #drop_down_navigations a {color: #ac6325;} #drop_down_navigations td {color: #8C6F5B; font-weight: normal; font-family: arimo;} .drop_down_navigation_wrapper {width: 100%; background: url(/images/site/dropdown_rptr.jpg); display: none;} .drop_down_navigation {padding: 60px 0 20px 0; width: 960px; margin: 0 auto;} /* Drop Down Social */ #drop_email {width: 260px; float: left; padding-right: 9px; border-right: 1px solid #dac9a8; margin-right: 10px;} #drop_social {width: 180px; float: left; padding-right: 9px; border-right: 1px solid #dac9a8;} #drop_social a {margin-bottom: 10px; display: block;} #drop_news {width: 400px; float: left; padding-left: 20px;} #email_signup {margin-bottom: 20px;} #email_signup input {background: #3a2c21; width: 185px; padding: 5px; color: #e5cfbc; margin-right: 5px; margin-top: 0px; vertical-align: middle;} #email_signup input.join {width: 50px; height: 25px; background: url(/images/site/btn_join.jpg) no-repeat; padding: 0; margin: 0; cursor: pointer;} /* Drop About */ #drop_about_nav {width: 160px; float: left; padding-right: 9px; border-right: 1px solid #dac9a8; margin-right: 10px;} #drop_about_nav ul {list-style: none;} #drop_about_nav ul li {margin-bottom: 5px;} #drop_bohanan {width: 340px; float: left; padding-right: 9px; border-right: 1px solid #dac9a8;} #drop_bohanan_picture {width: 130px; float: left; margin-right: 10px;} #drop_bohanan_picture img {border: 2px solid #998b73;} #drop_bohanan_text {width: 200px; float: right;} #drop_directions {width: 410px; float: left; padding-left: 20px;} #drop_map {width: 205px; float: left;} #drop_map img {border: 2px solid #998b73;} #drop_map_text {width: 205px; float: right;} /* Category Menu */ .menu_cat {width: 150px; margin-right: 10px; float: left; text-align: center;} .menu_cat a {font-size: 18px;} .menu_cat img {border: 2px solid #bca080;} /* Banner */ #banner_wrapper {width: 100%; position: absolute; top: 70px; height: 10px; z-index: 1000; background: url(/images/site/header_shadow_rptr.png) repeat-x;} #banner {width: 990px; height: 365px; overflow: hidden; margin: 0 auto;} #banner img {width: 990px; height: 365px;} /* Home */ #home_content_wrapper {background: url(/images/site/home_banner_rptr.jpg) top repeat-x;} #home_content {width: 960px; margin: 0 auto 20px;} #home_news {padding: 0 30px;} .home_news {width: 180px; float: left; margin-right: 60px; text-align: center;} .home_news a {color: #e5b53b;} .home_news h2 {font-size: 18px; font-weight: normal;} .home_news h3 {font-size: 15px; color: #faecc8; margin-bottom: 10px;} .home_news_image {margin-bottom: 10px; background: url(/images/site/home_img_bkg.png); width: 166px; height: 156px; padding-top: 4px; padding-right: 4px;} .home_news_image img {border: 3px solid #f7eac6;} /* Content */ #content_wrapper {background: url(/images/site/bkg_strip_rptr.jpg) top repeat-x;} #content {width: 960px; margin: 0 auto 30px;} /* Title Bar */ #title_bar {width: 960px; text-align: center; padding-top: 30px; margin-bottom: 10px;} #internal_title_bar {width: 960px; text-align: center; padding-top: 20px; margin-bottom: 40px;} #internal_title_bar h1 {font-family: "Arial"; font-size: 24px; text-transform: uppercase; color: #e0a931; text-shadow: 1px 1px 1px #000; letter-spacing: 3px;} /* Secondary Content */ #secondary_content {width: 160px; float: left; padding-top: 45px; padding-bottom: 10px; margin-right: 20px; background: url(/images/site/line_rptr.jpg) 0 25px repeat-x;} #secondary_content ul {list-style: none; font-family: arial;} #secondary_content ul li {margin-bottom: 10px; font-size: 14px;} #secondary_content ul li a.active {color: #f8ecc8;} /* Main Content */ #main_content {width: 780px; float: right; position: relative;} #top_left_main_content {position: absolute; top: 0; right: 0;} #main_content p {margin-bottom: 10px; color: #f8ecc8; font-weight: normal; font-size: 14px; font-family: arial;} #main_content td {color: #F8ECC8; font-weight: normal; font-family: arial; font-size: 14px;} #main_content ul {margin-top: 10px; color: #ADA597; } #main_content li {margin-bottom: 10px;} #main_content h1 {background: url(/images/site/line_rptr.jpg) bottom repeat-x; padding-bottom: 5px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .10em; color: #faecc8;} /* Full Content */ #full_content h1 {background: url(/images/site/line_rptr.jpg) bottom repeat-x; padding-bottom: 5px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .10em; color: #faecc8;} #full_content p {margin-bottom: 10px; color: #f8ecc8; font-weight: normal; font-size: 14px; font-family: arial;} /* Menu */ #menu_description {width: 330px; margin-bottom: 30px;} #menu_description p {font-style: italic;} .menu {list-style: none;} .menu li {color: #a29785;} .menu li ul {list-style: none;} .menu li ul li {width: 330px; margin-bottom: 10px; margin-right: 20px;} .menu li ul li.left {float: left; clear: both;} .menu li ul li.right {float: right;} .menu h3 {color: #ac6325; margin-bottom: 5px; text-transform: uppercase; letter-spacing: .05em;} .menu h4 {color: #faecc8; font-family: arimo; text-transform: uppercase; font-weight: normal; font-size: 14px; margin-bottom: 5px;} .menu p {color: #a29785; line-height: 20px;} #header_menu_res {display:none;} #header_nav_res {display:none;} #header_number_res {display:none;} /* News */ #news_featured {padding: 10px 0 20px; border-bottom: 1px solid #e6b53c; margin-bottom: 20px;} #news_featured_image {width: 310px; float: left; margin-right: 20px;} #news_featured_image img {border: 2px solid #b3975e;} #news_featured_text {width: 450px; float: right;} .news {padding-bottom: 10px; border-bottom: 1px solid #392d27; margin-bottom: 20px;} /* Venues */ .venue {padding-bottom: 10px; border-bottom: 1px solid #392d27; margin-bottom: 20px;} /* Contact Form */ #contact_form input {background: #453228; color: #f8ecc8; padding: 10px; width: 350px;} #contact_form input:focus {background: #b6a584; color: #2b1809;} #contact_form textarea {background: #453228; color: #f8ecc8; padding: 10px; width: 350px; height: 120px;} #contact_form textarea:focus {background: #b6a584; color: #2b1809;} #contact_form input.submit {width: 65px; height: 25px; background: url(/images/site/btn_submit.jpg) no-repeat; cursor: pointer; padding: 0; margin: 0;} /* Store */ #main_content .store {width: 220px; float: left; margin-right: 40px; margin-bottom: 30px;} #main_content .store_image {width: 220px; margin-bottom: 5px;} #main_content .store_image img {border: 1px solid #9c574f; padding: 4px;} #main_content .store h4 {margin-bottom: 10px; color: #e5cea8;} #main_content .store_price {color: #e5cea8; font-size: 22px;} #store_image {width: 385px; float: left; margin-right: 30px;} #store_image img {border: 1px solid #9c574f; padding: 4px;} #store_text {width: 365px; float: right;} #main_content .store_product_form input {background: #fff; width: 30px; padding: 3px;} #main_content .store_product_form input.add2cart {width: 130px; height: 25px; padding: 0; background: url(/images/site/btn_add_to_cart.jpg) 0 0 no-repeat; line-height: 99px; overflow: hidden; font-size: 0; cursor: pointer;} /* Landing Pages */ #landing_left {width: 520px; float: left; margin-right: 80px; padding-left: 30px;} #landing_left h2 {background: url(/images/site/line_rptr.jpg) bottom repeat-x; padding-bottom: 5px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .10em; color: #faecc8;} #landing_left p {margin-bottom: 10px; color: #f8ecc8; font-weight: normal; font-size: 14px; font-family: arial;} #landing_left td {color: #F8ECC8; font-weight: normal; font-family: arial; font-size: 14px;} #landing_left li {margin-bottom: 10px;} .landing_section {margin-bottom: 40px;} #landing_right {width: 300px; float: right; padding-right: 30px;} #landing_right h3 {background: url(/images/site/line_rptr.jpg) bottom repeat-x; padding-bottom: 5px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .10em; color: #faecc8;} #landing_right h4 {font-size: 13px; margin-bottom: 10px; text-transform: uppercase; letter-spacing: .10em; color: #faecc8;} #landing_right p {margin-bottom: 10px; color: #f8ecc8; font-weight: normal; font-size: 14px; font-family: arial;} #landing_reservation {text-align: right; margin-bottom: 30px;} #landing_reservation p {font-size: 22px;} /* Cart */ #cart {width: 100%;} #cart thead th {text-align: left; background: #2d1b0b; color: #e9c881; font-weight: 700; padding: 10px; font-size: 12px;} #cart tbody td {padding: 10px; color: #f8ecc8;} #cart tbody input.quantity {width: 20px; background: #ccc8b4; padding: 3px; text-align: center; color: #60401a;} .cart_image img{border: 1px solid #9c574f; padding: 4px;} #cart_controls {text-align: right; margin-bottom: 10px;} #cart_controls input {margin-left: 10px;} #cart_controls input.update_cart {width: 130px; height: 25px; background: url(/images/site/btn_updat_cart.jpg) no-repeat; cursor: pointer; text-indent: -999px;} #cart_controls input.empty_cart {width: 130px; height: 25px; background: url(/images/site/btn_empty_cart.jpg) no-repeat; cursor: pointer; text-indent: -999px;} #cart_coupons {} #cart_coupons input {background: #f6ecdb; width: 200px; padding: 1px; float: left; margin-right: 5px;} #cart_coupons input.add_coupon {width: 100px; background: url(/images/site/btn_apply.png); height: 20px; border: none; padding: 0; margin: 0; cursor: pointer;} #cart_details {text-align: right;} #cart_details input.checkout {width: 130px; height: 25px; background: url(/images/site/btn_checkout.jpg) no-repeat; cursor: pointer; line-height: 999px; overflow: hidden; font-size: 0;} /* Checkout */ #checkout_left {width: 400px; float: left; margin-right: 40px;} #checkout_left h2 {margin-bottom: 10px; text-transform: uppercase;} #full_content label.error {color: #fff !important;} #payment_error {color: #fff; font-size: 22px; margin-bottom: 20px;} #billing_details {margin-bottom: 40px;} #billing_details p {margin-bottom: 10px;} #billing_details input {background: #f6ecdb; width: 300px; padding: 5px; border: 2px solid transparent;} #billing_details input:focus {background: #fff; width: 300px; padding: 5px; border: 2px solid #BA8420;} #shipping_details {display: none;} #shipping_details p {margin-bottom: 10px;} #shipping_details input {background: #f6ecdb; width: 300px; padding: 5px; border: 2px solid transparent;} #shipping_details input:focus {background: #fff; width: 300px; padding: 5px; border: 2px solid #BA8420;} #checkout_right {width: 515px; float: right;} #checkout_right h2 {margin-bottom: 10px;} #shipping_methods {margin-bottom: 20px; position: relative;} #shipping_methods ul {list-style: none;} #shipping_methods ul li {margin-bottom: 5px; color: #f8ecc8;} #shipping_methods input.shipping_type {margin-right: 5px;} #checkout_cart {width: 100%; margin-bottom: 10px;} #checkout_cart thead th {text-align: left; font-weight: 700; background: #2d1b0b; color: #e9c881; padding: 10px; font-size: 12px;} #checkout_cart tbody td {padding: 10px; color: #f8ecc8;} #confirm_order input.complete_order {background: url(/images/site/btn_place_order.jpg); width: 131px; height: 26px; padding: 0; border: none; cursor: pointer; line-height: 99px; overflow: hidden; font-size: 0;} #order_totals {margin-bottom: 20px;} #credit_card_payment {margin-bottom: 20px; position: relative;} #credit_card_payment label {display: block; color: #CE0F00;} #credit_card_payment table {width: 190px; margin-bottom: 10px;} #credit_card_payment table td {padding: 3px; font-size: 14px; font-weight: 500; color: #f8ecc8;} #credit_card_payment input {background: #f6ecdb; width: 250px; padding: 5px; border: 2px solid transparent;} #credit_card_payment input:focus {background: #fff; width: 300px; padding: 5px; border: 2px solid #BA8420;} /* Order History */ .order {width: 100%; margin-bottom: 20px;} .order thead th {text-align: left; font-weight: 700; background: #2d1b0b; color: #e9c881; padding: 10px; font-size: 12px;} .order tbody td {padding: 5px 0; vertical-align: top; color: #f8ecc8;} /* Sticky */ #sticky_wrapper {position:fixed; top:250px; right:0; z-index:10000; width: auto;} #sticky_hours_wrapper {width:240px; height:175px; right:-211px; z-index:9999; background: url('/images/site/hoursbutton.png') 0 0 no-repeat; position:relative;} .sticky_hours {width:211px; height:130px; position:relative; padding:10px 10px 10px 40px;} #sticky_hours_control {width:29px; height:94px; position:absolute; top:0; left:0; display:block; text-indent:-9999px;} #sticky_hours_body ul li {list-style: none;} #sticky_hours_body {text-indent:0; text-transform:uppercase; color:#591E18; height: 25px; font-size: 11px; letter-spacing: .2em;} #sticky_hours_body h3 {text-indent:0; text-transform:uppercase; color:#591E18; font-weight: bold; font-size: 13px; letter-spacing: .2em; padding-bottom:5px;} #sticky_wrapper.dress{position:fixed; top:400px; right:0; z-index:10000; width: auto;} #sticky_dress_wrapper {width:240px; height:210px; right:-211px; z-index:9999; background: url('/images/site/dresscode_btn.png') 0 0 no-repeat; position:relative;} .sticky_dress {width:211px; height:130px; position:relative; padding:10px 10px 10px 40px;} #sticky_dress_control {width:29px; height:94px; position:absolute; top:0; left:0; display:block; text-indent:-9999px;} #sticky_dress_body ul li {list-style: none; line-height: 16px; padding:0 16px 0 0; font-size: 12px; font-weight: bold;} #sticky_dress_body {text-indent:0; text-transform: none; color:#591E18; height: 25px; font-family: Georgia; letter-spacing: .03em;} #sticky_dress_body h3 {text-indent:0; text-transform:uppercase; color:#591E18; font-weight: bold; font-size: 13px; letter-spacing: .2em; padding-bottom:5px;} /* Slider */ #slider_wrapper {width: 100%; background: url(/images/site/dropdown_rptr.jpg); height: 200px; position: fixed; bottom: -200px; left: 0;} #slider {width: 314px; height: 200px; margin: 0 auto; position: relative;} #slider_title {width: 435px; position: absolute; top: -70px; left: 262px;} #slider_reservation {width: 620px; margin: 0 auto; padding: 30px 0;} #slider_reservation .OT_feedTitle {color: #271b15 !important; font-size: 18px !important;} #slider_reservation #OT_defList {color: #271b15 !important; font-size: 15px !important;} #slider_reservation #startDate {color: #271b15 !important; font-size: 15px !important; width: 100px !important;} #slider_reservation #dateDisplay {color: #271b15 !important;} #OT_logoLink {display: none !important;} #cal1 {position: absolute; top: -250px; background: #fff !important;} #slider_button {background: url(/images/site/footer_reservation2.png) top center no-repeat; display:block; margin:0 auto; text-indent:-9999px; width:314px; height:59px; position:absolute; top: -59px;} /* Pagination */ .paginate strong {color: #f8ecc8;} /* Footer Push */ #push {height: 200px;} /* Footer */ #footer_wrapper {height: 200px; background: url(/images/site/footer_rptr.png) repeat-x;} #footer {width: 960px; height: 200px; position: relative; margin: 0 auto;} #footer p {font-weight: normal; font-size: 11px; color: #e5cfbc;} #footer a {color: #e5cfbc;} #footer_gift_cards {position: absolute; top: 30px; left: 0;} #footer_contact {position: absolute; top: 30px; left: 215px;} #footer_catering {position: absolute; top: 30px; left: 545px;} #footer_copyright {position: absolute; bottom: 5px; left: 0;} #footer_design {position: absolute; bottom: 5px; right: 0;} #footer_newsletter {position: absolute; top: 30px; right:0;} #footer_newsletter input {border:1px solid #BB870D; background: #EFD080; width: 185px; padding: 5px; color: #653120; margin-right: 5px; margin-top: 0px; vertical-align: middle;} #footer_newsletter input.join-2 {width: 50px; height: 25px; background: url(/images/site/btn_join-2.jpg) no-repeat; padding: 0; margin: 0; cursor: pointer;}