﻿/* 
ClimateCounts.org
 */
/********************************************************
OVERRIDES & PRECLEAR
********************************************************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background-color:#FFFFFF;
	/*
	background-color:#00457c;
	background-repeat:repeat-x;
	background-attachment:scroll;
	background-position:top;
	background-image: url(/images/site/bg.jpg);
	*/
}
p {	
	font-size:11px;
	font-weight:normal;
	line-height:14px;
	margin:0px 0px 15px 0px;
}
h1 {
	font-size:16px;
	color:#666666;
	margin:0px 0px 10px 0px;
	font-family:Geneva, MS Sans Serif, Verdana, sans-serif;
}
h2 {
	font-size:15px;
	color:#00457c;
	margin:0px 0px 10px 0px;
	font-weight:normal;
}
h3 {
	font-size:13px;
	color:#666666;
	margin:0px 0px 10px 0px;
	font-family:Geneva, MS Sans Serif, Verdana, sans-serif;
}
a { 
	color:#666666;
	text-decoration:underline;
}
a:hover { color:#00457c; }

/********************************************************
POSITIONING TAGS
********************************************************/
#wrapper {
	width:895px;
	padding:0px;
	margin:0px auto;
	position:relative;
}
#border_wrapper { 
	float:left;
	width:885px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	padding-left:10px;
	position:relative;
}
#header {
	float:left;
	width:875px;
	height:85px;
}
#body, #landing_body {
	float:left;
	width:863px;
	padding:6px;
	background-color:#FFFFFF;
	position:relative;
}

#leftcolumn, #leftcolumn_nomin, #leftcolumn_paypal {
	float:left;
	display:inline;
	width:585px;
	margin-left:6px;
}
#leftcolumn, #leftcolumn_paypal {
	/*happy min height hack*/
	min-height:600px;
	height:auto !important;
	height:600px;
}
#leftcolumn_paypal { width:515px; } /* 70 smaller */

.leftcolumn_inner, .leftcolumn_inner_paypal { /*indented*/
	float:left;
	display:inline;
	width:535px;
	margin-left:50px;
	margin-bottom:10px;
}
.leftcolumn_inner_paypal { width:465px; } /* 70 smaller */

#rightcolumn, #rightcolumn_paypal {
	float:right;
	display:inline;
	width:250px;
	margin-right:6px;
}
#rightcolumn_paypal { 
	width:320px; /*70 bigger*/
}
#fullcolumn {
	float:left;
	width:835px;
	margin-left:6px;
	display:inline;
	
	/*happy min height hack*/
	min-height:600px;
	height:auto !important;
	height:600px;
}
#fullcolumn_inner { /*indented*/
	float:left;
	display:inline;
	width:735px;
	margin:0px 50px;
}


/********************************************************
BROAD AREA SPECIFIC TAGS
********************************************************/
/****************************
HEADER
****************************/
#header_logo {
	display:inline;
	float:left;
	width:266px;
	height:46px;
	margin-top:20px;
	margin-left:18px;
}

#header_banner {
	display:inline;
	float:right;
	margin-right:0px;
	margin-top:13px;
	width:468px;
	height:80px;
	text-align:right;
}
#header_logo a, #header_banner a {text-decoration:none;}

#header_newsletter { 
	float:right;
	width:192px;
	height:24px;
	display:block;
	background-image:url(/images/site/nav/newsletter_signup.jpg);
	background-repeat:no-repeat;
	margin:13px 13px 0px 0px;
}


/****************************
NAV BAR
****************************/
#nav {
	float:left;
	width:651px;
	height:34px;
	background-image:url(/images/site/nav/navbg.jpg);
	background-repeat:no-repeat;
}
#nav_inner {
	float:left;
	width:651px;
	padding-top:7px;
	padding-left:0px;
	margin:0px;
}
#nav_inner span {
	float:left;
	padding:0px;
	margin:0px;
}

#newsletter_top {
	float:right;
	width:205px;
	height:27px;
	background-image:url(/images/site/nav/newsletter.jpg);
	background-repeat:no-repeat;
	padding-top:7px;
}

