/*
Title: EnergyRace Primary Stylesheet for screen media
Author: scott@scottjehl.com, business@jonreil.com
Updated: 
Notes:
*/

body {
	font-family: Verdana, sans-serif;
	font-size: 62.5%;
	color: #333;
	background: #4466AA url(/images/site/bg_WaveTile.jpg) repeat-x top center;
}

/* remove global defaults
------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	outline: 0;
}
a img, fieldset {
border: 0;
}


/* links
------------------------------------------*/
a{
	color: #558833;
}
a:hover {
	color: #6CA237;
}
a:active {
	color: #487A27;
}


/* layout
------------------------------------------*/

div#pageContain {
	width: 930px;
	position: relative;
        margin: 0 auto;
}
div#pageContent {
	background: #fff url(/images/site/bg_contentMid.gif) repeat-y;
	margin-top: -1px;
}
div.contentWrap {
	background: url(/images/site/bg_contentTop.gif) no-repeat top;
}
div.contentWrap div.contentWrap {
	background: url(/images/site/bg_contentBot.gif) no-repeat bottom;
	padding: 11px;
	padding-bottom: 2em;
}



/* header
------------------------------------------*/
div#header {
	margin: 27px 12px 20px 12px;
	position: relative;
}
h1#tagLine, p#tagLine {
	position: absolute;
	right: 0;
	top: 19px;
	width: 481px;
	height: 15px;
	text-indent: -9000px;
	margin: 0;
	background: url(/images/site/txt_headerTag2.gif) no-repeat 0 0;
}
div#header  dl {
	position: absolute;
	right: 0;
	top: 43px;
}
div#header  dt, div#header  dd {
	float: left;
	font-size: 1.2em;
line-height: 2.3em;
}
div#header  dt {
margin-right: .5em;
}
div#header dl dd a {
display: block;
text-indent: -9000px;
}
div#header dl.signedOut dt {
font-style: italic;
}
div#header dl.signedOut dd a {
width: 62px;
height: 23px;
background: url(/images/site/btn_utilSignIn.gif) no-repeat 0 0;
}
div#header dl.signedIn dd a {
width: 73px;
height: 23px;
background: url(/images/site/btn_utilSignOut.gif) no-repeat 0 0;
}
div#header dl.signedIn dd a:hover, div#header dl.signedOut dd a:hover  {
background-position: 0 -23px;
}

/* primary nav
------------------------------------------*/
ul#primaryNavigation {
	margin: 0 12px;
	height: 41px;
}
ul#primaryNavigation li {
	list-style: none;
	height: 41px;
	float: left;
	position: relative;
}
ul#primaryNavigation li a {
	display: block;
	height: 31px;
	text-indent: -9000px;
	text-decoration: none;
	cursor: pointer;
	position: absolute;
	bottom: 0;
}
ul#primaryNavigation li ol li a {
	height: 41px;
}

/***
 * 	New Nav Button styles
 *		by Chris Jones, Web Developer, OnWired LLC
 *		http://onwired.com
 *
 *	Combined PNGs into one file to cut the # of nav HTTP connections by 2/3
 **/

li#homeLink a,
li#getStartedLink a,
li#takeTheTourLink a,
li#myProfileLink a,
li#makeChangesLink a,
li#inviteFriendsLink a,
li#membersLink a,
li#livecoolerLink a,
li#commentaryLink a,
li#storeLink a {
	background: transparent url(/images/site/nav-combined.png) no-repeat;
}


/* Get Started button */
li#getStartedLink {
	width: 135px;
}
li#getStartedLink a {
	width: 135px;
	background-position: 0px 0px;
}
li#getStartedLink a:hover {
	background-position: -162px 0px;
}
div#getStarted li#getStartedLink a {
	background-position: -324px 0px;
}

/* Take The Tour button */
li#takeTheTourLink {
	width: 154px;
}
li#takeTheTourLink a {
	width: 154px;
	background-position: 0px -41px;
}
li#takeTheTourLink a:hover {
	background-position: -162px -41px;
}
#takeTheTour li#takeTheTourLink a {
	background-position: -324px -41px;
}

