/* @override http://chooseethanol.com/?css=styles/style.v.1255463194 */ /* ---------------------------------------------------------- **Choose Ethanol** CSS Managed by: Blue State Digital Last Update: June 2009 TABLE OF CONTENT 01 - GLOBAL BROWSER RESET 02 - COMMON STYLE 03 - LAYOUT 04 - HOMEPAGE 05 - SUBPAGES 06 - FRAMEWORK 07 - UTILITY COLOR GUIDE (Main Site Colors and their Hex Codes) ---------------------------------------------------------- */ /* 01 =GLOBAL BROWSER RESET ---------------------------------------------------------- */ /* YUI Reset version: 2.7.0 */ html { color: #444; background: #1a7fa0 url(/page/-/images/body-bg.gif) repeat-x left top; } html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var,optgroup { font-style: inherit; font-weight: inherit; } del,ins { text-decoration: none; } li { list-style: none; } caption, th { text-align: left; } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; } q:before, q:after { content: ''; } abbr,acronym { border: 0; font-variant: normal; } sup { vertical-align: baseline; } sub { vertical-align: baseline; } /*because legend doesn't inherit in IE */ legend { color: #333; } input,button,textarea,select,optgroup,option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; } /*@purpose To enable resizing for IE */ /*@branch For IE6-Win, IE7-Win */ input,button,textarea,select { *font-size: 100%; } /* 02 =COMMON STYLE ---------------------------------------------------------- */ body { background: url(/page/-/images/hash-bg.gif); font-family: Helvetica, sans-serif; height: 100%; } .base { font-size: 13px; line-height: 18px; } .base h1 { font-size: 30px; margin: 0 0 6px 0; } .base h2 { font-size: 24px; margin: 18px 0 12px 0; } .base h3 { font-size: 21px; margin: 0 0 6px 0; } .base h4 { font-size: 18px; font-weight: bold; margin: 0 0 6px 0; } .base p { margin: 0 0 16px 0; } a { color: #142665; text-decoration: none; } a:hover { text-decoration: underline; } blockquote { background: #e5eff1; color: #444; margin: 0 24px 18px 24px; padding: 5px; } .base ul, ol { margin: 0 0 18px 18px; } .base ul { } .base ol { } .base ul li { list-style: disc; padding: 6px 0;} .base ol li { list-style: decimal; padding: 6px 0; } .base li ol { margin-left: 18px; } .base li ul { margin-left: 18px; } /* 03 =LAYOUT ---------------------------------------------------------- */ #container { margin: 0 auto 50px auto; width: 960px; } #header { background: url(/page/-/images/gas-gun.gif) 612px bottom no-repeat; } #header h1 { float: left; display: inline; font-size: 60px; font-style: italic; margin-left: 20px; } #header form { background: url(/page/-/images/sign-up-bg.gif) top right no-repeat; float: right; display: inline; margin: 6px 10px 0 0; padding: 55px 22px 6px 22px; } #quick-signup legend { display: none; } #quick-signup #email, #zip-code { background: #fff; border: none; color: #999; font-size: 12px; margin-bottom: 5px; padding: 4px; } #quick-signup #email { width: 120px; } #quick-signup #zip-code { width: 70px; } #quick-signup #submit-bt { vertical-align: top; } #site-nav { background: #efa109; border-bottom: 1px solid #cd8e13; font-size: 13px; margin: 0; padding: 0; } #site-nav li { background: #efa109; float: left; border-right: 1px solid #cd8e13; margin: 0; padding: 10px 0; text-align: center; width: 159px; } #site-nav a { color: #fff; } #site-nav .no-border { border: 0; } #splash { background: #025271; font-size: 13px; position: relative; } #splash-nav { float: left; font-size: 14px; margin: 0; position: absolute; text-align: center; text-shadow: #025b7d 0px 1px 1px; margin: -50px 0 0 630px; width: 330px; z-index: 50; } #splash-nav a { color: #f3f0dc; padding: 5px 10px; } .activeSlide { background: #024b68; padding: 5px 10px; text-decoration: underline; } #slides { background: url(/page/-/images/feature-bg.gif) 640px 10px no-repeat; height: 300px; overflow: hidden; } #slides table { background: url(/page/-/images/feature-bg.gif) 640px 10px no-repeat; } #slides .content { /*background: #025b7d;*/ color: #f3f0dc; margin: 10px; padding: 1px 40px; text-shadow: #025b7d 0px 1px 1px; } #slides .content p {padding-bottom: 20px} #slides h2 { font-size: 30px; margin: 20px 0 10px 0; } #slides img { width: 630px; } #slides .image-holder { vertical-align: middle; } #main { width: 960px; } /* =sidebar */ #sidebar { color: #fff; float: right; display: inline; margin: 0; padding: 0; width: 330px; } #events {padding: 0 0 0 10px; margin: 35px 0 35px 0;} #upcoming-events {background: #407506 url(/page/-/images/upcoming-events.png) no-repeat 20px center; height: 40px; width: 309px;text-indent: -900em; width: 309px;} #upcoming-events a {display: block; height: 40px; width: 309px;} #upcoming-events-cont ul {margin: 0 0 0 15px;} #upcoming-events-cont li.event {list-style-type: none; width: 260px; background: rgba(255, 255, 255, .1); margin: 0 0 8px 0; line-height: 15px; padding: 8px;} #upcoming-events-cont li.event a {display: block; height: 100%; width: 100%; color: #fff;} .event a:hover {text-decoration: none;} #on-twitter {padding: 0 0 0 10px; margin: 35px 0 35px 0;} #choose-ethanol-on-twitter {background: url(/page/-/images/choose-ethanol-on-twitter.png) no-repeat; height: 40px; text-indent: -900em; width: 309px;} #choose-ethanol-on-twitter a {display: block; height: 40px; width: 309px;} #twitter-entries-cont ul {margin: 0 0 0 15px;} #twitter-entries-cont li.tweet {list-style-type: none; width: 260px; background: rgba(255, 255, 255, .1); margin: 0 0 8px 0; line-height: 15px; padding: 8px;} #twitter-entries-cont li.tweet a {display: block; height: 100%; width: 100%; color: #fff;} .tweet a:hover {text-decoration: none;} #flickr-widget {background: url(/page/-/images/flickr-bg.png); height: 353px; width: 330px; margin: 30px 0 0 0; padding: 15px 0 0 ; position: relative;} #choose-ethanol-on-flickr {background: url(/page/-/images/choose-ethanol-on-flickr.png) no-repeat; height: 40px; text-indent: -900em; width: 308px; margin: 0 0 0 10px;} #choose-ethanol-on-flickr a {display: block; height: 40px; width: 308px;} #flickr-thumb-cont {position: relative;} #flickr-prev {background: url(/page/-/images/flickr-left-arrow.png) no-repeat center center; display: block; height: 75px; text-indent: -900em; width: 20px; position: absolute; top: 200px; left: 15px; outline: 0;} #flickr-next {background: url(/page/-/images/flickr-right-arrow.png) no-repeat center center; display: block; height: 75px; text-indent: -900em; width: 20px; position: absolute; top: 200px; right: 15px; outline: 0;} #flickr-thumb {position: absolute; top: 70px; left: 45px; height: 135px; width: 240px;} #flickr-thumb-link {display: block; height: 135px; width: 240px; position: absolute; cursor: pointer; z-index: 50;} #flickr-thumb-description {position: absolute; top: 210px; left: 45px; width: 240px; height: 55px; line-height: 15px} #flickr-thumb-inner-container {width: 240px; overflow: hidden; position: absolute; top: 200px; left: 45px !important;} .flickr-thumb-li {height: 75px; width: 75px; display: inline; margin: 0 7px 0 0; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left;} #flickr-thumb-ul {width: 6000px; margin: 0 0 0 0; padding: 0 0 0 0;} .one-col { background: #fff; } .two-col { background: #fff url(/page/-/images/main-sidebar-bg.gif) repeat-y; } .two-col .content { float: left; display: inline; margin: 0; padding: 0; width: 630px; overflow: hidden; } #main .content { padding: 1px 0 30px 0; } .content a { color: #026f9a; }/* .content h2, .content h3, .content h4 { font-family: Georgia, "Times New Roman", Times, serif; }*/ .content h2 { font-size: 24px; } .entry { padding: 1px 0; } .one-col .content .entry { border-bottom: 1px solid #edece3; margin: 20px 160px; } .two-col .content .entry { border-bottom: 1px solid #edece3; margin: 20px 30px; } .content .entries { margin: 20px 30px; } .metadata { font-size: 12px; color: #ccc; } .entry-date { color: #333; } .email-entry { background: url(/page/-/images/email-entry.gif) 0 0 no-repeat; margin-right: 10px; padding-left: 20px; } .related-entries { background:url(/page/-/images/related-entries.gif) 0 0 no-repeat; margin-left: 10px; padding-left: 15px; } #footer { background-color: #025271; color: #f3f0dc; font-size: 12px; margin: 0 0 50px 0; padding: 10px 0; text-shadow: #025b7d 0px 1px 1px; width: 960px; position: relative;} #footer a { color: #f3f0dc; text-decoration: underline; } #footer a:hover { text-decoration: none; } .copyright { display: inline; float: left; margin: 8px 0 0 10px; } #footer .links { display: inline; float: right; margin: 8px 60px 0 0; } a#footer-logo { position: absolute; display: block; text-indent: -900em; left: 22px; top: 13px; width: 135px; height: 29px; float: left; } #footer img {float: left; display: inline; margin-left: 20px;} #footer p {display: inline; } /* 04 =HOMEPAGE ---------------------------------------------------------- */ .base .section-title { background: #efa10a; color: #fff; margin: 10px; padding: 8px 20px; } #e85-locations { background: #edece3; color: #323230; margin: 10px; padding: 1px; } #e85-locations h3 { font-size: 16px; font-weight: bold; } .find-out-bt a { background: url(/page/-/images/find-out-bt.gif) 0 0 no-repeat; display: -moz-inline-stack; display: inline-block; height: 34px; margin: 6px 0 0 0; width: 111px; } .find-out-bt a:hover { background: url(/page/-/images/find-out-bt.gif) 0 -34px no-repeat; } .map { display: inline; float: left; margin: 10px; text-align: center; width: 280px; } .caption { float: right; display: inline; margin: 30px 20px; width: 260px; } #news-center img { float: left; } .news-resources { float: right; font-family: Helvetica, sans-serif; font-size: 12px; margin-top: 3px; } .news-resources a { color: #fff; } .rss { background: url(/page/-/images/rss.gif) left center no-repeat; margin: 0 0 0 16px; padding: 1px 0 1px 16px; } #quick-facts, #latest-video { padding: 10px; } #search-box {background: #407506; margin: 30px 0 0 10px; width: 299px; padding: 2px 0 15px 10px;} #search-header {background: url(/page/-/images/search-choose-ethanol.png); height: 17px; width: 207px; text-indent: -900em;} #quick-facts h2 img, #latest-video h2 img { float: left; } .see-more-bt { float: right; font-size: 12px; margin-top: 1px} .see-more-bt a { color: #fff; } .see-more-bt a:hover { color: #ffc208; } #other-news { font-size: 12px; margin: 20px 30px; } #other-news h2 { font-size: 18px; } #other-news h3 { font-family: Helvetica, sans-serif; font-size: 14px; margin-bottom: 0; } #tell-a-friend { margin: 0; } #tell-a-friend a { background: url(/page/-/images/tell-a-friend.gif) 0 0 no-repeat; display: block; height: 60px; } #tell-a-friend a:hover { background: url(/page/-/images/tell-a-friend.gif) 0 -60px no-repeat; } #join-us, #latest-video { background: url(/page/-/images/sidebar-module-bg.gif) repeat-y; } #join-us h2 { margin-bottom: 5px; } #sidebar #join-us { padding: 1px 0 10px 0; text-align: center; } #facebook-bt a { background: url(/page/-/images/facebook-bt-bg.gif) 0 0 no-repeat; display: inline-block; height: 58px; } #facebook-bt a:hover { background: url(/page/-/images/facebook-bt-bg.gif) 0 -58px; } #flickr-bt a { background: url(/page/-/images/flickr-bt-bg.gif) 0 0 no-repeat; display: inline-block; height: 58px; } #flickr-bt a:hover { background: url(/page/-/images/flickr-bt-bg.gif) 0 -58px; } #youtube-bt a { background: url(/page/-/images/youtube-bt-bg.gif) 0 0 no-repeat; display: inline-block; height: 58px; } #youtube-bt a:hover { background: url(/page/-/images/youtube-bt-bg.gif) 0 -58px; } #twitter-bt a { background: url(/page/-/images/twitter-bt-bg.gif) 0 0 no-repeat; display: inline-block; height: 58px; } #twitter-bt a:hover { background: url(/page/-/images/twitter-bt-bg.gif) 0 -58px; } #quick-facts h2, #latest-video h2 { background: #407506; font-size: 16px; padding: 8px 15px; } #quick-facts h3 { font-size: 14px; font-weight: bold; margin-bottom: 0; } #quick-facts .entry { border-bottom: 1px solid #78ad13; margin: 0 10px; padding: 10px; } /* 05 =SUBPAGES ---------------------------------------------------------- */ a.more-news { margin: 0 30px; float: right; font-size: 14px; font-weight: bold; } p.pagination { margin: 0 30px; float: right; } /* search */ #search-results {margin: 0 0 0 -15px;} /* issues */ .issue-container {padding: 10px; border-bottom: 1px solid #ccc; margin: 0 0 20px 0;} .issue-container .left {float: left; padding: 0 0 0 0;} .issue-container .right {float: right; width: 440px;} .issue-container h3 {margin: 0 0 10px 0;} .issue-container h3 a {} .issue-container p {padding: 0 0 0 0;} #ct-desc {margin: 0 0 0 10px; width: 600px;} .issue-ul {float: left; list-style: none;} ul.issue-ul li {list-style-type: none; margin: 0 0 5px 0; padding: 0;} body#what-is-ethanol #issue-list {margin: 0 auto 0 auto; width: 410px;} ul.issue-ul {margin: 0 50px 0 0;} /* 06 =FRAMEWORK ---------------------------------------------------------- */ /* 07 =UTILITY ---------------------------------------------------------- */ .stretcher { clear: both; height: 1px; visibility: hidden; } .nomargin { margin-bottom: 0px; } .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl-nomargin { float: left; margin: 0; padding: 0;} .floatr-nomargin { float: right; margin: 0; padding: 0;} .clear { clear:both; height: 0px; margin: 0; font-size: 0px; line-height: 0px; } .required { color: red; } i, em { font-style: italic; } b, strong { font-weight: bold; } sup, sub { height: 0; line-height: 1; vertical-align: baseline; vertical-align: bottom; position: relative;} sup { bottom: 1ex; } sub { top: .5ex; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} .clearfix {display:block;}