#newsletter_top_input {
	float:left;
	width:85px;
	display:inline;
	margin-left:80px;
	margin-top:2px;
}
#newsletter_top_input input {
	width:100%;
	border:1px inset #666666;
	color:#333333;
}
#newsletter_top_go {
	float:left;
	width:27px;
	display:inline;
	margin-left:6px;
}

/****************************
SEARCH
****************************/

#search {
	float:left;
	width:262px;
	height:27px;
	background-image:url(/images/site/home/search.jpg);
	background-repeat:no-repeat;
	padding-top:7px;
	margin:8px 0px 16px 0px;
}

#search_input {
	float:left;
	width:145px;
	display:inline;
	margin-left:65px;
	margin-top:2px;
}
#search_input input {
	width:100%;
	border:1px inset #666666;
	color:#333333;
}
#search_go {
	float:left;
	width:27px;
	display:inline;
	margin-left:13px;
}



/****************************
BREADCRUMBS
****************************/
#breadcrumbs {
	float:left;
	clear:both;
	width:550px;
	
	/*happy min height hack*/
	min-height:27px;
	height:auto !important;
	height:27px;
	
	padding-left:6px;
	padding-top:10px;
}
#banner_link {
	padding-top: 5px;
	clear:none;
	float:right;
	text-align:right;
	width:265px;
	height: 24px;
	padding-right:6px;
	padding-top:12px;
}


#breadcrumbs a, #banner_link a {
	font-size:11px;
	color:#666666;
	text-decoration:none;
}
#banner_link a { color:#00457c; }

#breadcrumbs a:hover, #banner_link a:hover { text-decoration:underline; }

	

/****************************
BARS
****************************/
.leftcol_bar, .full_bar, .leftcol_bar_paypal  {
	float:left;
	display:inline;
	height:8px;
	margin-bottom:10px;
	background-color:#00457c;
}
.leftcol_bar {width:585px;}
.leftcol_bar_paypal {width:515px;} /*70 smaller*/
.full_bar {width:853px;}


/****************************
RIGHT COLUMN
****************************/
.rightcolumn_blue, .rightcolumn_grey, .rightcolumn_white, .rightcolumn_blue_paypal {
	float:left;
	width:242px;
	padding:8px 0px 0px 8px;
}
.rightcolumn_blue_paypal { width:312px; } /*70 bigger*/ 
.rightcolumn_blue {	background-color:#97c0e6;}
.rightcolumn_blue_paypal {	background-color:#c8e2f4;}
.rightcolumn_grey {	background-color:#ebebeb;}
.rightcolumn_white { background-color:#ffffff;}
.rightcolumn_entry {padding-bottom:8px;}


/****************************
FOOTER
****************************/
#footer {
	float:left;
	clear:both;
	background-color:#FFFFFF;
	width:875px;
	padding-top:10px;
}
#footer_top {
	float:left;
	display:inline;
	width:851px;
	background-color:#ebebeb;
	margin:0px 6px;
	padding:6px;
}
#footer_bottom {
	float:left;
	width:851px;
	display:inline;
	background-color:#d6d6d6;
	border-top:2px #c4c4c4 solid;
	margin:0px 6px 6px 6px;
	padding:6px;
}
#footer_links {
	float:left;
	width:400px;
	padding-top:7px;
}
.footer_links_row {
	float:left;
	clear:both;
	width:400px;
}
.footer_links_row a {
	color:#666666;
	text-decoration:none;
}
.footer_links_row a:hover { text-decoration:underline;}
.footer_links_row span {
	padding:0px 5px;
}

#footer_copyright {
	float:right;
	width:450px;
	padding:6px;
	text-align:right;
}
#footer_icons {	
	float:left;
	width:350px;
}
#footer_icons span {
	padding-right:6px;
}
#footer_icons p {
	display:inline;
	padding:0px;
	margin: 0px 0px 0px 3px;
}
#footer_icons img { vertical-align: middle;	}

#footer_icons a {
	color:#666666;
	text-decoration:none;
}
#footer_icons a:hover { text-decoration:underline;}



#stony_support { 
	position:relative;
	float:right;
	width:420px;
	text-align:right;
}