/* My Profile button */
li#myProfileLink {
	width: 126px;
}
li#myProfileLink a {
	width: 126px;
	background-position: 0px -82px;
}
li#myProfileLink a:hover {
	background-position: -162px -82px;
}
#myProfile li#myProfileLink a {
	background-position: -324px -82px;
}

/* Make Changes button */
li#makeChangesLink {
	width: 162px;
}
li#makeChangesLink a {
	width: 162px;
	background-position: 0px -123px;
}
li#makeChangesLink a:hover {
	background-position: -162px -123px;
}
#makeChanges li#makeChangesLink a {
	background-position: -324px -123px;
}

/* Invite Friends button */
li#inviteFriendsLink {
	width: 152px;
}
li#inviteFriendsLink a {
	width: 152px;
	background-position: 0px -164px;
}
li#inviteFriendsLink a:hover {
	background-position: -162px -164px;
}
#inviteFriends li#inviteFriendsLink a {
	background-position: -324px -164px;
}

/* Members button */
li#membersLink {
	width: 126px;
}
li#membersLink a {
	width: 126px;
	background-position: 0px -205px;
}
li#membersLink a:hover {
	background-position: -162px -205px;
}
div#members li#membersLink a {
	background-position: -324px -205px;
}

/* LiveCooler button */
li#livecoolerLink {
	width: 159px;
}
li#livecoolerLink a {
	width: 159px;
	background-position: 0px -246px;
}
li#livecoolerLink a:hover {
	background-position: -162px -246px;
}
#livecooler li#livecoolerLink a {
	background-position: -324px -246px;
}

/* Home button */
li#homeLink {
	width: 77px;
}
li#homeLink a {
	width: 77px;
	background-position: 0px -290px;
}
li#homeLink a:hover {
	background-position: -162px -290px;
}
#home li#homeLink a {
	background-position: -324px -290px;
}

/* Commentary button */
li#commentaryLink {
	width: 132px;
}
li#commentaryLink a {
	width: 132px;
	background-position: 0px -321px;
}
li#commentaryLink a:hover {
	background-position: -162px -321px;
}
#commentary li#commentaryLink a {
	background-position: -324px -321px;
}

/* Store button */
li#storeLink {
	width: 72px;
}
li#storeLink a {
	width: 72px;
	background-position: 0px -352px;
}
li#storeLink a:hover {
	background-position: -162px -352px;
}
#store li#storeLink a {
	background-position: -324px -352px;
}


/* feedback link */

ul#primaryNavigation li#feedbackLink {
	width: auto;
	font-size: 1.2em;
	float: none;
        position: absolute;
	right: 10px;
	top: 110px;
}
ul#primaryNavigation li#feedbackLink a {
	width: auto;
	height: 1.5em;
	background: url(/images/site/icon_feedback.gif) left no-repeat;
	text-indent: 0;
	text-decoration: underline;
	color: #eee;
	font-weight: bold;
	padding-left: 16px;
	position: static;
}
ul#primaryNavigation li#feedbackLink a:hover {
	background: url(/images/site/icon_feedback.gif) left no-repeat;
	color: #fff;
}





/* homepage CTA
------------------------------------------*/
div#homeCTA {
	background: url(/images/site/bg_ctaBody.gif) no-repeat bottom;
	width: 604px;
	float: left;
}
div#homeCTA div.contentWrap {
	background: url(/images/site/bg_ctaTop.gif) no-repeat top;
	padding: 1px 12px;
}
div#homeCTA ol {
	position: relative;
}
div#homeCTA ol li {
	list-style: none;
	float: left;
	padding-top: 140px;
}
li#infoGetStarted {
	background: url(/images/site/txt_CTAgetStarted.gif) no-repeat top center;
	width: 170px;
}
li#infoMakeChanges {
	background: url(/images/site/txt_CTAmakeChanges.gif) no-repeat top center;
	width: 200px;
}
li#infoInviteFriends {
	background: url(/images/site/txt_CTAinviteFriends.gif) no-repeat top center;
	width: 210px;
}
li#infoWelcome {
	background: url(/images/site/txt_CTA_mem_welcomeBack.gif) no-repeat top center;
	width: 170px;
}
body.member li#infoMakeChanges {
	background: url(/images/site/txt_CTA_mem_makeChanges.gif) no-repeat top center;
}
body.member li#infoInviteFriends {
	background: url(/images/site/txt_CTA_mem_inviteFriends.gif) no-repeat top center;
}

