/* ---------------------------------------------------------- ============================================================= RESET ============================================================= --------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; } ins { background-color: #ff9; color:#000; text-decoration: none; } mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; } table { border-collapse: collapse; border-spacing: 0; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } input, select { vertical-align: middle; } /* ---------------------------------------------------------- ============================================================= BASE PAGE SETUP ============================================================= --------------------------------------------------------- */ body { background: #fff; background:url(../images/layout/tile-texture-top-60.png) repeat-x; font: 14px/20px Verdana, Geneva, sans-serif; color:#000; line-height:14px} html { background: #fff; } .olive { background:url(../images/layout/tile-texture-top-100.png) repeat-x;} /* ---------------------------------------------------------- ============================================================= BASE LINK TYPOGRAPHY ============================================================= --------------------------------------------------------- */ a { color: #944624; text-decoration:none; } a:hover { text-decoration:underline; } /* ---------------------------------------------------------- ============================================================= BASE HEADER TYPOGRAPHY ============================================================= --------------------------------------------------------- */ h1 { font:italic 38px/38px Georgia, "Times New Roman", Times, serif; color:#413d28; margin-bottom:10px;} .tmacs h1 {color:#d5cfa6;} #splash #masthead h1 { font-size:16px; line-height:20px; font-style:normal; text-transform:uppercase; text-align:center; position:relative; top:100px; color:#000; letter-spacing:16px} h2 { font-weight:bold; font-size:12px; letter-spacing:2px; color:#413d28; text-transform:uppercase; margin-bottom:10px; padding-top:10px} .tmacs h2 { color:#fff;} .indent { margin-left:150px; margin-bottom:30px;} h3 { font:italic 20px/20px Georgia, "Times New Roman", Times, serif; color:#994624; margin-bottom:5px;} h4 { font: 12px/16px Verdana, Geneva, sans-serif;} /* ---------------------------------------------------------- ============================================================= BASE DIV CLASSES ============================================================= --------------------------------------------------------- */ .column_left { float:left; position:relative; display:inline; overflow:hidden; width:480px; margin:0 0 0 15px; padding-top:60px; width:660px} #home .column_left { width:480px; margin:0 30px 0 5px; padding-top:16px;} .column_right { float:left; position:relative; display:inline; overflow:hidden; width:410px; padding-top:140px;} .column_middle { float:left; position:relative; display:inline; overflow:hidden; width:509px; padding:50px 0 0 20px; border-left:1px solid #000;} #sidebar { float:left; position:relative; display:inline; overflow:hidden; width:240px; padding-bottom:20px; margin-left:10px; background:#9f9063; border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .tmacs #sidebar { background:#5a2700} /* ---------------------------------------------------------- ============================================================= BASE LIST STYLING ============================================================= --------------------------------------------------------- */ #content ul {margin:0 0 10px 25px;} #content li {line-height:20px;} /* ---------------------------------------------------------- ============================================================= BUTTON STYLES ============================================================= --------------------------------------------------------- */ a.button { height:30px; line-height:30px; color:#fff; display:block; float:left; background:#000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; outline:none; font:italic 20px/30px Georgia, "Times New Roman", Times, serif; padding:0 20px; position:relative;} a.button:hover { color:#5a2700; background:#fff; text-decoration:none;} .tmacs a.button:hover { background:#d5cfa6} /* ---------------------------------------------------------- ============================================================= PARAGRAPH TYPOGRAPHY ============================================================= --------------------------------------------------------- */ p {margin-bottom:10px; line-height:20px} #intro p {font-size:16px; line-height:26px} #sidebar p {margin:20px 10px; color:#fff; font:italic 14px/20px Georgia, "Times New Roman", Times, serif;} #subnav p {color:#fff; font:italic 12px/14px Georgia, "Times New Roman", Times, serif; letter-spacing:2px; margin-left:10px} .tmacs #subnav p {color:#fff9dc;} /* ---------------------------------------------------------- ============================================================= MASTHEAD ============================================================= --------------------------------------------------------- */ #masthead_wrap { position:relative; top:0; z-index:1000; background:url(../images/layout/olive_nav.png) repeat-x bottom;} #splash #masthead_wrap { background:none;} .tmacs #masthead_wrap { background:url(../images/layout/tmacs_nav.png) repeat-x bottom;} #masthead { position: relative; margin: 0 auto; width: 960px; height:150px; } #splash #masthead { height:140px;} .family { height:43px; display:block; line-height:43px; float:right; background:url(../images/layout/button-family-link.png) no-repeat top left; padding-left:16px; color:#000;} .family:hover { background-position:left -45px; color:#944624; text-decoration:none} .olive #logo { display: block; height:190px; width:270px; position:absolute; top:0; left:35px; background:url(../images/layout/logo-olive-270x190.png) no-repeat; text-indent:-9999px; overflow:hidden;} .tmacs #logo { display: block; width:550px; height:150px; position:absolute; top:44px; left:185px; background:url(../images/layout/logo-tmacs-550x150.png) no-repeat; text-indent:-9999px; overflow:hidden;} #hours { padding:0; margin:0; list-style:none; position:relative; top:28px; margin-left: 335px; font:italic normal 16px/20px Georgia, "Times New Roman", Times, serif; color:#413d28;} #hours li { margin-bottom:4px;} #hours span { color:#9f9063} #menu { width:166px; height:104px; position:absolute; top:67px; left:10px; background:url(../images/layout/reservation-tag.png) no-repeat;} #menu a { width:132px; height:29px; display:block; margin:5px 0 0 17px; background:url(../images/layout/button-menu.png) no-repeat; overflow:hidden; text-indent:-9999px} #menu a:hover { background-position:0 -32px;} /* ---------------------------------------------------------- ============================================================= MAIN NAVIGATION ============================================================= --------------------------------------------------------- */ #main_nav { position: absolute; bottom:0; left:309px; height:30px } .tmacs #main_nav { left:179px;} #main_nav ul { list-style-type: none; margin:0; padding:0} #main_nav li { display: inline; margin:0; padding:0; background:url(../images/layout/olive_nav_pipe.png) no-repeat right center; height:30px; float:left;} #main_nav li:last-child { background:none;} #main_nav li.active a, #main_nav li.parent-active a { background:url(../images/layout/nav-indicator.png) no-repeat top center #000; color:#fff;} #main_nav a { color:#fff9dc; line-height:30px; display:block; float:left; padding:0 12px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; margin-right:1px; outline:none;} #main_nav a:hover { background:#d5cfa6; color:#000; text-decoration:none;} .tmacs #main_nav a:hover{ color:#5a2700;} #main_nav li.active a:hover, #main_nav li.parent-active a:hover { color:#fff;} /* ---------------------------------------------------------- ============================================================= BANNER ============================================================= --------------------------------------------------------- */ #banner_wrap { position:relative; background: url(../images/layout/tile-gradient-olive-320.png) repeat-x; height:320px; width:100%; overflow:visible; z-index:20;} .tmacs #banner_wrap { background:url(../images/layout/tile-gradient-tmac-320.png) repeat-x;} #banner { position: relative; width:960px; margin:0 auto; height:320px; overflow:visible;} #slideshow { margin:0; padding:0; list-style:none; position:relative; overflow:visible;} #slideshow li {position:relative; overflow:visible;} #slideshow img {display:block; margin:0; padding:0} #slideshow p {position:absolute; right:35px; top:320px; background:#413d28; margin:0; width:390px; padding:20px 10px; font:italic 14px/17px Georgia, "Times New Roman", Times, serif; color:#fff; border-radius:0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;} .tmacs #slideshow p {background:#5a2700;} #slideshow_nav {position:absolute; top:300px; right:35px; height:20px; z-index:30;} #slideshow_nav a {color:#fff; font:14px/20px Georgia, "Times New Roman", Times, serif; display:block; width:38px; height:20px; float:left; background:#413d28; background: rgba(65, 61, 40, 0.7); -pie-background:rgba(65, 61, 40, 0.7); border-radius:5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align:center; margin-left:2px;} .tmacs #slideshow_nav a {background:#5a2700; background: rgba(90, 39, 0, 0.7); -pie-background:rgba(90, 39, 0, 0.7);} #slideshow_nav a:hover {text-decoration:none; background:#413d28; -pie-background:#413d28;} .tmacs #slideshow_nav a:hover{ background:#5a2700; -pie-background:#5a2700;} #slideshow_nav a.activeSlide{ background:#413d28; -pie-background:#413d28;} .tmacs #slideshow_nav a.activeSlide{ background:#5a2700; -pie-background:#5a2700;} /* ---------------------------------------------------------- ============================================================= SITE CONTAINERS ============================================================= --------------------------------------------------------- */ #container { margin: 0 auto; padding:0; position: relative; overflow:hidden; margin-bottom:30px} /* ---------------------------------------------------------- ============================================================= SUBNAV ============================================================= --------------------------------------------------------- */ #subnav { float: left; padding-top:66px; width: 140px; margin-left:5px; } #subnav ul { list-style-type: none; margin:0;} #subnav li { margin-bottom:1px; display:block; padding:0; position:relative; width:140px; float:right;} #subnav a { color:#fff; padding:10px 0 10px 10px; background:#413d28; display:block; border-radius:5px 0 0 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; font:14px/14px Georgia, "Times New Roman", Times, serif; text-transform:uppercase; overflow:hidden; position:relative;} .tmacs #subnav a { background:#5a2700;} #subnav a:hover { text-decoration:none; background:#fff9dc; color:#6d3613} .tmacs #subnav a:hover {background:#d5cfa6; color:#5a2700} #subnav li.active a, .tmacs #subnav li.active a { background:#000; color:#fff;} /* ---------------------------------------------------------- ============================================================= MAIN CONTENT ============================================================= --------------------------------------------------------- */ #content_wrap_top { position:relative; background:url(../images/layout/tile-gradient-tan-top-100.png) repeat-x #d5cfa6; width:100%; margin-bottom:20px;} #splash #content_wrap_top { height:450px; margin-top:160px;} #home #content_wrap_top { background-image:none; height:300px; margin-bottom:145px} .tmacs #content_wrap_top { background:url(../images/layout/tile-gradient-tmac-top-100.png) repeat-x #944624;} #content_wrap_bot { position: relative; width:100%; background:url(../images/layout/tile-texture-bottom-100.png) repeat-x bottom; overflow:hidden} #splash #content_wrap_bot { height:450px; overflow:visible} #home #content_wrap_bot { height:300px; overflow:visible;} .tmacs #content_wrap_bot { background:url(../images/layout/tile-texture-tmac-bottom-100.png) repeat-x bottom;} #content { width: 960px; position:relative; margin:0 auto 50px auto; padding-top:1px; /* overflow:hidden; */ } #splash #content { position:absolute; top:-156px; height:605px; margin:0 -480px 0 -480px; left:50%; right:50%; padding:0;} .tmacs #content { color:#fff9dc;} .store { width:310px; height:555px; margin-left:10px; position:relative; float:left;} .store a { position:relative; padding-top:10px; width:298px; height:500px; display:block; padding:10px 1px 1px; color:#000; background:url(../images/layout/tile-gradient-tan-top-100-rollover.png) repeat-x 0 -155px;} .store a:hover { background-position:0 155px; background-color:#fff9dc; border:1px solid #b0a878; padding:9px 0 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color:#000; text-decoration:none;} .store_logo { margin-bottom:9px; overflow:hidden; text-align:center} .visit_store { height:26px; background:url(../images/layout/button-visit-website.png) no-repeat top center; overflow:hidden; text-indent:-9999px; margin-bottom:28px;} .store a:hover .visit_store { background-position:center -31px} .store_info { width:250px; float:left; margin-left:25px;} .store_info img { margin-bottom:20px; display:block;} .store_info p { font:14px/20px Georgia, "Times New Roman", Times, serif; text-align:center;} #olive_catering p { font-size:13px; line-height:18px; padding:0 2px;} .store_info b { font-size:20px; display:block; font-weight:normal} .store .divide { height:360px; width:1px; background:#000; position:absolute; bottom:0; right:0;} #intro { padding:25px 20px 58px 40px; position:relative; overflow:hidden} .olive #intro { height: 200px; margin-bottom: 20px; } .tmacs #intro { background:url(../images/content/dropcap-tan.png) no-repeat 0 0;} #events { margin:0 0 0 50px; padding:5px 0 0 146px; position:relative; height: auto !important; height: 104px; min-height: 104px; color:#000} #events img { position:absolute; top:0; left:0;} .home_events { margin:0 0 0 50px; padding:5px 0 0 146px; position:relative; height:104px; color:#000; } .home_events img { position:absolute; top:0; left:0; } #find_us { text-align:right; position:relative; padding-right:250px; height:290px} .tmacs #find_us { color:#fff;} #find_us img { position:absolute; top:0; right:0;} #find_us p a { color:#000;} .tmacs #find_us p a { color:#fff;} #find_us a.button { float:right;} .find_button { overflow:hidden; margin-bottom:10px;} .facebook { width:50px; height:50px; display:block; background:url(../images/icons/icon-fb.png) no-repeat; overflow:hidden; text-indent:9999px;} #find_us .facebook { position:absolute; bottom:0; right:250px;} .align_left { float:left; margin:10px 20px 10px 0;} .align_right { float:right; margin:10px 0 10px 20px;} .align_center { display:block; margin:10px auto 10px auto;} .excerpt { margin-bottom:30px; padding-left:150px; position:relative; min-height:110px;} .excerpt img { position:absolute; top:0; left:0; border:3px solid #fff} /* ---------------------------------------------------------- ============================================================= FOOTER ============================================================= --------------------------------------------------------- */ #footer { margin: 0 auto; position: relative; text-align: left; width: 960px;} #copyright { font-size:9px; text-transform:uppercase; letter-spacing:.05em; text-align:right; margin-right:35px; margin-bottom:20px} #copyright a { color:#000;} #copyright a:hover { color: #944624; text-decoration:none;} #address { text-align:right; font:15px/20px Georgia, "Times New Roman", Times, serif;} #address a { display:block; color:#000; margin-bottom:5px;} #address a:hover { color:#944624; text-decoration:none;} #footer .facebook { float:right; margin-left:20px; margin-right:35px;} /* ---------------------------------------------------------- ============================================================= SEARCH RESULTS ============================================================= --------------------------------------------------------- */ #search_results { border-collapse: collapse; margin-top: 20px; width: 100%; } #search_results th { font-weight: bold; text-align: left; padding: 0 0 10px 10px; } #search_results td { padding: 10px 30px 10px 5px; } #search_results td.search_title { padding-left: 10px; width: 70%; } #search_results td.search_channel { padding-left: 10px; width: 25%; } #search_results td.resultRowOne { background-color: #f0f0f0; border-bottom: 1px solid #ccc; } #search_results td.resultRowTwo { border-bottom: 1px solid #eee; }