/********************************************************
PAGE AREA SPECIFIC TAGS
********************************************************/
/****************************
HOME
****************************/
#left_home_top {
	float:left;
	width:265px;
	margin-bottom:5px;
}

#right_home_top {
	float:right;
	width:310px;
	margin-bottom:5px;
}

/*blog */
#blog_wrapper {
	width:310px;
	border-top:1px solid #cccccc;
	padding-top:12px;
}
#blog_wrapper h1 a {
	font-size:13px;
	color:#00457c;
}
#blog_wrapper h2 a {
	font-size:11px;
	color:#00457c;
}

/*bottom area*/
#home_bottom {
	clear:both;
	float:left;
	width:585px;
}
#home_bottom_pocketguide {
	float:left;
	width:195px;
}

/*score card*/
#home_bottom_scorecard {
	float:right;
	width:367px;
	height:231px;
	background-image:url(/images/site/home/scorecard_bg.jpg);	
	background-repeat:no-repeat;
	padding:13px 9px 0px 9px;
}

#home_bottom_scorecard_go {
	float:left;
	clear:both;
	width:27px;
	height:33px;
	padding-left:335px;
}

#home_bottom_scorecard_top {
	float:left;
	clear:both;
	overflow:hidden;
	height:66px;
	width:367px;
}
#home_bottom_scorecard_company {
	float:left;
	width:290px;
}
#home_bottom_scorecard_score {
	float:right;
	width:75px;
	height:60px;
	border-left:1px solid #cccccc;
	text-align:right;
}
#home_bottom_scorecard_score p {
	padding-top:8px;
	font-size:35px;
	color:#878787;
}

#home_bottom_scorecard_top h1 {
	font-size:14px;
	color:#878787;
	padding-top:10px;
}
#home_bottom_scorecard_top a {
	color:#015997;
	text-decoration:underline;
}

#home_bottom_scorecard_middle {
	float:left;
	clear:both;
	width:367px;
	height:20px;
	text-align:right;
}
#home_bottom_scorecard_middle a {
	font-size:12px;
	color:#003366;
}

#home_bottom_scorecard_bottom {
	float:left;
	clear:both;
	overflow:hidden;
	width:367px;
}

/****************************
SEARCH RESULTS
****************************/
#search_results_nav {
	float:left;
	display:inline;
	width:205px;
	height:18px;
	background-color:#CCCCCC;
	font-weight:bold;
	padding:5px;
	margin-bottom:10px;
	text-align:center;
}

#search_results_results {
	clear:both;
}

/****************************
SECTOR
****************************/
#sector_title {
	float:left;
	width:450px;
	height:30px;
	padding-bottom:5px;
}
#sector_title_img {
	float:left;
	display:inline;
	float:left;
	width:30px;
	height:30px;
}
#sector_title_h1 {
	float:left;
	padding-top:5px;
	padding-left:10px;
	width:400px;
}


/****************************
TELL FRIEND
****************************/
#email_friend {
	width:300px;
	margin:0px auto;
	color:#666666;
}

/****************************
COMPANY SCORE
****************************/
#company_score {
	float:left;
	width:535px;
	height:264px;
	/*background-image:url(/images/site/scorecard/company_score_border.jpg);
	background-repeat:no-repeat;
	overflow:hidden;
	*/
	margin-bottom:15px;
}
.company_score_row { 
	float:left;
	clear:both;
	width:535px;
	margin-bottom:5px;
}
#company_score_company {
	float:left;
	width:340px;
	height:83px;
	overflow:hidden;
	padding:15px 0px 0px 0px;
}
#company_score_company_icon {}
#company_score_company_title{padding-top:5px;}
#company_score_company_title h1{margin-bottom:5px;}
#company_score_company_url {}
.company_score_company_line {
	float:left;
	width:1px;
	height:55px;
	margin-top:25px;
	border-right:1px solid #cccccc;
}

#company_score_status{
	float:left;
	width:65px;
	padding-left:0px;
	padding-top:10px;
}
#company_score_score{
	float:left;
	width:65px;
	height:60px;
	text-align:center;
	padding-top:25px;
	font-size:35px;
	color:#878787;
}
#company_score_star{
	float:left;
	width:40px;
	height:39px;
	text-align:center;
	padding-top:25px;
	padding-left:10px;
}

