/* ------------------------------------------------------------------------------ --------------------------------------------------------------------------------- dbrlonghorns.com Stylesheet: style.css Author: Jeff Sierra, Brent White ChicoWebDesign.com Version: MARCH 25 2011 --------------------------------------------------------------------------------- ------------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------ RESET ------------------------------------------------------------------------------ */ * { outline: none; } a:link { color: #431f0e; text-decoration: underline; } a:visited { text-decoration: underline; color: #431f0e; } a:hover { text-decoration: none; color: #431f0e; } a:active { text-decoration: underline; color: #431f0e; } /* ------------------------------------------------------------------------------ FONT ------------------------------------------------------------------------------ */ body,td,th { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #333333; } /* ------------------------------------------------------------------------------ BODY ------------------------------------------------------------------------------ */ html { background: #cbbd98 url(/images/layout/html.jpg) repeat-x 0 247px; margin: 0px; padding: 0px; } body { background: url(/images/layout/body.gif) repeat-x 0 0; margin: 0px; padding: 0px; } /* ------------------------------------------------------------------------------ HEADER ------------------------------------------------------------------------------ */ #header { display: block; position: relative; width: 960px; height: 200px; background: url(/images/layout/header.jpg) repeat-x 0 0; } /* --------------------------------------------------------------------------- */ #header_logo { display: block; width: 502px; height: 200px; margin: 0 auto; overflow: hidden; text-indent: -9999px; background: url(/images/layout/header/logo.gif) no-repeat 0 0; } /* --------------------------------------------------------------------------- */ #header .contact_info { display: block; position: absolute; bottom: 15px; margin: 0; color: #421a03; font-size: 12px; } #header .contact_info a { color: #8b4116; } #header .oklahoma { left: 15px; text-align: left; } #header .california { right: 15px; text-align: right; } /* ------------------------------------------------------------------------------ FORM ------------------------------------------------------------------------------ */ .input { border: 1px solid #cccccc; } .form_status{ font-weight: bold; color: #ff0000; } span.separation, span.seperation { display:block; height:34px; background:url(/images/content-bg.gif) repeat-x 0 0; overflow:hidden; text-indent:-9999px; } h1 { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #431f0e; font-weight: normal; letter-spacing: -1px; } #top-bg { background: url(/images/body-bg-1.jpg) repeat-x; height: 215px; z-index: 1; position: absolute; width: 100%; top: 0; left: 0; } #center-bg { background: url(/images/body-bg-2.jpg) repeat-x center; height: 213px; top: 215px; left: 0; width: 100%; z-index: 1; position: absolute; } .main { z-index: 2; position: relative; margin: 0 auto; background: #f7f3e7 url(/images/watermark.gif) no-repeat bottom right; border-bottom: #f7f3e7 5px solid; border-left: #f7f3e7 5px solid; border-right: #f7f3e7 5px solid; width: 960px; } #nav-container { background-image: url(/images/navigation-bg.jpg); height: 45px; } .featured-bg { background-color: #e9e3d1; border: #d6c9b2 1px solid; margin-top: 5px; } .featured { background: #e0d8c0; width: 230px; padding: 5px; border: #bdaf88 1px solid; } .featured-title { font-family: "Times New Roman", Times, serif; font-size: 20px; color: #431f0e; display: block; border-bottom: #bdaf88 1px dashed; margin-top: 5px; } .featured-desc { font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 14px; color: #5a5a5a; } .featured p { margin: 0px; } #nav, #nav ul { padding: 0; margin: 0; list-style: none; } #nav a { display: block; } #nav li { float: left; /*width: 10em;*/ } #nav li a.level0 { font-family:Garamond,Times,serif; font-size:14px; line-height:45px; color:#fff; padding:0 6px; background:url(/images/navigation/nav-item-bg.gif) no-repeat 0 0; text-decoration:none; text-transform:uppercase; letter-spacing:-1px; } #nav li a.level0:hover { background-repeat:repeat-x; background-position:0 -45px; } #nav li ul { position: absolute; width: 10em; left: -999em; background-color: #e4d9c3; border: #d5c8b1 1px solid; padding: 3px; z-index: 99; } #nav li ul a { width: 10em; border-bottom: #d5c8b1 1px solid; padding: 2px 0px 2px 0px; background: url(/images/navigation/navigate-li.gif) no-repeat center right; text-decoration: none; } #nav li:hover ul { left: auto; } #nav li:hover ul, #nav li.sfhover ul { left: auto; } #nav li li a:hover { background-color: #d5c8b1; } /*Category Page */ .category-img { background: #e0d8c0; padding: 3px; border: #bdaf88 1px solid; } .category-name { } .butler { font-style: italic; font-size: 12px; } /*Longhorn Details Page */ .name-of-longhorn { font-family: "Times New Roman", Times, serif; font-size: 24px; color: #431f0e; font-weight: normal; letter-spacing: -1px; } .title { font-weight: bold; color: #431f0e; } .special-butler { border-bottom: #431f0e 1px dashed; background-color: #e9e1d2; padding: 3px; color: #431f0e; } .category { color: #999999; font-style: italic; font-size: 12px; } .longhorn-img { background: #e0d8c0; padding: 3px; border: #bdaf88 1px solid; } .longhorn-thumb-img { background: #e0d8c0; padding: 3px; border: #bdaf88 1px solid; margin-top: 5px; } /*sub nav */ #section_nav { float: left; width: 175px; margin: 0 15px 0 0; font-weight: bold; background: #e0d8c0; padding: 3px; border: #bdaf88 1px solid; } #section_nav ul { margin: 0px; padding: 0px; line-height: 20px; list-style: none; background-color: #bdaf88; } #section_nav li li { border-bottom: #bdaf88 1px solid; background-color: #e0d8c0; } #section_nav ul li li a:link, #section_nav ul li li a:visited, #section_nav ul li li a:active { display: block; padding-left: 10px; text-decoration: none; font-weight: normal; } #section_nav ul li li a:hover { background-color: #f1ecdd; } /* ------------------------------------------------------------------------------ GENERAL ------------------------------------------------------------------------------ */ .fleft { float: left; } .fright { float: right; } .fnone { float: none; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } /* ------------------------------------------------------------------------------ CONTENT ------------------------------------------------------------------------------ */ #content { background: url(/images/content-bg.gif) repeat-x 0 0; padding: 30px 5px 5px 5px; line-height: 16px; } #content #price {color: red; } /* ------------------------------------------------------------------------------ BREAD CRUMBS ------------------------------------------------------------------------------ */ ul#breadcrumbs { list-style: none; font-style: italic; font-size: 14px; margin: 0; padding: 0 0 20px 0; } ul#breadcrumbs li { display: block; background: url(/resources/public/images/layout/bread-crumbs-bg.gif) no-repeat 100% 35%; float: left; margin: 0; padding: 0; } ul#breadcrumbs li.last { background: none; margin: 0 15px 0 10px; } ul#breadcrumbs li a { display: block; background: url(/images/gallery-underline.gif) repeat-x 50% 100%; text-decoration: none; margin: 0 15px 0 10px; padding: 0 0 8px 0; } ul#breadcrumbs li a:hover { background: none; } /* ------------------------------------------------------------------------------ GALLERY ------------------------------------------------------------------------------ */ #gallery-heading { position: relative; background: url(/images/gallery-underline.gif) repeat-x 50% 70%; color: #431f0e; text-align: center; margin: 0 0 15px 0; padding: 50px 0 15px 0; } #gallery-heading h3 { font: italic 24px/24px Georgia, "Times New Roman", Times, serif; color: #431f0e; margin: 0; padding: 0; } #gallery-heading a { position: absolute; bottom: 10px; display: block; background: url(/images/navigation-bg.jpg) repeat-x 0 0; width: 80px; text-decoration: none; color: #EAE2CF; padding: 5px; } #gallery-heading a:hover, #gallery-heading a.next:hover, #gallery-heading a.previous:hover { text-decoration: none; } #gallery-heading a.previous { left: 250px; } #gallery-heading a.next { right: 250px; } #gallery-view { text-align: center; } #gallery-view a img { background: #e0d8c0; padding: 3px; margin: 0 0 5px 0; border: #bdaf88 1px solid; } ul#gallery-list { list-style: none; margin: 0; padding: 15px 0 15px 0; height: 100%; clear: both; overflow: auto; } ul#gallery-list li { float: left; width: 245px; height: 200px; text-align: center; } ul#gallery-list li a { text-decoration: none; } ul#gallery-list li a span { padding: 0 0 8px 0; } ul#gallery-list li a:hover span { background: url(/images/gallery-underline.gif) repeat-x 50% 100%; } ul#gallery-list li a img { background: #e0d8c0; padding: 3px; margin: 0 0 5px 0; border: #bdaf88 1px solid; } ul#gallery-images { list-style: none; margin: 0; padding: 15px 0 15px 0; height: 100%; clear: both; overflow: auto; } ul#gallery-images li { float: left; width: 245px; height: 200px; text-align: center; } ul#gallery-images li a { text-decoration: none; } ul#gallery-images li a span { padding: 0 0 8px 0; } ul#gallery-images li a:hover span { background: url(/images/gallery-underline.gif) repeat-x 50% 100%; } ul#gallery-images li a img { background: #e0d8c0; padding: 3px; margin: 0 0 5px 0; border: #bdaf88 1px solid; } /* ------------------------------------------------------------------------------ FOOTER ------------------------------------------------------------------------------ */ #footer-bg { background: url(/images/footer-bg.gif) repeat-x 0 0; height: 6px; line-height: 6px; font-size: 6px; margin: 0; padding: 0; } #footer { position: relative; z-index: 2; margin: 5px auto; width: 960px; color: #431f0e; font-weight: bold; background-color: #cbbd98; } #footer a:link, #footer a:visited, #footer a:hover, #footer a:active { font-weight: normal; text-decoration: none; background-color: #cbbd98; } #copyright { float: left; width: 480px; text-align: left; background-color: #cbbd98; } #chicowebdesign { float: left; width: 480px; text-align: right; }