/* --------------------------------------------------------------------------- Overlook Farm Stylesheet Author: Jeremy Boles --------------------------------------------------------------------------- */ /* Import Section Styles --------------------------------------------------------------------------- */ @import 'accommodations.css'; @import 'blog.css'; @import 'contact.css'; @import 'events.css'; @import 'home.css'; @import 'header.css'; @import 'map.css'; @import 'press.css'; @import 'the-fork.css'; /* General Reset --------------------------------------------------------------------------- */ * { border: 0; margin: 0; outline: 0; padding: 0; } /* The Tag --------------------------------------------------------------------------- */ body { background: #edebdf url(/-/img/global/main-bg.png) left 130px repeat-x; color: #371e20; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 13px; } /* Default Tag Behaviors --------------------------------------------------------------------------- */ a { text-decoration: none; } button { background: #46292a url(/-/img/global/button-bg.png) left bottom repeat-x; border-radius: 3px; color: #fff; font-family: "museo-slab-1", "museo-slab-2", serif; font-size: 13px; padding: 6px 14px; text-align: center; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-text-stroke: 1px transparent; } input, textarea { border: #e0ddd1 solid 1px; color: #6d5b59; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; padding: 5px 4px; -moz-box-shadow: #e0ddd1 0 1px 1px; -webkit-box-shadow: #e0ddd1 0 1px 1px; -webkit-transition: all 0.5s ease-out; } input:focus, textarea:focus { color: #371e20; border-color: #6d5b59; -webkit-box-shadow: #edebdf 0 0 0; } /* Button Links --------------------------------------------------------------------------- */ a.button { background: #46292a url(/-/img/global/button-bg.png) left bottom repeat-x; border-radius: 3px; color: #fff !important; display: inline-block; font-family: "museo-slab-1", "museo-slab-2", serif; font-size: 11px; line-height: 11px; padding: 8px; text-align: center; text-decoration: none !important; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-text-stroke: 1px transparent; } /* Sub Menu --------------------------------------------------------------------------- */ #header ul.sub { font-size: 9px; line-height: 9px; text-align: right; top: -150px; } #header ul.sub li + li { margin-left: 3px; } #header ul.sub li + li:before { content: '//'; display: inline-block; letter-spacing: 0; margin-right: 5px; } body.about #header ul.sub li.about a, body.press #header ul.sub li.press a, body.faq #header ul.sub li.faq a, body.contact #header ul.sub li.contact a, body.directions #header ul.sub li.directions a { border-bottom: #9e928c solid 1px; color: #000; padding-bottom: 2px; } /* Main --------------------------------------------------------------------------- */ #main { margin: 35px auto 15px auto; padding-top: 20px; width: 928px; zoom: 1; } #main:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; } #main h2 { font-family: "museo-slab-1", "museo-slab-2", serif; font-size: 16px; font-weight: normal; line-height: 16px; margin-bottom: 19px; } #main p, #main ul { color: #6d5b59; line-height: 19px; margin-bottom: 19px; } #main p a { color: #6d5b59; text-decoration: underline; } #main p a:hover { color: #9e928c; } #main ul { margin-top: -12px; padding-left: 20px; } /* Section Navigation --------------------------------------------------------------------------- */ #section-nav { border-bottom: #fdfdfb solid 1px; list-style: none; margin: -22px 0 20px 0; } #section-nav li { background: transparent center bottom no-repeat; display: inline-block; font-family: "museo-slab-1", "museo-slab-2", serif; font-size: 12px; line-height: 12px; margin-right: 40px; padding-bottom: 10px; } #section-nav a { color: #371e20; -webkit-transition: color 0.15s ease-out; } #section-nav a:hover { color: #9e928c; } /* Section Navigation Selection --------------------------------------------------------------------------- */ body.overview #section-nav li.overview, body.cedar-crest-manor #section-nav li.cedar-crest-manor, body.rackheath-house #section-nav li.rackheath-house, body.reservations #section-nav li.reservations, body.promotions #section-nav li.promotions, body.the-station #section-nav li.the-station, body.catering #section-nav li.catering, body.menus #section-nav li.menus, body.sustainable-food #section-nav li.sustainable-food, body.meet-the-chef #section-nav li.meet-the-chef, body.about #section-nav li.about, body.press #section-nav li.press, body.faq #section-nav li.faq, body.contact #section-nav li.contact, body.directions #section-nav li.directions, body.on-the-farm #section-nav li.on-the-farm, body.weddings #section-nav li.weddings, body.private #section-nav li.private { background-image: url(/-/img/global/section-nav-arrow.png); } /* Home Page Slideshow --------------------------------------------------------------------------- */ #slideshow { padding-bottom: 15px; } #slideshow ul { list-style: none; } #slideshow ul.images { border: #371e20 solid 1px; height: 318px; overflow: hidden; padding: 0; width: 926px; } #slideshow.large ul.images {height: 468px; } #slideshow ul.images li { display: block; float: left; left: 999px; margin: -999px 0 0 -999px; position: relative; top: 999px; } #slideshow img { display: block; } #slideshow ul.nav { margin-top: 15px; text-align: right; } #slideshow ul.nav li { display: inline-block; margin-left: 3px; } #slideshow ul.nav a { background: transparent url(/-/img/home/slideshow-selector.png) left top no-repeat; color: #371e20; display: inline-block; font-family: "museo-slab-1", "museo-slab-2", serif; font-size: 10px; height: 19px; line-height: 20px; opacity: 0.5; text-align: center; width: 19px; -webkit-transition: opacity 0.25s ease-out; } #slideshow ul.nav a:hover { opacity: 0.75; } #slideshow ul.nav a.active { opacity: 1; } /* Masthead Images --------------------------------------------------------------------------- */ .masthead { margin-bottom: 20px; } .masthead img { border: #371e20 solid 1px; display: block; } /* Left Column --------------------------------------------------------------------------- */ #left { float: left; width: 612px; } /* Right Column --------------------------------------------------------------------------- */ #right { float: right; width: 290px; } #right h2 { border-bottom: #6d5b59 solid 1px; margin-bottom: 8px; padding-bottom: 7px; } /* Ads --------------------------------------------------------------------------- */ #right .ad { border: #6d5b59 solid 1px; margin-bottom: 20px; } #right .ad img { display: block; } /* Text List --------------------------------------------------------------------------- */ #right div.text-list { margin-bottom: 20px; } #right div.text-list ul { font-size: 14px; font-style: italic; line-height: 24px; list-style: none; margin-top: 10px; padding: 0; } #right div.text-list a { color: #371e20; } #right div.text-list a:hover { text-decoration: underline; } /* Connect With Us --------------------------------------------------------------------------- */ #connect-with-us ul.links { margin: 0; padding: 0; } #connect-with-us ul.links { list-style: none; } #connect-with-us ul.links li { float: left; } #connect-with-us ul.links a { background: transparent left top no-repeat; float: left; height: 35px; margin: 0 5px 15px 0; text-indent: -9999px; width: 35px; -webkit-transition: opacity 0.25s ease-out; } #connect-with-us ul.links a:hover { opacity: 0.7; } /* Connect With Us Images --------------------------------------------------------------------------- */ #connect-with-us ul.links li.facebook a { background-image: url(/-/img/global/connect-facebook.png); } #connect-with-us ul.links li.twitter a { background-image: url(/-/img/global/connect-twitter.png); } #connect-with-us ul.links li.rss a { background-image: url(/-/img/global/connect-rss.png); } /* Newsletter Sign Up --------------------------------------------------------------------------- */ #connect-with-us form { clear: both; margin-bottom: 20px; } #connect-with-us h3 { margin-bottom: 9px; } #connect-with-us label { font-family: "museo-slab-1", "museo-slab-2", serif; font-size: 12px; font-weight: normal; line-height: 12px; text-transform: uppercase; } #connect-with-us input { margin-right: 10px; width: 174px; } /* Footer --------------------------------------------------------------------------- */ #footer { background: transparent url(/-/img/global/footer-bg.png) left top repeat-x; clear: both; border-top: #371e20 solid 3px; min-height: 196px; } #footer .section { margin: 0 auto; padding: 20px 0; width: 930px; } /* Footer Columns --------------------------------------------------------------------------- */ #footer .region .block h2 { font-family: "museo-slab-1","museo-slab-2",serif; font-size: 12px; font-weight: normal; margin: 0; padding-bottom: 10px; text-transform: uppercase; } #footer .region-footer-firstcolumn, #footer .region-footer-secondcolumn { float: left; margin: 0 25px 0 0; width: 292px; } #footer .region-footer-firstcolumn .block .content, #footer .region-footer-secondcolumn .block .content { font-size: 12px; font-style: italic; line-height: 18px; } #footer .region-footer-thirdcolumn, #footer .region-footer-fourthcolumn { float: left; margin: 0; padding: 0; width: 146px; } /* Newsletter Sign-Up --------------------------------------------------------------------------- */ #block-block-3 { background: transparent url(/-/img/global/mail.png) left top no-repeat; padding: 15px 0 0 65px; } #block-block-3 .content p { margin: 1em 0 10px 0; } #block-block-3 .content .form-type-textfield { padding: 0 20px 0 0; } #block-block-3 .content .form-type-textfield input { border: #e0ddd1 solid 1px; color: #6d5b59; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; padding: 5px 4px; width: 100%; -moz-box-shadow: #e0ddd1 0 1px 1px; -webkit-box-shadow: #e0ddd1 0 1px 1px; -webkit-transition: all 0.5s ease-out; } #block-block-3 .content .form-type-textfield input:focus { color: #371e20; border-color: #6d5b59; outline: 0; -webkit-box-shadow: #edebdf 0 0 0; } #block-block-3 .content .form-type-button { padding: 5px 10px 0 0; text-align: right; } #block-block-3 .content .form-type-button button { background: #46292a url(/-/img/global/button-bg.png) left bottom repeat-x; border: 0; border-radius: 3px; color: #fff !important; display: inline-block; font-family: "museo-slab-1", "museo-slab-2", serif; font-size: 13px; line-height: 13px; margin: 0; padding: 6px 12px; text-align: center; text-decoration: none !important; text-transform: uppercase; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-text-stroke: 1px transparent; } /* Twitter --------------------------------------------------------------------------- */ #block-block-4 { background: transparent url(/-/img/global/twitter.png) left top no-repeat; padding: 15px 0 0 50px; } #block-block-4 .content p a { color: #371e20; font-weight: bold; text-decoration: none; } #block-block-4 .content p a:hover { text-decoration: underline; } /* Footer Menu --------------------------------------------------------------------------- */ #block-menu-menu-footer { padding: 15px 0 0 0; } #block-menu-menu-footer ul.menu { list-style: none; padding: 0; } #block-menu-menu-footer ul.menu li.leaf { font-family: "museo-slab-1","museo-slab-2",serif; font-style: normal; font-size: 11px; list-style: none; margin: 0 0 13px 0; padding: 0; text-transform: uppercase; } #block-menu-menu-footer ul.menu li.leaf a { color: #371e20; text-decoration: none; } /* Contact Information --------------------------------------------------------------------------- */ #block-block-5 { padding: 15px 0 0 0; } * html #block-block-5 { position: relative; left: 470px; top: -122px; } #block-block-5 .content p { font-family: "museo-slab-1","museo-slab-2",serif; font-size: 11px; font-style: normal; margin: 0; line-height: 19px; } #block-block-5 .content p .gc-cs-link { color: inherit; text-decoration: none; } /* Copyright --------------------------------------------------------------------------- */ #footer .region-footer { clear: both; } #block-block-2 .content p { color: #371e20; font-size: 9px; padding-bottom: 20px; text-align: right; } .gallery-mask { background: transparent url(../img/gallery/mask.png) left top repeat; bottom: 0; left: 0; position: fixed; right: 0; top: 0; } .gallery { background: transparent url(../img/gallery/gallery-bg.jpg) left top no-repeat; height: 516px; left: 50%; margin: -258px 0 0 -336px; position: fixed; top: 50%; width: 672px; -webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 5px; } .gallery a.close { display: block; height: 25px; float: left; margin: 5px 0 0 640px; text-indent: -9999px; width: 25px; } .gallery .img { clear: left; float: left; height: 406px; left: 1047px; position: relative; margin: -1000px 0 0 -1000px; top: 1031px; width: 583px; } .image img { cursor: hand; cursor: pointer; } .gallery .next { background: transparent url(../img/gallery/right.png) left top no-repeat; display: block; float: left; height: 68px; left: 1562px; margin: -1000px 0 0 -1000px; position: relative; text-indent: -9999px; top: 1200px; width: 68px; } .gallery .previous { background: transparent url(../img/gallery/left.png) left top no-repeat; display: block; float: left; height: 68px; left: 1047px; margin: -1000px 0 0 -1000px; position: relative; text-indent: -9999px; top: 1200px; width: 68px; }