#company_score_raisevoice{
	float:left;
	width:90px;
	padding-top:20px;
	padding-left:10px;
}
#company_score_statusblock{
	float:left;
	clear:both;
	/*padding-left:9px;*/
	width:289px;
}

#company_score_action{
	float:left;
	padding-left:35px;
	width:208px;
}
#company_score_action_title{
	float:left;
	width:208px;
}
#company_score_action_left{
	float:left;
	width:90px;
	padding-left:5px;
}
.company_score_action_left_icon {
	float:left;
	width:45px;
}
#company_score_action_right{
	float:left;
	width:100px;
	padding-left:8px;
	padding-top:3px;
}


/****************************
PRESS
****************************/
#press_archive {
	float:left;
	padding-left:140px;
	width:635px;
}


.press_archive_entry_row {
	float:left;
	clear:both;
	width:635px;
}
.press_archive_entry {
	float:left;
	padding-right:55px;
	padding-bottom:15px;
	width:260px;
}
.press_archive_entry p {
	margin:0px;
	padding:0px;
}


/****************************
BUZZ
****************************/
.buzz_events_container {
	float:left;
	clear:both;
	width:735px;	
	padding-left:45px;
	padding-bottom:15px;
}
	
.buzz_events_entry {
	float:left;
	width:235px;
	padding-right:10px;
	padding-bottom:15px;
	display:inline;
}
.buzz_events_entry_image {
	float:left;
	width:95px;
}
.buzz_events_entry_content {
	float:left;
	width:135px;
	height:70px;
	padding-left:5px;
}
.buzz_events_entry_content p {padding:0px;margin:0px;}
.buzz_events_entry_readmore {
	float:left;
	width:100px;
}

.buzz_events_viewmore {
	float:left;
	clear:both;

}

/****************************
LANDING PAGE
vc, etc
landing_body is listed above with their respective body and footer components
****************************/
#landing_banner {
	float:left;
	width:851px;
	padding-left:6px;
}
#landing_banner img {padding-bottom:10px;}
#landing_body {}

/*left */
#landing_left {
	text-align:center;
}
#landing_video { }
/*right column*/
#landing_footer {
	text-align:center;
	padding-bottom:10px;
}
#landing_form {
	padding:0px 9px;
}
#landing_form p {margin:0px;}
#landing_form input, #landing_form textarea {
	width:217px;
	border:1px inset #666666;
	color:#333333;
	margin-bottom:10px;
}

/*footer*/
#landing_footer {
	float:left;
	clear:both;
	background-color:#FFFFFF;
	width:857px;
	padding:10px 6px 0px 12px;
	text-align:center;
}
#landing_footer_copy {
	clear:both;
}

/********************************************************
NON PAGE AREA SPECIFIC TAGS
********************************************************/
/****************************
TABLES
****************************/
/*holder*/
#scorecard_sector, #sector {
	float:left;
	width:516px;
	padding:38px 4px 4px 4px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	background-position:4px 4px;
	background-repeat:no-repeat;
	margin-bottom:15px;
}
#scorecard_sector { background-image:url(/images/site/scorecard/scorecard_header.png); }
#sector { background-image:url(/images/site/scorecard/sector_header.png); }

