/******************************************************************************* NEARLY ANY AND ALL GLOBAL & DEFAULT STYLES ARE SET IN base.css MOST STYLES CAN BE OVERWRITTEN HERE IN style.css NOTES & THINGS TO KEEP IN MIND ABOUT base.css & style.css: ALL MARGINS & PADDING ARE RESET TO EITHER 0 OR A GLOBAL DEFUALT THAT YOU CAN OVERWRITE IN THIS STYLE SHEET FONT-SIZE IS SET TO A DEFAULT OF 12px FONT-COLOR IS SET TO A DEFAULT OF #333, OVER-WRITE THE COLOR BELOW *******************************************************************************/ @import "base.css"; /* Include search styles */ @import "search.css"; /* BASIC STRUCTURE *******************************************************************************/ html, body { font-size:11px; } body { background:transparent; color:#ccc; } #home #container { margin:0 auto; padding:0; width:960px; } #container { margin:0 auto; padding:0; width:960px; } #left-column { } #left-column #container { margin:0 auto; padding:0; width:960px; background:#000; } /* LINKS - DEFAULT COLORS ARE SET IN BASE.CSS, CHANGE THESE COLORS AS NEEDED. *******************************************************************************/ a:link, a:visited { color:#454900; } a:hover { color:#660000; } /* BASIC LAYOUT STYLES *******************************************************************************/ .left, .right { float:left; } #north-america { behavior: url("/assets/styles/iepngfix/iepngfix.htc") } /* BASIC CONTENT STYLES *******************************************************************************/ #content p { line-height:16px !important; } /* HEADER / sIFR styles *******************************************************************************/ h1, h2, h3, h6, .header-white-14, .header-white-12, .header-white { color:#454900; } h4 { color:#454900; } h5 { color:#485043; } .header-white-12 { width:500px; } #more-venue h4 {color:#c7bfaa; margin-bottom:1px; margin-top:8px; } /*new*/ .header-grey { color: #c8c0ab; } .header-grey-12 { color:#b4b4b4; } .header-red { color: #a42f28; } #search-results-wrapper h2 { font-size:8px !important; } #header { margin:0 !important; padding:0; width:960px; border-bottom:1px solid #1b1b1b; } #header #logo { display:block; float:left; margin:15px 0 10px 21px; } #header-wrapper #header-features { text-align:right; } /* NAVIGATION - menu styling is now in menu.css *******************************************************************************/ #left-nav-wrapper ul li a { font-size:12px; } /* BREADCRUMB SECTION *******************************************************************************/ #breadcrumb-wrapper { margin:0 0 0 25px; padding:7px 0 0 0; width:910px; height:23px; } #breadcrumb-wrapper a { text-decoration:none; } #breadcrumb-basic { float:left; } #breadcrumb-left { float:left; display:block; margin:7px 0 0 17px; padding:0; width:527px; } #breadcrumb-left a { text-decoration:none; } /* CONTENT AREA *******************************************************************************/ #content { background:#000; padding:4px 0 0 0; } /* For some reason padding will fix gap in browsers */ #block-entity-delta-natural-path-matched-block { margin:0 !important; padding:0 !important; background:#000; } #block-entity-delta-natural-path-matched-block h2 { display:none; } #left-column #content { display: block; padding:0; } /* LEFT-COLUMN-LAYOUT *******************************************************************************/ #left-column #container #header { padding:0 !important; background:#000; } #left-column #main { display: block; float:left; margin: 10px 0px 30px 20px; width:602px; padding:0; min-height:466px !important; } #left-column #main-top { display: block; margin:25px 0; padding:0; width:582px; } #left-column #main-top h4 { color:#000; } #left-column .left { float:left; margin:0; padding:0; width:288px; } #left-column .left .inset { border:3px solid #cebfac; } #left-column .left-copy, #left-column .right-copy { padding:17px 0 0 16px; background:transparent; width:246px; height:160px; } #left-column .block-header { color:#000; font-weight: bold; font-size:10px; text-transform: uppercase; } #left-column .block-text { margin:0 0 17px 0; color: #fff; font-family:Verdana, arial; font-size:11px; color: #b3b3b3; width:224px; } #left-column .right { float:left; margin:0; padding:0; min-height:355px; width:288px; } #left-column .block-button { } #left-column #main-inset-right { float:left; margin:10px 0 0 0; padding:0; min-height:466px; width:330px; } #left-column h4 { text-transform: uppercase; font-family:Gotham; color:#fff; } #left-column #main .clear { height:33px; } #left-column #main .clear .button { float:left; } #left-column #main .clear #view-fine.button { margin: 0 0 0 14px; } *html #left-column #main .clear #view-fine.button { margin: 0 0 0 8px; } #left-column #main .clear #view-casual.button { margin:0 0 0 48px; } *html #left-column #main .clear #view-casual.button { margin:0 0 0 38px; } /* ONE-COLUMN-LAYOUT - used mainly in listing style pages *******************************************************************************/ #one-column #container #header { display:block; margin:0 auto; width:960px; } #one-column #content { display:block; width:960px; } #one-column #main-wrapper { display: block; width:960px; } #one-column #main-top .classifications { display:inline; float: left; margin:18px 0 0 0; } #one-column #catering-classification-key div { display: inline; } #one-column #catering-classification-key { float:right; margin: 0 10px 0 0; } #one-column #catering-classification-key .classification { } #one-column #catering-classification-key .classification-icon { padding:5px; } #one-column #catering-classification-key .classification-name { position:relative; bottom:8px; } #one-column .block-copy { float:left; width:640px; } .block-copy h3 { margin:0 0 8px 0; padding:0; } .block-copy .block-copy-header { color: #fff; font-family:Gotham; font-weight: bold; font-size:17px; text-transform: uppercase; } .block-copy .block-copy-txt { color: #fff; font-family:Verdana, arial; font-size:11px; width:544px; } .block-copy .block-copy-links { color: #fff; font-family:Verdana, arial; font-size:11px; } .block-copy-links a, .block-copy-links a:link, .block-copy-links a:visited { color:#e1dfdf; margin: 0px 15px 0px 0px; text-decoration:underline; } .block-location .block-location-txt a, .block-location .block-location-txt a:link, .block-location .block-location-txt a:visited { color:#e1dfdf; } .block-copy-links a:hover { color:#8fd400; text-decoration:none; } .block-location .block-location-txt a:hover { color:#8fd400; text-decoration:underline; } /* specific to catering */ #one-column .block-location-header { margin:0 0 10px 0; font-family:arial; font-weight:bold; color:#fff;} #one-column .block-location { float:left; margin:22px 0 0 48px; width:170px; text-decoration:none; } #one-column .block-location .block-location-txt { margin:0; } #block-location a { color:#e1dfdf; margin: 5px 15px 0px 0px; text-decoration:underline; } #block-location a:hover { color:#8fd400; text-decoration:underline; } #one-column .block-inset { float:left; margin:10px 0 0 0; padding:0 0 0 10px; width:182px; } #block-inset img {float:left; margin: 15px 0 0 0; } /* #one-column #footer { display: block; margin: 0 0 0 67px; width:960px; } harold */ #mini-nav-wrapper { height:27px; margin-right:16px; text-align:right; } /* Specific to Press Room Listing Table */ search-results-wrapper h2 {} #main-wrapper { } .block-copy-header { } /* Online Reservations */ #online-reservations { margin:0 0 0 20px; padding:25px 0 0 0; width:920px; } #online-reservations .left { width:454px; margin-top:-10px; } #online-reservations .left p { margin:36px 0 0 17px; width:427px; } #online-reservations .right { margin:-10px 0 0 8px; width:455px; } #online-reservations .right #reserve-wrapper { margin:24px 0 0 42px; padding:10px 0 0 23px; width:348px; height:111px; background:#212121; } #online-reservations .right #reserve-wrapper img { margin:0 0 0 46px; } #online-reservations .right #locate-wrapper { margin:59px 0 0 65px; } #online-reservations .right #locate-wrapper .left { float:left; position:relative; margin:0; width:185px; background:none;} #online-reservations .right #locate-wrapper .right { float:left; position:relative; margin:0; width:175px; background:none; } /* Thank you page */ #thank-you-sign-up { margin:0 0 0 20px; padding:25px 0 0 0; width:920px; } /* TWO-COLUMN-LAYOUT *******************************************************************************/ #two-column #container #header { display:block; margin: 0 auto; width:960px; } #two-column #main { float:left; } #two-column #main #main-middle { width:736px; } #two-column #main-nav-left { float:left; display:block; width:213px; min-height:500px; } /* THREE-COLUMN-LAYOUT *******************************************************************************/ #three-column #container #header { display:block; margin: 0 auto; width:960px; } #three-column #content { display:block; margin: 0 auto; width:960px; min-height:450px; } #three-column #main-nav-left { float:left; width:190px; } #three-column #main { float:left; padding:0 0 20px 0; width:770px; } #three-column #block-catering-delta-natural-path-matched-block #main { width:765px; } #three-column #block-catering-delta-natural-path-matched-block #main-nav-left { margin:20px 0 0 0; } #more-venues-wrapper { margin:14px 0 0 190px; padding:0 0 14px 0; width:750px; } #more-venues-wrapper #more-venue { margin:0 0 20px 0; } #three-column #main-top { vertical-align:bottom; display: block; width:762px; background:#000; border-bottom: 1px solid #1b1b1b; } #three-column #main-top .address { float:right; padding-bottom:5px; text-align:right; color:#b3b3b3; } #three-column .address a { display:block; } #three-column #main-top .contact { float:right; text-align:right; padding: 0 10px 5px 20px; color:#b3b3b3; } #three-column .contact a { vertical-align:bottom; } #three-column .left { float:left; width:356px; min-height:396px; background:#000; } #three-column .paragraph-copy { width: 315px; color: #b3b3b3; font-family:Verdana; font-size:11px; line-height:16px; } #three-column .right { float:left; width:412px; min-height:388px; background:#000; } #three-column .right img { margin: 32px 0 0 0; } #three-column a.event-inquiry-link { display:block; float:left; margin-top:5px; width:103px; height:20px; cursor:pointer; text-decoration:none; } #three-column a.event-inquiry-link span { visibility:hidden; } #three-column .menu-footer { margin:14px 0 20px 0; font-size:9px; font-style:italic; } /* specific to catering */ #three-column #catering-classification-key div { display: inline; } #three-column #catering-classification-key { float:right; margin:-5px 0 0 0; } #three-column #catering-classification-key .classification { } #three-column #catering-classification-key .classification-icon { padding:5px; } #three-column #catering-classification-key .classification-name { position:relative; bottom:8px; } #three-column .section-wrapper { margin-top:14px; } #three-column .overview-content { float:left; line-height:16px; } #three-column .gallery-wrapper { float:left; margin-left:45px; } .paragraph-title { margin-top:14px; } .section-reviews { padding-bottom:10px; } /* FOUR-COLUMN-LAYOUT *******************************************************************************/ #four-column #container #header { display:block; margin: 0 auto; width:960px; } #four-column #content { display: block; margin: 0 auto; padding:0 0 24px 0; width:960px; background:#000; } #four-column #main { position:relative; margin:0 0 0 30px; } #four-column #main #flash-content { background:transparent !important; } #four-column #main #block-3 { z-index:5; } #four-column #main-top { float:left; display:block; margin: 0 33px 0 0; padding:22px 0 0 0; width:900px; } #four-column .main-top-copy { margin:0 0 31px 0; } #four-column #block-1 { float: left; margin: 0; width:207px; } #four-column #block-2 { float:left; margin: 0 0 0 11px; width:207x; } #four-column #block-3 { float:left; margin: 0 0 0 10px; width:207px; } #four-column #block-4 { float:left; margin: 0 0 0 12px; width:207px; } #four-column .text-wrapper { padding:15px 0 0 14px; width:195px; background:transparent; } #four-column .text-wrapper p { width:183px; } #four-column .block-button { border: none; } #four-column .page-title { margin: 23px 0 11px 0; color: #fff; font-family:Gotham; font-weight: bold; font-size: 16px; text-transform: uppercase; } #four-column #casual-dining-buttons { margin:0 0 0 15px; height:33px; } #four-column #catering-events-buttons { margin:0 0 0 46px; height:33px; } #four-column .view-button { float:left; } #four-column #view-button-2, #four-column #view-button-3, #four-column #view-button-4 { margin:0 0 0 28px; } /* #four-column .clear { padding:0 0 24px 0; } */ /* FOOTER ******************************************************************************/ #footer-wrapper { margin:0 auto; } #footer-wrapper ul li a { color:#660000 !important; } #footer-copyright { float:left; margin-top:6px; text-align:left; font-size:9px; } /* SITEMAP ******************************************************************************/ #sitemap-blocks.wrapper { margin:4px 0 0 0; } #sitemap-blocks.wrapper .block { padding:16px 0 0 20px; } #sitemap-blocks.wrapper .block h3 { margin-bottom:4px; color:#fff;} #sitemap-blocks.wrapper .left .block { width:200px; min-height:369px; margin-left:10px; padding-right:10px;} /* GLOBAL SEARCH RESULTS *******************************************************************************/ #block-lucene-delta-natural-path-matched-block { } .zia-form-elements { } .search-results-header { } .search-results-content { } .search-results-content .search-result { } /* FORM STYLING *******************************************************************************/ input, textarea, select {} /* MISC. CLASSES & IDS *******************************************************************************/ .clear { clear:both; font-size:1px; } .italic { font-style:italic; } /* .active .no-highlight { font-weight:normal !important; color:#454900 !important; background:none !important; } .active .no-highlight:hover { font-weight:bold !important; color:#660000 !important; background:transparent url(/images/global/lnav-arrow.gif) no-repeat scroll left center !important; } */ #instruction-block { width:442px; } .thumb { border:4px solid #cbc3ac; } .red-required { color:#ad0000; } #block-menu-delta-yellow-brick-road { float:left; } #print-email-links .addthis_button-wrapper { float:left; }