div#homeCTA ol li h2 {
	position: absolute;
	left: -9000px;
	top: -9000px;
}
div#homeCTA ol li p {
	margin: 5px 20px;
	text-align: center;
	font-size: 1.3em;
}
div#ctaGetStarted, div#ctaMakeChanges {
	clear: left;
	position: relative;
	border-top: 1px solid #DBDBDB;
	top: 20px;
	margin: 0 20px 20px 20px;
	padding-bottom: 1.5em;
}
div#ctaGetStarted h3, div#ctaMakeChanges h3 {
	width: 180px;
	float: left;
}
div#ctaMakeChanges h3 {
	width: 190px;
}
div#ctaGetStarted h3 a, div#ctaMakeChanges h3 a {
	display: block;
	height: 36px;
	width: 172px;
	text-indent: -9000px;
	text-decoration: none;
	background: url(/images/site/btn_ctaGetStarted.gif) 0 0 no-repeat;
	margin: 15px 0 30px 10px;
}
div#ctaMakeChanges h3 a {
	background: url(/images/site/btn_ctaMakeChanges.gif) 0 0 no-repeat;
}
div#ctaGetStarted h3 a:hover, div#ctaMakeChanges h3 a:hover {
	background-position: 0 -36px;
}
div#ctaGetStarted p, div#ctaMakeChanges p {
	font-size: 1.2em;
}
div#ctaGetStarted p#ctaEncourage, div#ctaMakeChanges p#ctaEncourage{
	color: #4466AA;
	font-size: 1.8em;
	font-weight: bold;
	margin: 15px 0 1.5em 0;
}

div#impactTree {
	width: 294px;
	float: right;
	background: #4f7e2e url(/images/site/bg_impactTree.jpg) top no-repeat;
	position: relative;
}
div#impactTree div.treeContain {
        height: 31.2em;
	background: url(/images/site/bg_impactTree_bot.jpg) bottom no-repeat;
}
div#impactTree h2, div#getStarted div#impactTree h2 {
        text-transform: lowercase;
	margin: 10px 0 0 16px;
	color: #fff;
        font-size: 1.6em;
}
div#impactTree dl.totalMembers {
	position: absolute;
	left: 55px;
	top: 119px;
}
div#impactTree dl.totalMembers dt {
	position: absolute;
	left: 0px;
	top: 2.4em;
	width: 3.5em;
	color: #fff;
font-size: 1em;
}
div#impactTree dl.totalMembers dd {
	position: absolute;
	left: 0;
	top: 0px;
	width: 3.1em;
	font-size: 1.4em;
	background: #fff url(/images/site/bg_impactTreeValues.gif) repeat-x bottom;
	border: 1px solid #6ba543;
	text-align: center;
	padding: 2px 3px;
	font-weight: bold;
}
div#impactTree dl.totalLowerEmissions {
	position: absolute;
	left: 139px;
	top: 123px;
}
div#impactTree dl.totalLowerEmissions dd {
	width: 3.3em;
	left: 0;
	top: 0;
	font-size: 2.7em;
		background: #fff url(/images/site/bg_impactTreeValues.gif) repeat-x bottom;
	border: 1px solid #6ba543;
	text-align: center;
	padding: 1px 0;
	font-weight: bold;
}
div#impactTree dl.totalLowerEmissions dt {
	position: absolute;
	width: 9em;
	left: 0;