/*score card sector*/
.scorecard_sector_row_grey, .scorecard_sector_row_white {
	clear:both;
	float:left;
	width:516px;
	height:36px;
}
.scorecard_sector_row_grey { background-color:#ededed;}
.scorecard_sector_row_white { background-color:#ffffff;}
.scoredcard_sector_company { 
	float:left;
	width:180px;
	padding-left:8px;
	padding-top:10px;
}
.scoredcard_sector_scorenum {
	float:left;
	width:20px;
	padding-top:10px;
	padding-right:5px;
}
.scoredcard_sector_scoreimg {
	float:left;
	width:38px;
	padding-top:1px;
}

/*sector*/
.sector_image {
	float:left;
	width:30px;
	height:30px;
	padding-top:1px;
	padding-left:8px;
	padding-right:10px;
}
.sector_image img { /*for ie6 png transparency*/
	width:30px;
	height:30px;
}
.sector_company {
	float:left;
	width:205px;
	padding-top:6px;
}

/****************************
IMAGE ROW
****************************/
.imagerow_container {
	float:left;
	width:785px;
	padding-bottom:15px;
}
.imagerow_row {
	float:left;
	clear:both;
	width:785px;
}
.imagerow_icon{
	float:left;
	width:125px;
}
.imagerow_content {
	float:left;
	padding-left:15px;
	width:630px;
}



/****************************
RIGHT COLUMN MODULES
****************************/
/*recent news*/
#recent_news {
	float:left;
	width:234px;
	height:59px;
	/*background-image:url(/images/site/rightcolumn/recent_news.png);*/
	background-repeat:no-repeat;
	padding-bottom:8px;
}
#recent_news_title {
	float:left;
	display:inline;
	clear:both;
	width:70px;
	height:30px;
	margin-top:5px;
	margin-left:159px;
}
#recent_news_body {
	float:left;
	clear:both;
	width:218px;
	height:30px;
	padding-left:8px;
	overflow:hidden;
	white-space:nowrap;
}
.recent_news_buttons {
	float:right;
	padding-left:4px;
}


/*find us on*/
#find_us_on { 
	float:left;
	width:226px;
	height:76px;
	background-image:url(/images/site/rightcolumn/find_us_on.png);
	background-repeat:no-repeat;
	padding-left:8px;
	margin-bottom:10px;
}
.find_us_on_column { 
	float:left;
	padding-top:34px;
	width:112px;
}



/*search_inner*/
#search_inner {
	float:left;
	width:234px;
	height:36px;
	background-image:url(/images/site/rightcolumn/search_inner.png);
	background-repeat:no-repeat;
	padding-top:32px;
}
#search_inner_input {
	float:left;
	width:188px;
	display:inline;
	margin-top:2px;
	margin-left:6px;
}
#search_inner_input input {
	width:100%;
	border:1px inset #666666;
	color:#333333;
}
#search_inner_submit {
	float:left;
	width:27px;
	display:inline;
	margin-left:6px;
}


/*join us*/
#join_us, #contact_us {
	float:left;
	width:234px;
	height:36px;
	background-image:url(/images/site/rightcolumn/join_us.png);
	background-repeat:no-repeat;
	padding-top:32px;
}
#contact_us { background-image:url(/images/site/rightcolumn/contactus.png);}
#join_us_input {
	float:left;
	width:161px;
	display:inline;
	margin-top:2px;
	margin-left:6px;
}
#join_us_input input {
	width:100%;
	border:1px inset #666666;
	color:#333333;
}
#join_us_submit {
	float:left;
	width:27px;
	display:inline;
	margin-left:6px;
}

/*download pocket guide/download full scorecard, fullscore*/
#download_pocket, #download_scorecard, #full_score {
	float:left;
	width:132px;
	height:87px;
	background-repeat:no-repeat;
	padding-top:36px;
	padding-left:92px;
	padding-right:14px;
}
#download_pocket { background-image:url(/images/site/rightcolumn/pocket_guide.png); }
#download_scorecard { background-image:url(/images/site/rightcolumn/download_full_scorecard.png); }
#full_score { background-image:url(/images/site/rightcolumn/full_score.png); }

#raise_your_voice {
	float:left;
	width:204px;
	/*height:87px;*/
	background-repeat:repeat-y;
	/*padding-top:36px;*/
	padding-left:20px;
	padding-right:14px;
	/*background-image:url(/images/site/rightcolumn/raise_voice_panel.png);*/
	background-image:url(/images/site/rightcolumn/ryv_middle.png);
}

#raise_your_voice_header {
	float:left;
	width:234px;
	height:33px;
	background-repeat:no-repeat;
	background-image:url(/images/site/rightcolumn/ryv_header.png);
}

#raise_your_voice_bottom {
	float:left;
	width:234px;
	height:10px;
	margin-bottom: 10px;
	background-repeat:no-repeat;
	background-image:url(/images/site/rightcolumn/ryv_bottom.png);
}


