/* ----------------------------------------------- We Can Solve It Author: Cameron Corda ----------------------------------------------- green: #668a33 */ /* YUI RESET ----------------------------------------------- */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;}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:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;} /* TYPOGRAPHY ----------------------------------------------- */ html, body {margin: 0; padding: 0; text-align: center; background: #fff} html { font-size: 100%; } /* Somehow Fixes IE */ body { font-size: 62.5%; font-family: Georgia,'Times New Roman', Times, serif; color: #555;} /* sets font to 10px */ #contentWrap { font-size: 1.2em; } /* 1.4em = 14px */ h1 {font-size: 1.8em; line-height: 1em; margin-bottom: .8em; letter-spacing: 0px;} h2 {font-size: 1.4em; margin-bottom: .5em; font-weight: normal;} h3 {font-size: 1.25em; margin-bottom: 1.2em; font-weight: normal;} h4 {font-size: 1.1em; margin-bottom: 1.2em; font-weight: bold;} h5 {font-size: 1.0em; margin-bottom: 1.2em; font-weight: bold;} h6 {font-size: 0.8em; margin-bottom: 1.2em; font-weight: bold;} ol, li {font-size: 1em; line-height: 1.5em; margin-top: 0.8em; margin-bottom: 0.4em;} p {font-size: 1em; line-height: 1.5em; margin-bottom: 1.2em; margin-top: 1.2em;} blockquote {font-size: 1em; line-height: 1.5em; margin: 1.2em 3em 1.2em 3em; text-align: justify;} pre {font-family: monospace; font-size: 1.0em;} strong, b {font-weight: bold;} em {font-style: italic;} td {vertical-align: top;} #content {line-height: 1.5em; font-size: 1.1em;} #content ul {margin-left: 20px;} #content li {background: url(/page/-/wrapper/img/bullet_arrow.png) 0 3px no-repeat; padding-left: 17px; margin: .3em 0} #content h1 {font-weight: normal;} #content h1 span.subtitle {font-size: .6em; color: #666; text-transform: uppercase; font-weight: normal;} #content h1 a {text-decoration: none; color: #0071BC;} #content h1 a:hover {text-decoration: underline;} #content h2 a {font-weight: normal; text-decoration: none;} #content h2 a:hover {text-decoration: underline;} #content h3 {color: #668a33; margin-bottom: .8em; font-size: 1.4em; font-family: arial, helvetica, sans-serif;} #content h3 a {font-weight: normal;} .sideBlock li {background: url(/page/-/wrapper/img/bullet_arrow.png) 0 2px no-repeat; padding-left: 14px;} /* TinyMCE RULES ----------------------------------------------- */ body.mceContentBody {font-size: 12px; text-align: left; margin: 20px;} body.mceContentBody ul {margin-left: 20px;} body.mceContentBody li {background: url(/page/-/wrapper/img/bullet_arrow.png) 0 3px no-repeat; padding-left: 17px; margin: .3em 0} body.mceContentBody h1 {font-weight: normal;} body.mceContentBody h1 span.subtitle {font-size: .6em; color: #666; text-transform: uppercase; font-weight: normal;} body.mceContentBody h1 a {text-decoration: none; color: #0071BC;} body.mceContentBody h1 a:hover {text-decoration: underline;} body.mceContentBody h2 a {font-weight: normal; text-decoration: none; color: #000;} body.mceContentBody h2 a:hover {text-decoration: underline;} body.mceContentBody h3 {color: #668a33; margin-bottom: .8em; font-size: 1.4em; font-family: arial, helvetica, sans-serif;} body.mceContentBody h3 a {font-weight: normal;} .more { color: #000 !important; } /* LINKS ----------------------------------------------- */ a {color: #000 !important; text-decoration: none;} a:link { color: #000 !important; } a:visited {} a:active {} a:hover {text-decoration: underline;} /* LAYOUT ----------------------------------------------- */ #container {margin: 0px auto; width: 900px; text-align: left;} #contentWrap {margin: 0 0 10px 0px; padding-top: 0px;} #content {width: 580px; float: left;} #side {width: 300px; float: right; margin: 0; zoom: 1;} #footer {clear: both;} body.onecol #sidebar {display: none;} body.onecol #content {width: 900px;} body.onecol #contentDivider {background: url(/page/-/wrapper/img/gradientdiv.jpg) no-repeat;} body#home #contentDivider {display: none;} body#home #contentInner {border: none;} /* HEADER ----------------------------------------------- */ #header {position: relative; padding-top: 92px;} #rheader {position: relative; padding-top: 95px;} #logo {position: absolute; top: 16px; left: 35px; background: url(/page/-/wrapper/img/wecan_logo_home.png) no-repeat; height: 69px; width: 457px;} #rlogo {position: absolute; top: 16px; background: url(/page/-/wrapper/img/repower-america.png) no-repeat; height: 75px; width: 560px;} #rlogo a {display: block; height: 75px; width: 560px;} #logo a {display: block; height: 69px; width: 457px;} #rlogo h2, #logo h2 {text-indent: -100em; overflow: hidden;} #navSecondary {position: absolute; top: 40px; left: 500px; width: 400px; font: .9em arial; text-transform: uppercase; text-align: right;} #navSecondary a {color: #8E8E8E; margin-left: 10px;} #rnavSecondary {position: absolute; top: 10px; left: 500px; width: 400px; font: 1.3em arial; text-transform: capitalize !important; text-align: right; } #rnavSecondary a { color: #000; margin-left: 10px; } #nav {width: 900px; height: 30px; position: relative;} #nav ul {background: url(/page/-/wrapper/img/nav.png) no-repeat; width: 900px; height: 30px;} #nav li {position: absolute; margin: 0;} #nav li a {display: block; height: 30px; text-indent: -9999px;} #nav li#navA {left: 44px; width: 100px;} #nav li#navB {left: 165px; width: 80px;} #nav li#navC {left: 263px; width: 95px;} #nav li#navD {left: 380px; width: 150px;} #nav li#navE {left: 552px; width: 75px;} #nav li#navF {left: 650px; width: 133px;} #nav li#navG {left: 808px; width: 47px;} #navA a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -44px -30px no-repeat;} #navB a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -165px -30px no-repeat;} #navC a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -263px -30px no-repeat;} #navD a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -380px -30px no-repeat;} #navE a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -552px -30px no-repeat;} #navF a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -650px -30px no-repeat;} #navG a:hover {background: transparent url(/page/-/wrapper/img/nav.png) -808px -30px no-repeat;} .why-join-we #navA a {background: transparent url(/page/-/wrapper/img/nav.png) -44px -30px no-repeat;} .solutions #navB a {background: transparent url(/page/-/wrapper/img/nav.png) -165px -30px no-repeat;} .take-action #navC a {background: transparent url(/page/-/wrapper/img/nav.png) -263px -30px no-repeat;} .we-are-succeeding #navD a {background: transparent url(/page/-/wrapper/img/nav.png) -380px -30px no-repeat;} .about-us #navE a {background: transparent url(/page/-/wrapper/img/nav.png) -552px -30px no-repeat;} .press-bloggers #navF a {background: transparent url(/page/-/wrapper/img/nav.png) -650px -30px no-repeat;} .store #navG a {background: transparent url(/page/-/wrapper/img/nav.png) -808px -30px no-repeat;} #nav li ul {display: none; width: 200px; height: auto; border: 1px solid #ddd; background: #fff;} #nav li ul li {float: none; position: static; margin: 0; padding: 0;} #nav li ul a { width: 180px; margin: 5px 10px; padding: 2px 0; background: #fff; background-image: none !important; /* important to overwrite the above section-specific highlights */ color: #555; border-bottom: 1px solid #ddd; font-weight: normal; height: auto; position: static; text-indent: 0; font-family: verdana; font-size: 9px; text-decoration: none; } #nav li ul a:hover {color: #668a33; background: #fff;} #nav li:hover ul, #nav li.sfhover ul {z-index: 1000; display: block;} /* SIDE ----------------------------------------------- */ #side {background: #B6DFF4 url(/page/-/wrapper/img/sidebg.png) repeat-x; padding: 0px} .sideBlock {margin: 10px; padding: 10px 10px 0 10px; background: #E9F4FF;} .sideBlock h3 {color: #668a33; margin-bottom: .6em; font-size: 1.4em; font-family: arial, helvetica, sans-serif;} .sideBlock li {margin-top: 0; margin-bottom: .4em; line-height: 1.2em;} .sideBlock li a {color: #555;} .sideBlock li a span {color: #555;} .sideBlock a {text-decoration: none;} .sideBlock a:hover {text-decoration: underline;} .sideBlock p.more {border-top: 1px solid #B6DFF4; margin: 10px -10px 0 -10px; padding: 5px 10px; text-align: left; font-family: arial;} .sideBlock p.more a {margin-right: 10px; text-transform: uppercase; font-size: .9em;} .sideBlock .entry {margin-left: -2px;} .sideBlock .entry h2 {font-size: 1.1em; margin-bottom: .2em;} .sideBlock .entry .text {background: transparent; margin-left: 2px;} .sideBlock .entry .thumb {float: left; width: 80px; padding-top: 3px;} .sideBlock .entry .thumb img {background: #fff; padding: 1px; border: 1px solid #ddd;} .sideBlock .entry .text p {margin-bottom: 0; margin-top: 0;} /* .sideBlock .entry .text {float: right; width: 425px;} */ #sideJoin {} #sideJoin form {margin: 20px;} #sideJoin h2 {color: #fff; margin-bottom: .8em; margin-right: 40px; font-size: 2em; line-height: 1em; font-family: arial, helvetica, sans-serif;} #sideJoin label {display: none;} #sideJoin #qsEmail {width: 220px;} #sideJoin .buttonImg {background: transparent;} #sideJoin p {font-family: arial; color: #fff;} #sideToolbox .addthis {margin-top: 14px; display: block;} /* HOME ----------------------------------------------- */ #homeFlash {margin-bottom: 25px;} #homeContent {} #homeContent ul {margin-left: 0px;} #homeContent li a {color: #555;} #homeContent li a span {color: #668a33;} #homeContent h3 {color: #668a33; margin-bottom: .8em; font-size: 1.4em; font-family: arial, helvetica, sans-serif;} #homeContent p.more a {margin-right: 10px; text-transform: uppercase; font-size: .95em; font-family: arial;} #homeContentLeft {width: 250px; float: left; margin: 0 25px 0 50px;} #homeContentCenter {width: 250px; float: left; margin: 0} #homeContentRight {width: 250px; float: left; margin: 0 50px 0 25px;} /* CONTENT ----------------------------------------------- */ #content {} #contentDivider {height: 9px; background: url(/page/-/wrapper/img/gradientdiv580.jpg) no-repeat;} #contentInner {border: 1px solid #ddd; border-top: 1px solid transparent;} /* transparent top border needed to bring side borders up to the gradient */ #contentText {margin: 20px;} #contentBSD {margin: 20px;} /* Top Level Section Pages (campaigns, solutions, etc) */ body.sectionIntro #contentDivider {display: none;} body.sectionIntro #contentInner {position: relative; padding-top: 299px;} #contentIntroVideo {position: absolute; top: -1px; left: -1px;} #contentIntroText {background: #f1f1f1; padding: 20px; border-bottom: 1px solid #ddd;} #contentIntroActions {background: #f1f1f1; padding: 10px 10px; border-bottom: 1px solid #ddd;} #contentIntroActions .entry {width: 248px; float: left; border: none; padding: 0 10px; margin-bottom: 0;} #contentIntroActions #action-1 {border-right: 1px solid #ccc; padding-right: 20px;} #contentIntroActions #action-2 {padding-left: 20px; padding-right: 0px;} #contentIntroActions h2 {margin-bottom: .2em; font-size: 1.2em; line-height: 1.2em;} #contentIntroActions .thumb {float: left; width: 80px; padding-top: 3px;} #contentIntroActions .thumb img {background: #fff; padding: 1px; border: 1px solid #ddd;} #contentIntroActions .text {float: right; width: 153px; background: #f1f1f1} #contentIntroActions .text p {margin-bottom: 0; margin-top: 0; line-height: 1.3em;} #contentIntroActions .textButton {width: 72px; margin: 2px auto;} #contentIntroList {padding: 20px 0px 10px 20px;} #contentIntroList h2 {margin-bottom: .3em;} #contentIntroList .entry {padding: 7px 0; margin-bottom: 0;} #contentIntroList #navlist-1 {padding-top: 0;} #contentIntroList .thumb {float: left; width: 80px; padding-top: 23px;} #contentIntroList .thumb img {background: #fff; padding: 1px; border: 1px solid #ddd;} #contentIntroList .text {float: right; width: 445px; border-top: 1px solid #f0f0f0; padding: 20px 20px 0 0;} #contentIntroList #navlist-1 .text {border-top: none; padding-top: 0;} #contentIntroList #navlist-1 .thumb {padding-top: 0;} #contentIntroList .text p {margin-bottom: 0; margin-top: 0;} #contentIntroMore {margin: 0 20px; border-top: 1px solid #ddd; padding-left: 10px;} #content .sectionBullets {padding: 10px; margin-right: 20px;} #content .sectionBullets h2 {margin-bottom: .2em;} #content .sectionBullets h2 a {color: #555;} #content .sectionBullets ul {margin: 10px 10px;} #content .sectionBullets li {margin: 10px 0px;} #content .sectionBullets p.more {font-size: .95em;} /* Solutions Detail Page */ #contentSlideshow {float: left; margin: 0 10px 10px 0px; border: 1px solid #ddd; background: #fff; padding: 1px;} #contentSlideshow .caption {padding: 10px; font-family: arial; font-size: .95em;} #contentSolutionActions #contentIntroActions {border-top: 1px solid #ddd;} #contentSolutionResources {padding: 20px;} #contentSolutionResources ul {margin-left: 5px;} /* PRESS - BLOGGERS */ #pbPress {border-bottom: 1px solid #ddd;} #pbNews {border-bottom: 1px solid #ddd;} /* SUCCESS */ #successIntroWe {border-bottom: 1px solid #F0F0F0;} #successIntroGovernment {border-bottom: 1px solid #F0F0F0;} #successIntroBusiness {border-bottom: 1px solid #F0F0F0;} /* JS Quick Signup Embed */ #contentEmbedJoin {margin: 10px 0px; height: 20px;} #contentEmbedJoin h2 {display: none;} #contentEmbedJoin label {display: none;} #contentEmbedJoin input#esEmail {width: 200px; margin-right: 3px;} /* JOIN WE (/content/register/) */ #registrationForm {} #registrationForm div {margin: 10px 40px;} #registrationForm label {float: left; text-align: right; width: 150px;} #registrationForm input.text {width: 200px; margin-left: 10px;} #registrationForm input.button {width: 106px; margin-left: 160px; border: 1px solid #555;} #registrationForm input.input_zip {width: 100px;} #registrationForm input.input_zip {width: 100px;} /* TABLE ARCHIVES */ .tableArchives table {border-collapse: collapse; margin-bottom: 0px; width:100%;} .tableArchives th {border-bottom: 1px solid #fff; background: #999; color: #fff; padding: 3px 5px 2px 5px; letter-spacing: 1px;} .tableArchives td {border-bottom: 1px solid #ccc; padding: 5px; vertical-align: top;} .tableArchives td.odd {background: #fff;} .tableArchives td.even {background: #f8f8f8;} .tableArchives td.title {padding-right: 10px; width: 85%;} .tableArchives td.date {white-space: nowrap;} .tableArchives p.paginate {text-align: left; margin: 5px; font-size: 1.1em;} .tableArchives p.paginate a.more {color: #333;} /* FAQ */ #contentAnswers {border-top: 1px solid #ddd; margin: 20px 0; padding: 20px;} #contentAnswers h5 {margin-bottom: .1em;} #contentAnswers .answer {margin-bottom: 30px;} #contentAnswers .answer p {margin-top: 0;} /* SEARCH */ #searchResults {} #searchResultsForm {} #searchResultsForm input.text {width: 200px;} a.more {whitespace: nowrap;} p.more {text-transform: uppercase; font-family: arial;} .more {} .noresults {margin-top: 0;} /* FOOTER ----------------------------------------------- */ #footer {margin: 40px 0 20px 0px; text-align: left; font-family: arial; font-size: 1.1em;} #footer a {margin: 0 5px;} #footer span {margin: 0 4px;} #footer p {margin: 0 0 20px 15px; text-align: center;} #footerLinks {font-size: 1.1em;} #footerLinks a {margin: 0 5px 0 0;} #footerText {width: 600px; float: left; padding-top: 7px;} #footerSearch {width: 250px; float: right;} #footerSearch input.text {width: 210px;} /* Comments ----------------------------------------------- */ #comments {margin: 30px 0;} .comment {font-size: 1em; margin: 0 10px 30px 10px; padding: 5px; background: #f8f8f8} .commentOdd {} .commentEven {} .commentNumber {border-bottom: 1px solid #999; padding: 3px; color: #EE2E24; text-align: right; margin-bottom: 0;} .commentNumber a {text-decoration: none;} .commentNumber a:hover {text-decoration: underline;} .commentInfo {border-top: 1px solid #999; padding: 3px; color: #666; margin-top: 0; font-size: .9em;} .commentText {margin-left: 3px; margin-right: 3px;} .commentText p {margin: 6px 0;} #commentPost {border-top: 1px solid #999; padding-top: 30px;} #commentPost td {padding: 0; margin: 0;} #commentPost form p {margin: 1px 0; padding: 3px 0;} #commentPost form em {} #commentPost form label {display: block; width: 90px; float: left; text-align: right; padding-right: 10px; padding-top: 1px;} #commentPost form input.text {width: 420px;} #commentPost form textarea {width: 420px;} /* UTILS ----------------------------------------------- */ img {border: 0;} .left {text-align: left;} .center {text-align: center;} .right {text-align: right;} .floatl {float: left; margin: 0; padding: 0 10px 10px 0;} .floatr {float: right; margin: 0; padding: 0 0 10px 10px;} .floatl_border {float: left; margin: 0; padding: 0 10px 10px 0; border: 1px solid #ddd; padding: 1px;} .floatr_border {float: right; margin: 0; padding: 0 0 10px 10px; border: 1px solid #ddd; padding: 1px;} .textButton {background: #668a33; color: #fff; text-align: center; display: block; padding: 2px; font-family: arial, helvetica, sans-serif;} .textButton:hover {background: #A6CE39;} .whitespace {margin: 0; padding: 0; width: 740px; background: #fff; height: 10px; clear: both;} .clear {clear:both; height:0; margin:0; font-size: 1px; line-height: 0;} .noborder {border: none !important;} .editThis {margin: 0; background: transparent !important; text-align: right;} .editThis a {margin: 0; display: inline !important; padding: 0 !important; background: transparent !important;} p + div.editThis {margin-top: -12px;} div#editComments {text-align: left; margin-top: -12px; margin-bottom: 12px;} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */ * html .clearfix {height:1px;} /* FORM ATTRIBUTES ----------------------------------------------- */ input.text, textarea {font-size: 11px; background: #fff; border: 1px solid #ddd; padding: 3px; color: #555; font-family: arial;} input.submit, input.button, #bodyBSD input.submit, #bodyBSD #invitationpage input.submit, #bodyBSD #speakout input.landing-button, #bodyBSD #speakout input.button-send, #bodyBSD #speakout input.button {background: #7FBA00; padding: 2px 3px; color: #fff; font-weight: normal; font-size: 13px; font-family: arial, helvetica, sans-serif; border: none;} input.submit:hover, input.button:hover, #bodyBSD input.submit:hover, #bodyBSD #invitationpage input.submit:hover, #bodyBSD #speakout input.landing-button-over, #bodyBSD #speakout input.button-send-over, #bodyBSD #speakout input.button-over {background: #668a33; cursor: pointer;} #bodyBSD #speakout input.landing-button-over, #bodyBSD #speakout input.button-send-over, #bodyBSD #speakout input.button-over {padding: 2px 3px; color: #fff; font-weight: normal; font-size: 13px; font-family: arial, helvetica, sans-serif; border: none;} input.buttonImg {cursor: pointer; border: none; vertical-align: middle; padding: 0;} select {font-size: 11px; background: #fff; text-align: left;} /* Fix margin error on signup pages */ #signupheader p { margin-bottom: 0; }