/* Client: Sirona Fuels Client URI: http://www.sironafuels.com/ Description: Screen Stylesheet Version: 1.0 Author: Horn Group Author URI: http://www.horngroup.com/ */ /* Color Palette orange = ec7c1f red = b32017 grey (text) = 615b52 light grey (behind sub-nav) = ece7df */ /* ------------------------------------------ */ /* -- Generic ------------------------------- */ /* ------------------------------------------ */ * {margin:0px; padding:0px; border:none; outline:none;} .clear {clear:both;} html,body{height:100%; width:100%; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#615b52; background:#b9ad9d;} h1{} h2{font-size:28px; font-weight:bold; color:#b32017; margin:0px 0px 20px 0px;} h3{font-size:14px; font-weight:bold; color:#b32017; margin:0px 0px 10px 0px; padding:15px 0px 0px 0px;} h4{font-size:18px; font-weight:normal; color:#b32017; } h5{font-size:14px; color:#fdbf57; text-transform:uppercase;} h6{font-size:16px; font-weight:normal; color:#b32017; } p{line-height:18px; margin:0px 0px 15px 0px;} ol{margin:0px 0px 10px 20px;} ol li{padding:3px 0px 3px 0px;} /* ------------------------------------------ */ /* -- Containers ---------------------------- */ /* ------------------------------------------ */ #page-background{background:url(../images/page-bg.jpg) center top no-repeat; position:absolute; top:0px; left:0px; height:100%; width:100%;} #page{position:absolute; height:100%; width:100%;} #container{width:900px; margin:0px auto 0px auto; padding:0px 0px 25px 0px;} /* ------------------------------------------ */ /* -- Header -------------------------------- */ /* ------------------------------------------ */ #header{position:relative;} #header h1{position:relative; top:0px; left:-8px;} #header h1 a{display:block; width:239px; height:155px; background:url(../images/logo.png) 0px 0px no-repeat;} #header h1 a i{display:none;} #header ul#nav{position:absolute; top:85px; right:0px; list-style:none;} #header ul#nav li{float:left;} #header ul#nav li a{display:block; padding:3px 12px 5px 12px; color:#ec7c1f; text-decoration:none; font-weight:bold; font-size:18px; font-variant:small-caps; text-transform:lowercase;} #header ul#nav li a.current{background:#b32017; color:#ffffff;} #header ul#nav li a.section{background:#b32017; color:#ffffff;} #header ul#nav li a:hover{background:#ec7c1f; color:#ffffff;} #header ul#utilities{position:absolute; top:10px; right:0px; list-style:none; background:url(../images/nav-nut.gif) 0px 0px no-repeat; padding:6px 0px 0px 16px;} #header ul#utilities li{float:left;} #header ul#utilities li a{display:block; color:#887f6f; padding:3px 12px 5px 12px; text-decoration:none; text-transform:lowercase;} #header ul#utilities li a:hover{ color:#000000;} /* ------------------------------------------ */ /* -- Shadows ------------------------------- */ /* ------------------------------------------ */ #landing-shadow-top{background:url(../images/landing-top.png) 0px 0px no-repeat; display:block; height:12px;} #shadow-top{background:url(../images/content-top.png) 0px 0px no-repeat; display:block; height:32px;} /* ------------------------------------------ */ /* -- Main Content -------------------------- */ /* ------------------------------------------ */ #content{background:url(../images/content-bg.png) 0px 0px repeat-y; padding:0px 11px 0px 10px;} #lhs{float:left; width:510px; padding:35px 85px 25px 85px; overflow:hidden;} #lhs img{margin:8px 15px 5px 15px;} #lhs ul{list-style:none; margin:0px 0px 10px 0px;} #lhs ul li{background:url(../images/bullet.png) 0px 0px no-repeat; padding:0px 0px 0px 15px; line-height:18px;} #lhs blockquote{background:#b8af9e; padding:15px 15px 5px 15px; margin:5px 0px 5px 20px; width:220px; font-size:12px; float:right;} #lhs blockquote p{color:#ffffff; margin:0px 0px 10px 0px;} #lhs blockquote ul{padding:10px 0px 5px 0px;} #lhs blockquote ul li{background:url(../images/bullet2.png) 0px 0px no-repeat; margin:0px 0px 10px 0px; color:#615b52;} #lhs blockquote .mask{position:relative; overflow:hidden; height:150px;} #lhs blockquote .mask img{margin:0px 0px 0px 0px;} #lhs a{color:#ec7c1f; text-decoration:none;} #lhs a:hover{color:#000000;} #pagination{clear:both; font-size:16px; padding:15px 0px 15px 0px;} #pagination a{color:#ec7c1f; text-decoration:none;} #pagination a:hover{} table{font-size:12px; border-collapse:collapse;} table thead{color:#d1c6b5;} table thead td{border:none;} table tr{} table td{padding:5px 5px 5px 5px; border-top:1px solid #d1c6b5; vertical-align:top; text-align:left;} #lhs .global-partners{} #lhs .global-partners li{background:none; padding:0px 0px 0px 0px; margin:0px 0px 10px 0px; height:48px;} #lhs .global-partners li a{line-height:48px;} #lhs .global-partners li a span{display:block; width:48px; height:48px; float:left; margin:0px 15px 0px 0px;} #lhs .global-partners li a span img{margin:0px 0px 0px 0px;} /* ------------------------------------------ */ /* -- Media --------------------------------- */ /* ------------------------------------------ */ #lhs .media-module{margin:0px 0px 35px 0px;} #lhs .media-module h4{margin:0px 0px 0px 0px; padding:15px 0px 0px 0px;} #lhs .media-module h4 a{color:#b32017;} #lhs .media-module h6{margin:15px 0px 9px 0px; padding:20px 0px 0px 0px; clear:both;} #lhs .media-module span{font-style:italic;} #lhs .media-module span.date{margin-top:0px;font-style:normal; position:relative; top:-7px; font-size:16px;} #lhs .media-module img{float:left; margin:4px 15px 15px 0px;} #lhs .media-module a.more {clear:both; display:block; border-top:1px solid #e0dcd4; padding:5px 0px 0px 0px;} /* ------------------------------------------ */ /* -- Photo Gallery ------------------------- */ /* ------------------------------------------ */ #photo-gallery{font-size:11px; padding:15px 0px 0px 0px;} #photo-gallery ul{list-style:none;} #photo-gallery ul li{background:#000000; padding:0px;} #photo-gallery img{margin:0px;} #photo-gallery .galleria_wrapper img{display:block; margin:0px auto 15px auto;} #photo-gallery .caption{display:block; text-align:center; margin:0px 0px 15px 0px;} #photo-gallery ul.galleria{list-style:none;} #photo-gallery ul.galleria li{ background:#000000; display:block; width:96px; height:64px; overflow:hidden; float:left; margin:0px 6px 5px 0px;} #photo-gallery ul.galleria li a{display:none;} #photo-gallery ul.galleria li div{position:absolute; display:none; top:0; left:180px;} #photo-gallery ul.galleria li div img{cursor:pointer;} #photo-gallery ul.galleria li.active div img,.galleria li.active div{display:block;} #photo-gallery ul.galleria li img.thumb{cursor:pointer; top:auto; left:auto; display:block; width:auto; height:auto;} #photo-gallery #gallery-nav{display:block; text-align:center; padding:0px 0px 10px 0px;} /* ------------------------------------------ */ /* -- Contact ------------------------------- */ /* ------------------------------------------ */ #lhs .contact-module{float:left; width:245px; margin:0px 10px 0px 0px;} #lhs .contact-module h4{margin:10px 0px 15px 0px;} #lhs #contact-form .error {font-size:11px; font-weight:normal; color:#b32017; padding: 0px 0px 0px 0px; border:0px solid #e2d6c9; margin-bottom: 10px;} #lhs #contact-form .input p{position:relative; height:30px; background:#ffffff; border:1px solid #e2d6c9;} #lhs #contact-form .input input{position:absolute; top:0px; left:0px; background:transparent; font-size:14px; font-weight:normal; color:#615b52; padding:5px 10px 0px 10px; height:25px; width:488px;} #lhs #contact-form .textarea text{ font-size:14px; font-weight:normal; color:#615b52; } #lhs #contact-form .textarea p{position:relative; height:120px; background:#ffffff; border:1px solid #e2d6c9; } #lhs #contact-form .textarea textarea{position:absolute; top:0px; left:0px; background:transparent; font-size:14px; font-weight:normal; color:#615b52; padding:5px 10px 0px 10px; height:110px; width:493px;} #lhs #contact-form{clear:both; padding:25px 0px 0px 0px;} #lhs #contact-form h4{margin:10px 0px 15px 0px;} /* ------------------------------------------ */ /* -- Landing Page -------------------------- */ /* ------------------------------------------ */ #landing{position:relative; background:url(../images/landing-bg.png) 0px 0px repeat-y; padding:0px 11px 0px 10px;} #flash-holder{position:relative; top:0px; left:0px; width:879px; height:322px; border-bottom:1px solid #d4cdc2;} #flash{position:absolute; top:0px; right:196px; width:750px; height:322px; border-right:1px solid #d4cdc2; overflow:visible;} #flash p{margin:0px;} #flash object{float:right;} #flash-sidebar{position:absolute; top:0px; right:0px; width:196px; height:322px;} #flash-sidebar a{display:block; width:196px; height:163px; overflow:hidden;} #flash-sidebar a + a{height:158px; border-top:1px solid #d4cdc2;} #flash-sidebar a img{padding:0px; margin:0px;} #flash-sidebar a#top{background:url(../images/landing-biodiesel.jpg) 0px 0px no-repeat;} #flash-sidebar a#top:hover{background:url(../images/landing-biodiesel.jpg) 0px -163px no-repeat;} #flash-sidebar a#bottom{background:url(../images/landing-feedstock.jpg) 0px 0px no-repeat;} #flash-sidebar a#bottom:hover{background:url(../images/landing-feedstock.jpg) 0px -158px no-repeat;} #buckets{background:url(../images/buckets-bg.png) 0px 0px repeat-y; padding:20px 0px 20px 0px; color:#e6ded2;} #buckets h5{margin:0px 0px 5px 0px;} #buckets h5 a{color:#fdbf57; text-decoration:none;} #buckets h5 a:hover{background:none;} #buckets p{line-height:16px; margin:0px 0px 5px 0px;} #buckets ul{list-style:none;} #buckets a{color:#e6ded2; text-decoration:none;} #buckets a:hover{background:#443b2d;} #buckets #partners{width:154px; min-height:125px; float:left; border-right:1px solid #9a9385; padding:0px 15px 0px 15px;} #buckets #partners ul{position:relative; height:81px; margin:12px 0px 0px 0px;} #buckets #partners ul li{position:absolute; top:0px; left:0px;} #buckets #partners ul li img{display:block;} #buckets #news{width:471px; min-height:125px; float:left; padding:0px 13px 0px 13px;} #buckets #news ul li{position:relative; clear:both; margin:0px 0px 10px 0px;} #buckets #news ul li span{float:left; display:block; width:375px;} #buckets #news ul li span.date{float:left; display:block; width:90px;} #buckets #blog{width:170px; min-height:125px; float:left; border-left:1px solid #9a9385; padding:0px 13px 0px 13px; color:#e6ded2; font-size:14px;} #buckets #blog span{font-size:11px;} /* ------------------------------------------ */ /* -- Sidebar ------------------------------- */ /* ------------------------------------------ */ #sidebar{float:left; width:197px; padding:0px 0px 0px 2px;} #sub-nav{list-style:none; background:#ece7df; padding:0px 10px 10px 10px;} #sub-nav li{} #sub-nav li a{display:block; padding:5px 3px 5px 5px; color:#ec7c1f; text-decoration:none; font-weight:bold; font-size:14px;} #sub-nav li a.current{background:#b32017; color:#ffffff;} #sub-nav li a:hover{background:#ec7c1f; color:#ffffff;} .buy-biodiesel{display:block; background:url(../images/interior-biodiesel.jpg) 0px 0px no-repeat; display:block; width:197px; height:113px; margin:0px 0px 1px 0px;} .buy-biodiesel:hover{background-position:0px -113px;} .buy-biodiesel i{display:none;} .feedstock{display:block; background:url(../images/interior-feedstock.jpg) 0px 0px no-repeat; display:block; width:197px; height:113px;} .feedstock:hover{background-position:0px -113px;} .feedstock i{display:none;} .sidebar-module{padding:16px 0px 16px 0px; margin:0px 18px 0px 18px; border-bottom:1px solid #9d9689;} .sidebar-module h5{margin:0px 0px 10px 0px;} .sidebar-module img{margin:0px 0px 12px 0px;} .sidebar-module p{font-size:13px; color:#ffffff; margin:0px 0px 10px 0px;} .sidebar-module span{font-size:9px; color:#ede5da; display:block;} .sidebar-module a{text-decoration:none; color:#ffffff; display:inline;} .sidebar-module a:hover{background:#443b2d;} .sidebar-module ul{list-style:none;} .sidebar-module ul li{margin:0px 0px 10px 0px;} .sidebar-module ul li a span{display:inline; font-weight:bold; font-size:13px; margin:0px 8px 0px 0px;} /* ------------------------------------------ */ /* -- Sitemap / Breadcrumbs / Copyright ---- */ /* ------------------------------------------ */ #sitemap{background:url(../images/sitemap-bg.png) 0px 0px repeat-y; padding:0px 0px 20px 0px;} #sitemap.closed{padding:0px 0px 0px 0px;} #sitemap ul{list-style:none;} #sitemap ul li{float:left; margin:0px 0px 0px 50px; width:130px; padding:0px 0px 0px 0px;} #sitemap ul li a{font-size:11px; font-weight:bold; color:#ede5da; text-decoration:none; padding:2px 0px 2px 0px;} #sitemap ul li ul{list-style:none; margin:0px 0px 0px 0px;} #sitemap ul li ul li{float:none; margin:3px 0px 3px 0px;} #sitemap ul li ul li a{font-weight:normal;} #sitemap ul li a:hover{background:#fdbf57; color:#443b2d;} #quicklinks {display:block; margin:0px 10px 0px 10px; padding:10px 15px 10px 15px; cursor:pointer; border-top:1px solid #c7bdae;} #quicklinks a{font-size:11px; font-weight:bold; color:#ede5da; text-decoration:none; text-transform:uppercase; background:url(../images/quicklinks-arrows.gif) 73px 5px no-repeat; padding:0px 15px 0px 0px;} #quicklinks a:hover{color:#443b2d; background-position:73px -95px;} #quicklinks a.closed{color:#ede5da; background-position:73px -45px;} #quicklinks a.closed:hover{color:#443b2d; background-position:73px -145px;} #quicklinks.hover a{color:#443b2d; background-position:73px -95px;} #quicklinks.hover a.closed{color:#443b2d; background-position:73px -145px;} #breadcrumb{font-size:11px; border-top:1px solid #a9a196; border-bottom:1px solid #a9a196; margin:0px 25px 10px 25px; padding:3px 0px 3px 0px;} #breadcrumb a{color:#ede5da; text-decoration:none;} #breadcrumb p{margin:0px;} #copyright{background:url(../images/shadow-bottom.png) 0px 0px no-repeat; color:#ebe3d9; font-size:10px; list-style:none; padding:8px 0px 0px 25px;} #copyright li{display:inline; margin:0px 10px 0px 0px;} #copyright li a{border-left:1px solid #ebe3d9; color:#ebe3d9; padding:0px 0px 0px 10px; text-decoration:none;} #copyright li a:first-child{border:none;} #copyright li a:hover{} /* ------------------------------------------ */ /* -- IE7 Fixes ----------------------------- */ /* ------------------------------------------ */ #header ul#nav li a{*font-weight:bold; *font-size:14px; *font-variant:normal; *text-transform:uppercase;} #quicklinks {*padding:5px 15px 10px 15px;} ol{*margin:0px 0px 10px 25px;} /* ------------------------------------------ */ /* -- IE6 Fixes ----------------------------- */ /* ------------------------------------------ */ #page{_background:url(../images/sironafuels-ie6-bg.jpg) center 0px no-repeat;} #landing-shadow-top{_background:none;} #shadow-top{_background:none;} #header h1 a{_background:url(../images/logo.gif) 0px 0px no-repeat;} #landing{_background:none;} #buckets{_background:#8b8473; _position:relative; _height:110px;} #buckets #partners{_float:none; _z-index:1337; _position:absolute; _top:10px; _left:0px;} #buckets #news{_float:none; _z-index:1337; _position:absolute; _top:10px; _left:185px;} #buckets #blog{_float:none; _z-index:1337; _position:absolute; _top:10px; _right:0px;} #sitemap{_background:#9a9281;} #sitemap ul li{_margin:0px 0px 0px 35px; _width:130px;} #copyright{_background:none;} /* ------------------------------------------ */ /* -- SilverStrip Admin CSS ----------------- */ /* ------------------------------------------ */ #Form_EditForm{margin:10px 0px 0px 0px;} #Form_EditForm input{border:1px solid #c1c1c1;} #Form_EditForm form .field{margin:0px;} #Form_EditForm form label.left{margin:0px; width:100px;} /* ------------------------------------------ */ /* -- sIFR ---------------------------------- */ /* ------------------------------------------ */ .sIFR-flash {visibility:visible !important; margin:0px; padding:0px;} .sIFR-unloading .sIFR-flash {visibility:hidden !important;} .sIFR-replaced, .sIFR-ignore {visibility:visible !important;} .sIFR-alternate {position:absolute; left:0px; top:0px; width:0px; height:0px; display: block; overflow:hidden;} .sIFR-replaced div.sIFR-fixfocus {margin:0pt; padding:0pt; overflow:auto; letter-spacing:0px; float:none;} .sIFR-dummy {width:0px; height:0px; margin-left:42px; z-index:0;}