/* our scorecard */
#our_scorecard {
	float:left;
	width:150px;
	height:235px;
	background-image:url(/images/site/rightcolumn/our_scorecard.png);
	background-repeat:no-repeat;
	padding-top:40px;
	padding-left:15px;
	padding-right:69px;
}


/* company's brands related_articles, who we are., etc
needs to be dynamic and expanding to varied heights */
#companys_brands, #related_articles, #who_we_are, #send_this_message_to, #sign_up,#media_tout,#upcoming_events,#program_guidelines, #free_resources, #score_survey {
	float:left;
	width:234px;
	height:31px;
	background-repeat:no-repeat;
}
#companys_brands {background-image:url(/images/site/rightcolumn/companys_brands_top.png);}
#related_articles {background-image:url(/images/site/rightcolumn/related_articles_top.png);}
#who_we_are {background-image:url(/images/site/rightcolumn/who_we_are.png);}
#media_tout {background-image:url(/images/site/rightcolumn/media.png);}
#upcoming_events {background-image:url(/images/site/rightcolumn/upcoming_events.png);}
#program_guidelines {background-image:url(/images/site/rightcolumn/program_guidelines.png);}
#send_this_message_to { background-image:url(/images/site/rightcolumn/send_this_message_to.png); }
#sign_up { background-image:url(/images/site/rightcolumn/sign_up.png); }
#free_resources {background-image:url(/images/site/rightcolumn/free_resources.png);}
#score_survey {background-image:url(/images/site/rightcolumn/score_survey.png);}


.brand_icon {
	float:left;
	width:107px;
	height:45px;
	padding:5px 0px 5px 5px;
}

.related_article_entry, .rightcol_text_padding {
	float:left;
	width:210px;
	padding:9px 12px 0px 12px;

}
.climatebiz {
	float:left;
	clear:both;
	width:200px;
	padding-left:12px;
	padding-top:30px;
}


/* paypal */
#paypal {
	float:left;
	width:289px;
	height:800px;
	background-image:url(/images/site/rightcolumn/donate_now_by_paypal_header.png);
	background-repeat:no-repeat;
	padding-top:47px;
	padding-left:15px;
}
#paypal p {margin-bottom:10px;}
.paypal_row {
	float:left;
	clear:both;
	width:275px;
	height:130px;
}
.paypal_merch {
	float:left;
	width:105px;
	height:84px;
}
.paypal_price {
	float:left;
	width:160px;
	padding-left:10px;
}
.paypal_price input {
	width:155px;
	border:1px inset #666666;
	color:#333333;
}
.paypal_disclaimers { 
	font-size:10px;
	font-style:italic;
}

#paypal form * {
	font-size: 18px;
	line-height:  24px;
		
}
#paypal form #amount {
	width: 48px;
		
}
#paypal form div {
	font-size: 18px;
	margin: 8px;
		
}


#paypal form .d_button {
	margin-left: 158px;
		
}
#paypal form #size, #paypal form .d_std
{
	font-size: 12px;
	line-height: 18px;
}

#paypal form #size select
{
	width: 164px;
}
/* dynamic heights: sections of right column--used for right column boxes that need dynamic heights*/
.rightcol_middle {
	float:left;
	width:234px;
	background-image:url(/images/site/rightcolumn/midsection.png);
	background-repeat:repeat-y;
}
.rightcol_footer {
	float:left;
	width:234px;
	height:17px;
	background-image:url(/images/site/rightcolumn/bottom.png);
	background-repeat:no-repeat;
}

/********************************************************
GENERAL USAGE TAGS
********************************************************/
/*******************************
TOP MOST TEXT BASED IMAGE ON EACH PAGE
*******************************/
.image_title {
	padding:5px 0px 20px 0px;
}

/********************************************************
ADD-ON TAGS
********************************************************/
/*colors*/
.light_blue { color:#97c0e6; }
.dark_blue, .bluebold { color:#00457c; }
.light_grey { color:#ebebeb;}
.dark_grey { color:#d6d6d6;}
.red{color:#FF0000;}