font-size: 1.1em;
	top: 3.5em;
	color: #fff;
	font-weight: normal;
}
div#impactTree dl.totalLowerEmissions dd span.units {
	font-size: .5em;
}
div#impactTree dl.totalcarbonEmissions {
	position: absolute;
	bottom: 16px;
	left: 15px;
width: 244px;
padding: 2px 10px;
background: #313332 url(/images/site/bg_impactTree_tonsbox.jpg) top no-repeat;
}
div#impactTree dl.totalcarbonEmissions dd {
        float: left;
}
div#impactTree dl.totalcarbonEmissions dd span.value {
    background: #fff url(/images/site/bg_impactTreeValues.gif) repeat-x bottom;
	border: 1px solid #666;
	font-size: 1.2em;
	padding: 0 2px;
        width: auto;
        margin: 2px 5px 2px 0;
	font-weight: bold;
        text-align: center;
float: left;
}
div#impactTree dl.totalcarbonEmissions dt {
        color: #fff;
        float: left;
	font-size: 1.2em;
	font-weight: normal;
line-height: 1.6em;
margin-right: 5px;
}
div#impactTree dl.totalcarbonEmissions dd span.units {
        color: #fff;
        float: left;
	font-size: 1.2em;
	font-weight: normal;
line-height: 1.6em;
}
div#contentBody {
	clear: both;
	float: left;
	width: 604px;
	margin-top: 1em;
}
div#commentary {
	float: left;
	width: 361px; margin-left: 10px; margin-bottom: 0.8em;
}
div#adBanners, div#insideContent {
	float: right;
	width: 223px;
}


div#commentary h2 {
	background: url(/images/site/txt_commentary.gif) bottom left no-repeat;
	height: 19px;
	text-indent: -9000px;
	margin: 1em 0;
}
div#commentary h3 {
	color: #669933;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 1em;	
}
div#commentary h3 a {
        text-decoration: underline;
}

div#commentary p {
	font-size: 1.2em;
	color: #333;
	line-height: 1.5em;
	
}
p.authInfo, div#commentary p.authInfo {
	margin: .3em 0;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
        color: #666;
}
ul.articleInfo {
margin: 1em 0 2em 0;
padding-left: 0;
}
ul.articleInfo li {
font-size: 1em;
font-weight: normal;
border-right: 1px solid #666;
padding-right: .5em;
padding-left: .4em;
list-style: none;
display: inline;
}
ul.articleInfo li.last {
border: 0;
}

ul.articleInfo li.comments {
padding-left: .0;
}
div#adBanners h2, div#insideContent h2 {
	background: url(/images/site/txt_comingSoon.gif) bottom left no-repeat;
	height: 19px;
	text-indent: -9000px;
	margin: 1em 0;
}
div#insideContent h2 {
	background: url(/images/site/txt_inside.gif) bottom left no-repeat;
}


div.insideBlock {
width: 223px;
background: #f8f8f8 url(/images/site/bg_homeInsideBox_mid.gif) repeat-y;
}
div.insideBlock div.insideWrap1 {
background:  url(/images/site/bg_homeInsideBox_bot.gif) no-repeat bottom;
	padding-bottom: 10px;
margin-bottom: 9px;
}
div.insideBlock div.insideWrap1 div.insideWrap2 {
background:  url(/images/site/bg_homeInsideBox_top.gif) no-repeat top;
	padding: 1em 15px 0 15px;
}
div#insideContent h3 {
	font-size: 1.6em;
	font-weight: bold;
	color: #4466AA;
	padding-bottom: .3em;
	text-transform: lowercase; 
position: relative;
}
div#insideContent h3 em {
        font-size: .8em;
	line-height: 1.4em;
	color: #333;
	font-weight: normal;
        display: block;
	text-transform: none; 
}
div#insideContent p {
	font-size: 1.2em;
	line-height: 1.4em;
	color: #333;
	padding: .5em 0;
	list-style: none;
	font-weight: normal;
position: relative;
}

div#insideContent hr {
border-top: 0;
border-bottom: 1px solid #cbcbcb;
height: 1px;
margin: 1.5em 0;
}






