body { margin: 2.5ex 1.5ex 0; padding-bottom: 0; font-size: 83%; font-family: Lucida Grande, Helvetica, Arial, sans-serif; } a { text-decoration: none; color: #566E7C; } a img { border: 0; } a:hover { text-decoration: underline; } /* border around gallery images */ img { border: 1px solid gray;} .hour {font-size: 75%} h1, h2, h3, h4, h5, h6 { color: #444; margin: .25em 0; font-size: 100%; } h2 { font-size: 150%; } h3 { font-size: 115%; } /* h5 { font-size: 115%; color: #444; margin: 0px; margin-bottom: .25em; padding-bottom: .25em; padding-top: .5em; border-bottom: 1px solid #DDD; } h6 { font-size: 100%; color: #444; margin: 0px; padding: 0px; } */ /* Header */ #header { background: url( '../img/header-summer.png' ) top right no-repeat; padding-left: 81px; height: 88px; position: relative; margin-bottom: 7ex; } #header h1 { font-size: 200%; margin: 0; padding-left: 3ex; line-height: 1em; /* vertically center the bottom of the first line: */ position: absolute; top: 50%; margin-top: -1em; } #header h1 sub { color: #555; font-weight: normal; font-size: 75%; display: block; line-height: 1em; } .navigation li { list-style: none; margin-left: 0px; text-decoration: none; } /* Top Navigtaion*/ #site_navigation { position: absolute; top: 76px; left: 1.63ex; right: 1.63ex; padding: 0; margin-top: 5.43ex; overflow: hidden ; font-size: 92%; line-height: 2.17ex; background: #566E7C; } #site_navigation li { float: left; margin: 0; border-right: 1px solid #808E96; } #site_navigation li a { display: block; padding: .25em 2ex; } #site_navigation li a, #site_navigation li a:visited { color: #F5F5DC; } #site_navigation li a:hover { color: #808E96; } /* current page nav-item */ .about #nav-about a, .the_table #nav-the_table a, .the_inn #nav-the_inn a, .events_press #nav-events-press a, #links #nav-links a, #gallery #nav-gallery a, #directions #nav-directions a, #recipes #nav-recipes a { font-weight: bold; color: #BDB76B !important; } /* current SUB page nav-item */ #about_us #nav-about_us, #bios #bios-nav, #contact_us #contact_us-nav, #table_hours #table_hours-nav, #table_menu #table_menu-nav, #table_wine #table_wine-nav, #ammenities #ammenities-nav, #events #events-nav, #press #press-nav, #recipes #nav-recipes { font-weight: bold; } /* Section Navigation */ ul.sub.navigation { position: absolute; top: 136px; left: 1.63ex; right: 1.63ex; padding-bottom: 0; margin-top: 4.43ex; overflow: hidden; } ul.sub.navigation ul { font-size: 90%; line-height: 2.17ex; } ul.sub.navigation { padding-left: 1em; padding-right: 1em; margin: 0; } ul.sub.navigation li {float: left; padding: 0.2em; margin: 0; font-size: 90%; } ul.sub.navigation li a { display: block; padding: .25em 1ex;} ul.sub.navigation li a:hover { color: #566E7C; } #block ul.sub.navigation li#nav-block a { font-weight: bold; } ul.sub.navigation li li { padding: 0.1em; border-color: #566E7C; } /* *** Content *** */ #page_content { position: left; font-style: normal; color: #222; margin: 4em 0 2em 0; padding: 3px 0 3px 0; border-top: 1px solid #7D8D67; } .sidecaption_events { position: absolute; left: 15px; top: 420px; margin-right: 1em; max-width: 195px; font-size: 80%; } .sidecaption_horizontal { position: absolute; left: 15px; top: 425px; margin-right: 1em; max-width: 390px; font-size: 80%; } .sidecaption_vertical { position: absolute; left: 15px; top: 545px; margin-right: 1em; max-width: 290px; font-size: 80%; } .sidephoto img { margin-right: 1em; float:left; border: 2px solid gray; } #page_content .header { } .header { font-size: 150%; position: relative; } .section { max-width: 100em; min-height: 300px; } #horizontal { max-width: 100em; margin-left: 420px; } #vertical { max-width: 100em; margin-left: 320px; } #vertical_sm { max-width: 100em; margin-left: 220px; } .section p { max-width: 100em; position: relative; } .section .filetype { font-size: 80%; } .section ul li { list-style: none; margin-left: -40px; } .section li { display: block; } .document_format {font-size: 80%; color: #566E7C } /* *** Footer
â *** */ #contact_info { padding: 1ex 1ex 0; text-align: center; color: #666; border-top: 1px solid; font-size: 85%; clear: both; } #contact_info * { display: inline; } #contact_info dt { font-weight: bold; padding: 0 .25ex; } #contact_info dt:after { content: ':' } #contact_info dd { margin-left: 0; margin-right: 1em; } #contact_info dt.mailing_address { display: none; } #contact_info dd.mailing_address address { display: block; font-style: normal; line-height: 2ex; padding-bottom: 1ex; } /* *** *** *** *** *** */ /* *** Non-Universal *** */ /* *** *** */ /* *** Directions Page Only *** */ #directions #driving, #directions #train, #directions #coach {padding: 1em 0 1em 0; position: relative; } /* ***page_contact_info for about_us > contact_us, the_inn > ammenities, the_inn >rates_and_guidelines*** */ .the_inn #page_contact_info, .about #page_contact_info { margin-top: 1em; color: #333; position: relative; } .the_inn #page_contact_info dt, .about #page_contact_info dt { font-weight: bold; float: left; padding-right: 1ex; } .the_inn #page_contact_info dt.email, .about #page_contact_info dt.email { font-weight: bold; float: left; padding-right: 1ex; padding-bottom: 2ex; } .the_inn #page_contact_info dd, .about #page_contact_info dd { margin-left: 4em; } .the_inn #page_contact_info dd.email, .about #page_contact_info dd.email { margin-left: 4em; padding-bottom: 2ex;} .the_inn #page_contact_info dt.mailing_address, .about #page_contact_info dt.mailing_address { display: none; } .the_inn #page_contact_info dd.mailing_address, .about #page_contact_info dd.mailing_address { margin-left: 0; padding: 1ex 0ex 2ex; } .the_inn #page_contact_info dd.mailing_address address, .about #page_contact_info dd.mailing_address address { font-style: normal; line-height: 2ex; } .the_inn #page_contact_info dt:after, .about #page_contact_info dt:after { content: ':' } /* *** BIOS PAGE ONLY *** */ .Gerry img, .Claudia img, .Mike img, .Mary img { border: 2px solid gray; float:left; margin: 0 1em 1em 0; } .Gerry, .Claudia, .Mike, .Mary { height: 145px; margin: 1em 0 0 0; } /* *** PRESS PAGE ONLY *** */ #press #page_content dl { padding: 0 0 .5em 0; } #press #page_content dt.publication span.name { font-weight: bold; color: #333; } #press #page_content dt.publication span.date, #press #page_content dt.publication span.month, #press #page_content dt.publication span.year { font-weight: bold; font-size: 75%; } #press #page_content dd.description { margin-left: 0; } /* *** EVENTS PAGE ONLY *** */ #events #page_content dt.event_title span.event_name { font-weight: bold; font-size: 110%; color: #333; } #events #page_content dt.date span.day, #events #page_content dt.date span.month, #events #page_content dt.date span.date, #events #page_content dt.date span.year { font-weight: bold; font-size: 100%; } #events #page_content dd.description { margin-left: 0; padding: .5em; } #events #page_content dd.additional_info, #events #page_content dd.expense { margin-left: .5em; color: #444; } #events #page_content dd.additional_info { font-style: italic; } /* *** GALLERY PAGE ONLY *** */ /* will eventually need to move the inline style from the html page to this section */ /* *** Ammenities, Rates & Guildelines, Links Only *** */ #ammenities #page_content h6, #rates_guidelines #page_content h6, #links #page_content h6, #recipes #page_content h6 { margin-bottom: -.75em;} /* #ammenities #page_content dl *, #rates_guidelines #page_content dl * { display: inline; color: #333;} #ammenities #page_content dt, #rates_guidelines #page_content dt { font-weight: bold; padding: 0; font-size: 85%;} #ammenities #page_content dt:after, #rates_guidelines #page_content dt:after { content: ':' } #ammenities #page_content dd, #rates_guidelines #page_content dd { margin-left: 0; margin-right: 1em; } */ /* *** Contact Us Only *** */ /* #contact_us #page_content .section dl * { display: inline; } #contact_us #page_content .section dt:after { content: ':' } #contact_us #page_content .section dt { font-weight: bold; padding: 0 .25ex; color:#333; font-size: 90%;} #contact_us #page_content .section dd { display: inline; margin-left: 0; margin-right: 1em; } #contact_us #page_content .section dd address { display: block; font-style: normal; line-height: 2ex; padding-bottom: 1ex; } */ /* *** EVENTS PAGE ONLY - Style for gray date info boxes (not currently in use) - *** */ /* #events #page_content ul { padding: 0; } #events #page_content li { list-style: none; margin-bottom: 1em; overflow: auto; padding: 1ex; } #events #page_content dl { margin-left: 33px; } #events #page_content dt.date { float: left; background: #808E96; border: 2px solid #b0c4de; width: 4.5em; height: 4.5em; padding: .5ex 1ex; margin: 0 .5em 0 0; text-align: center; } #events #page_content dt.date span { display: block; line-height: .9em;} #events #page_content dt.date span.year, #events #page_content dt.date span.day { color: #F5F5DC; font-size: 70%; text-transform: uppercase; } /#events #page_content dt.date span.date sup { display: none; } #events #page_content dt.date span.date sup { font-weight: normal; font-size: 50%; } #events #page_content dt.date span.month { font-weight: normal; } #events #page_content dt.date span.month, #events #page_content dt.date span.date { font-size: 140%; color: #F5F5DC; } #events #page_content dt.date span.month {padding-top: .3em;} #events #page_content dt.date span.year { padding-top: .5em; } #events #page_content dt.event_title span.event_name { padding: .5em; font-weight: bold; color: #333; } #events #page_content dd { margin-left: 7em; } #events #page_content dd.additional_info, #events #page_content dd.expense { color: #444; } #events #page_content dd.additional_info { font-style: italic; } */ /* *** Dev-Mode *** */ .error { clear: both; border: .5ex solid red; border-width: .5ex 0; } /* *** *** *** *** *** */ /* *** Unrelated???? *** */ /* *** *** */ /* *** People Only *** */ /* table { border-spacing: 0; font-size: 80%; } th { text-align: left; font-size: 110%; } td { border: 1px solid #eee; vertical-align: top; padding: .5em; border-width: 1px 0 0; } td ul { list-style: none; padding: 0; margin: 0; } td.section_heading { border-width: 0 0 2px; padding-top: 3ex; } */