div#adBanners a {
	display: block;
	margin-top: 1em;
}
div#video {
	float: right;
	width: 294px;
	margin-top: 1em;
}
div#video h2 {
	/*  background: url(/images/site/txt_watchavideo.gif) bottom left no-repeat;  */
	background: url(/images/site/txt_whatyouthink.gif) bottom left no-repeat; 
	height: 19px;
	text-indent: -9000px;
	margin: 1em 0;
}
div#videoShell {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(/images/site/trans80.png);
	z-index: 1000;
}
div.videoShellOff {
	display: none;
}
div.videoSizeNormal {
	width: 294px;
	margin-top: 1em;
	z-index: 0;
}
div.videoSizeNormal embed {
z-index: 0;
}
div.videoSizeWide {
	width: 664px;
	height: 436px;
	position: relative;
	margin: 0 auto;
	top: 100px;
		z-index: 1000;
}
	
div.videoSizeNormal p {
	margin: 1em 2em;
	font-weight: bold;
}
div.videoSizeNormal li {
	list-style: disc;
	list-style-position: inside;
	padding-left: 30px;
}
div.videoSizeNormal li a {
	display: inline;
	border: 0;
}

div#video h3 {
	background: url(/images/site/txt_moreVideos.gif) bottom left no-repeat;
	height: 12px;
	text-indent: -9000px;
	margin: 1.5em 0 1em 0;
}
ul#videosNav li {
	list-style: none;
	margin: .5em 0;
}
ul#videosNav li a img {
	margin-right: 10px;
	float: left;
}
ul#videosNav li a:link, ul#videosNav li a:visited {
	color: #558833;
	text-decoration: none;
	border: 1px solid #DCDCDC;
	padding: 5px;
	display: block;
	
}
ul#videosNav li a:visited {
	color: #333;
}
ul#videosNav li a span {
	text-decoration: underline;
	padding-top: .5em;
	float: left;
	width: 200px;
	line-height: 1.4em;
}
ul#videosNav li a:hover {
	background: #EEE;
}
ul#videosNav li a:hover span {
	text-decoration: none;
	color: #333;
}
ul#videosNav li a:active  {
	background: #DCDCDC;
}


/*footer
------------------------------------------*/
div#footer {
	margin: 1.5em;
	
}

div#footer ul#secondaryUtilNav {
float: left;
width: auto;
padding-bottom: 1em;
}
div#footer li, div#footer h4, div#footer p#copyright  {
	list-style: none;
	display: inline;
	border-left: 1px solid #333;
	padding-left: .3em;
	color: #333;
	font-size: 1.1em;
	line-height: 1em;
}
div#footer p#copyright {
clear: left;
float: left;
border: 0;
padding-bottom: 5em;
}
div#footer li.first {
border: 0;
}
div#footer li a {
margin-left: .2em;
font-weight: normal;
text-decoration: underline;
}
div#footer li a:link, div#footer li a:visited {
	color: #fff;
}
div#footer li a:hover {
	color: #7CA8FF;
}
div#footer li.thisPage a {
text-decoration: none;
}
div#partners {
float: right;
width: 250px;
}
div#partners h4 {
float: left;
margin: 0pt;
font-weight: normal;
text-align: left;
border: none;
}

div#partners li {
margin: 0pt;
padding: 0pt;
border: none;
float: left;
}


del {
text-decoration: line-through;
}
ins {
text-decoration: none;
font-style: italic;
}


/*clearfix rules to ensure wrapping floated content
------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*Appearance of Drop Shadow Text*/
span.shadow {
	top: 1px;
	left: 1px;
	color: #3c3c34;
}

/*necessities*/
.highContrast {
	position: relative;
}
.highContrast span {
	position: relative;
}
span.shadow {
	position: absolute;
}	
a.newWin {
padding-right: 12px;
background: url(/images/site/icon_newPage.gif) right no-repeat;
}

div#footer a.newWin {
background: none;
padding-left: 10px;
padding-right: 0;
}