/*
Theme Name: Custom CEA
Description: Custom theme developed with SmartPower / ARB
Version: 1.2
Author: 

Base by SmartPower || http://smartpower.org
Modifications by Jerrad Pierce || http://cambridgeenergyalliance.org
*/
@charset "utf-8";

@import url("/wp-content/themes/ceatheme/css/reset.css");
@import url("/wp-content/themes/ceatheme/css/droppy.css?rev=20100829");

body { font-family:Helvetica, sans-serif; font-size:small; color:#407490; background-color:#fff }
/*------------------logo/search/breadcrumb---------*/
div.logo{ left: 73px;
    position: absolute;
    top: 33px;
}
}

/* -------------- Common Styles ------------------ */
.flL, .alignleft { float:left; }
.flR, .alignright { float:right; }
.alR { text-align: right; }
.alC { text-align: center; }
a { color:#407490}
a:visited { color:#705490}

.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

ol { padding:5px 0px 0px 40px; list-style-type:decimal; }
dl { padding-left: 20px }
dt, dd { display: block; clear:both }
dd { margin-bottom: 10px }
.main_left dl dd p { padding-top: 0px }

/* -------------- Common Page Content ------------------ */
#header { width:980px; height:auto; margin:auto; padding-top:0px;}
#header img.nav_border{margin:6px 0px 8px 0px;}
#header .breadcrumb {float: right; padding-top: .2em; padding-right:1em}

#micronav{ height: 201px;
    left: 619px;
    position: relative;
    top: 10px;
    width: 273px; }
#searchform { display:inline; float: right }
#searchsubmit { color:#fff; padding: 2px 4px 2px 2px; border:0px solid;
	background-color:#79c5a9;
border-radius: 0px 6px 6px 0px;
-moz-border-radius: 0px 6px 6px 0px;
-webkit-border-radius: 0px 6px 6px 0px;
}
#s { width: 13em; border: 1px solid #79c5a9 }
.hidden{ display: none }

#center { width:980px; height:auto; margin:auto}

.video_frame_small { margin:20px 0px 20px 20px; padding: 20px 15px; border: solid 1px #9b7467; border-radius: 20px; background-color: #c29384 }
.video_frame_small_blue { margin:20px 0px 20px 20px; padding: 20px 15px; border: solid 1px #7cb9d8; border-radius: 20px; background-color: #ddeef6 }
.main { width:755px; line-height:1.4em; padding:10px 0px 0px 0px}
/* Home sidebar, and Business/Residents RH links */
.main .main_right h2, #center .right h2{color:#1D6E91; line-height:1.2em; margin:6px 0px 2px 16px;}

.date { color:#000; padding:0px 0px 0px 15px }
.rss-date { color:#000; font-size: 11px }

/* Pill headings on home, contact, business and residents */
.blue_heading  { background:url(images/subheaderBG_blue.jpg)  no-repeat; width:263px; height:22px; font-weight:normal; color:#eee;  margin-top: 15px}
.green_heading { background:url(images/subheaderBG_green.jpg) no-repeat; width:264px; height:24px; font-weight:normal; color:#eee}
.blue_heading span, .green_heading span { font-size: 1.1em; margin-top: 0px; padding-top: 0px; padding-left:15px; position: relative; top: 2px }
.blue_heading span.more { font-size: 1.1em; margin-top: 0px; padding-top: 0px; padding-right:15px; position: relative; top: 2px; float:right }
.blue_heading a, .blue_heading span.more a{ color:white; text-decoration:none }

/* Correct text alginment in pills on front page */
#RSS .blue_heading, #noteworthy .green_heading{ padding-top: .2em }

#footer { width:980px; height:auto; margin:auto; padding-top:0px; padding-bottom:10px; clear:both;}
#footer a { text-decoration:none}
#footer #copy, #footer #link, #footer #last{ float:left } 
#footer #copy, #footer #last{ font-size: 10px; width: 30% }
#footer #link { text-align:center; width:40% }
#footer #last { text-align:right }

/* -------------- Page Wise Content ------------------- */

/* -------------- Home Page Content ------------- */
.bigbutton {padding-bottom: 5px;}
.video_frame { margin:10px; padding: 30px 50px; border: solid 1px #9b7467; border-radius: 20px; background-color: #c29384 }
.video_frame_blue { margin:0px; padding: 30px 50px; border: solid 2px #7cb9d8; border-radius: 20px; background-color: #ddeef6 }
/* -------------- Header ------------------ */
.sub_header { background:url(images/home_header1.jpg) no-repeat; width:973px; height:216px; margin-top:8px}
.sub_header .header_img { width:683px; height:216px; float:left}
.sub_header .button { float:left; width:280px; font-size:16px; color:#d6e8ef; font-weight:bold; line-height:1.5em;}
.sub_header .button div { padding:180px 0px 0px 100px;}
.sub_header .button img { padding:5px; vertical-align:middle;}

/* -------------- Center ------------------ */
#center.home .main { width:683px; position: relative }
#center.home .main .main_left { width:680px }
#center.home .main .main_right { width:0px }

/* NSTAR calculator */
.main .main_left .bb_box p { padding:50px 30px 0px 110px; font-weight:bold; font-size:12px }
.bb_box { background:url(images/bb_box.png) no-repeat; width:500px; height:110px; color:#d1e5ec; position:absolute; bottom:0 }

/* Right */

/* RSS feed */
.rssSummary{ padding: 0px 0px 0px 15px }
#rssWidget { padding-bottom: 6px }

/* RSS WP3 */
#center .right h2.widgettitle{ margin:0 }
a[title="Energy & Environment"]:before{ content: "From " }
a[title="Energy & Environment"]:after{ content: "…" }
h2.widgettitle { padding-top:0.2em; background:url("images/subheaderBG_blue.jpg") no-repeat; color:#EEEEEE; font-weight:normal; height:22px; width:263px; }
h2.widgettitle a{ color: white; padding-left: 6px; text-decoration: none; font-size: 1.1em; position:relative; top:2px }
h2.widgettitle a img{ background: none repeat scroll 0% 0% orange; border: medium none; float: right; margin: 2px 10px 0pt 0pt; }
li > a.rsswidget { color:#1D6E91; display:block; margin:6px 0 2px 16px; font-weight:bold }
.rss-date{ padding-left:15px; display:block }
#RSS{ padding-bottom:8px }
.rssSummary{ overflow:hidden; height:3.6em; /* Rest is for IE */ text-overflow:ellipsis; width:100% }

/* -------------- Inner Pages Common Content ------------------ */

.main_left .header_img { margin:0 0 15px 0 }

/* -------------- Businesss Page Content ------------------ */

/* -------------- Main left ------------------ */
.main_left { width:475px; color:#00456b; float:left;}
.main_left h1 { font-size:17px; font-weight:bold; color:#8b9298; padding:10px 0 0 20px }
.main_left h2 { font-size:14px; font-weight:bold; color:#008f42; padding:1.5em 0px 0px 20px; }
.main_left h2 a { color:#008f42; } /* text-decoration:underline } /* XXX */
.main_left h2 a:hover { color:#008f42; text-decoration:none }
.main_left h3, .main_left h4 { padding-left:20px; padding-top: 10px }
.main_left p { line-height:20px; padding:10px 0px 0px 20px }

.main_left ul { padding:5px 0px 0px 40px }
.main_left ul li { list-style-type:disc; }

/* LHMenu */
.left { width:212px; height:auto; padding-top:10px; line-height:1.2em; font-size:12px;}
.left a { color:#4066ff; text-decoration:none;}
.left h1 { font-size:12px; font-weight:bold; padding:10px 0 2px 15px;}
.left p {padding:2px 0 0px 15px;}
.left h2{border-bottom:1px dotted #fff; color:#29abe2; text-align:center; margin-bottom:10px; padding-bottom:8px;}
.left .date { font-size:11px }

/* -------------- Box1 ------------------ */
.left .box1{ margin-bottom:5px;}
.left .box1 .box1_top{background:url(images/content/box1_top_left.png) left bottom no-repeat; height:20px; padding-left:20px;}
.left .box1 .box1_top div.box1_top_left{background:url(images/content/box1_top_right.png) right bottom no-repeat; height:20px; padding-right:20px;}
.left .box1 .box1_top div.box1_top_left .box1_top_right{background:url(images/content/box1_top_middle.png) left bottom repeat-x; height:20px;}

.left .box1 .box1_middle{background:url(images/content/box1_middle_left.png) left top repeat-y; padding-left:20px;}
.left .box1 .box1_middle div.box1_middle_left{background:url(images/content/box1_middle_right.png) right top repeat-y; padding-right:20px;}
.left .box1 .box1_middle div.box1_middle_left .box1_middle_right{background:url(images/content/box1_bg.png) left top repeat; padding-bottom:1px; padding-right:15px;}

.left .box1 .box1_bottom{background:url(images/content/box1_bottom_left.png) left top no-repeat; height:20px; padding-left:20px;}
.left .box1 .box1_bottom div.box1_bottom_left{background:url(images/content/box1_bottom_right.png) right top no-repeat; height:20px; padding-right:20px;}
.left .box1 .box1_bottom div.box1_bottom_left .box1_bottom_right{background:url(images/content/box1_bottom_middle.png) left top repeat-x; height:20px;}

.left .box1 p { text-align:center; color:#008f42; font-size:14px; line-height:1.4em;}
.left .box1 p span{font-size:35px; margin:5px 0px; line-height:1.4em;}
.left .box1 p a{color:#008f42;}


/* -------------- Box2 ------------------ */
#box1, #box2, #box3 { width:212px; height:165px; text-align:center; margin-bottom:10px; }
#box1 img, #box2 img, #box3 img { margin-top:2px; }
/*#box1 { background:url(images/audit.jpg) no-repeat top left; }*/
/*#box2 { background:url(images/newsletter.jpg) no-repeat top left; }*/
#box3 { background:url(images/financing.jpg) no-repeat top left; }


/* -------------- Main Right ------------------ */
.sidebar_spacer_about {height: 10px; margin-top: -175px;}
.main .main_right { /* font-weight:bold; */ color:#d1e5ec; width:270px; padding-top: 26px;}
.main .main_right ul li{margin-bottom:12px;}
.main .main_right ul li p{ color:#202020; font-size:12px; line-height:1.4em; margin-left:16px; }
.main .main_right ul li p a{ color:#8099FF; text-decoration:none;}
.main .main_right ul li ul { margin: 0px 0px 0px 16px; }
#sb_1 { background:url(images/20_box.jpg) no-repeat; width:166px; height:107px; line-height:2em;} 
#sb_2 { background:url(images/sign_up_box.jpg) no-repeat; width:166px; height:112px; line-height:2em; margin-top:6px;} 
#sb_3 { background:url(images/events_box.jpg) no-repeat; width:166px; height:107px; line-height:2em; margin-top:6px;} 
/* #sb_4 { background:url(images/energy_box.jpg) no-repeat; width:166px; height:112px; line-height:2em; margin-top:6px;} */
#sb_5 { background:url(images/ac_swap.jpg) no-repeat; width:166px; height:112px; line-height:2em; margin-top:6px;} 
div.sb div { padding:75px 0 0 15px}
div.sb img { vertical-align: middle; margin: 0px 12px}

.main .main_right p.splash { width:180px; margin:80px auto 0px auto; padding:80px 0px 0px }
div.splashbio { width:180px; float: right; margin:20px -235px 0px auto }


/* -------------- Right ------------------ */
.right { height:auto; margin-top:10px; margin-right:10px; line-height:1.2em; font-size:12px;}
#center.home .right { width:264px;}

.right h1 { font-size:12px; font-weight:bold; padding:10px 0 2px 15px;}
.right p {padding:2px 0 0px 15px;}
.right .date { font-size:11px }

/* -------------- Contact Us Page Content ------------------ */

/* -------------- Main ------------------ */
/* XXX use a heading instead of a span or paragraph! */
/*
#center.contact .main h2{color:#1d6e91; line-height: 1.2em; font-size:160%; font-weight:normal; margin-left:25px; }
#center.contact .main h3{color:#00457c; font-size:120%; margin-left:25px;}
*/

.info_list, .inquiries { padding-left: 20px }

.info_list a, .inquiries a{color:#0066ff}
div.info_list {margin-top: 15px}
.info_list ul {margin-top:-5px; margin-left: 10px}
.info_list ul li{margin-top:8px}
div.inquiries {width:300px; clear: both; padding-top: 12px}
.inquiries dl{width:100%; padding-left: 0px}
.inquiries dt, .inquiries dd{float:left; clear:none; margin:5px 0px; padding:0}
.inquiries dt{width:50px}
.inquiries dd{width:250px}

/*--------------- Sub Menus -------------*/
#sub-menu {min-height:216px;font-family:verdana;}
#sub-menu ul { margin:0px; padding:15px 0px 15px 0px; list-style:none; }
#sub-menu ul li { border-top:1px solid #0071BC; margin:0px; padding:0px;font-size:12px; }
#sub-menu ul li a { color:#0071BC; text-decoration:none; padding:8px 0px 8px 15px; font-weight:bold; display:block;font-size:12px; }
#sub-menu ul li a:hover { color:#29ABE2; text-decoration:none }
#sub-menu ul li ul { margin:0px; padding:0px; }
#sub-menu ul li ul li { margin:0px; padding:0px 0px 0px 10px; border-top:1px dashed #0071BC;font-size:11px;display:none;}
#sub-menu ul li.current_page_parent ul li, #sub-menu ul li.current_page_item ul li { margin:0px; padding:0px 0px 0px 10px; border-top:1px dashed #0071BC;font-size:11px;display:block;}
#sub-menu ul li ul li a { background:url(images/submenu-arrow.gif) no-repeat left; margin-left:5px;font-size:11px; }
#sub-menu ul li.current_page_item a { color:#29ABE2; }
#sub-menu ul li.current_page_parent a { color:#29ABE2; }
#sub-menu ul li.current_page_item ul li a { color:#0071BC;font-size:11px;}
#sub-menu ul li.current_page_item ul li a:hover { color:#29ABE2; }
#sub-menu ul li.current_page_parent ul li a { color:#0071BC;font-size:11px;}
#sub-menu ul li.current_page_parent ul li a:hover { color:#29ABE2; }
#sub-menu ul li.current_page_parent ul li.current_page_item a { color:#29ABE2;font-size:11px;}

/* No top border on top sub-menu entries */
#sub-menu .page-item-1276 { border-top:0px; } /* About */
#sub-menu .page-item-246 { border-top:0px; } /* Business */
#sub-menu .page-item-2780 { border-top:0px; } /* Non-profits */
#sub-menu .page-item-254 { border-top:0px; } /* Residents */
#sub-menu .page-item-269 { border-top:0px; } /* News */
#sub-menu .page-item-1671 { border-top:0px; } /* Contact */

/* Calendar */
#feeds { position:relative; top:-1.75em; padding-left:2em}
#feeds img { vertical-align: middle; padding: 0px 2px;}
#fmenu { display:none }
#feeds:hover #fmenu{ display:block; position:absolute; z-index:3; border: 1px solid black; padding: .2em; background-color: #fed}
.f1, .f1 a {color:#0d7813}
.f2, .f2 a {color:#29527A}
#sub-menu ul li p a.blurb {padding: 0px; color:#0071BC; font-weight: normal; display:inline }

/* Search Results */
.search{ margin-left: -2.4em }
.search .result { padding-bottom: 10px }
.search h2{ display: inline }
.timestamp{ font-family: monospace; float: left; margin-left: -7em }
.search p { /* XXX Doesn't work?! padding: 0px 0px 10px 0px */
	    margin-top: -10px }
.searchATTN{ background-color: #dda }

/* Sign-up */
.sign-up { width: 775px }
.sign-up .fR { 
	width: 350px; 
	float:right; 
	background-color:#b0c4de;    
	border-radius: 5px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;} /* XXX padding-right:? */
.sign-up .fR H2, .sign-up .fR p {margin-top:0px; margin-bottom:4px}
.sign-up .fR p {margin-bottom:4px; margin-right: 8px; color:black}
.sign-up .fR a {color:green}
.sign-up .fR H3 {padding-bottom: 10px;
		padding-right: 8px;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-right: 8px;
		margin-left: 8px;
		background-color:white}
.sign-up .fR H3  label {
		cursor:pointer}
.sign-up div br, .sign-up p br{ display: none }
.sign-up table {margin-left: 20px }
/* Residential 50+ special styling */
.sign-up td p { display: inline; position: relative; left:-1em }
.sign-up .user_info { width:425px; }
.sign-up table #user_info_table { margin-top: 10px; }

#recaptcha_widget_div{ margin: 20px }
#recaptcha_response_field {
	left: 0px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;
}

input:focus, textarea:focus{ background-color:#efe; border: 2px inset #79c5a9 }

.sign-up #to #recipient{ margin-left: 20px }
.sign-up #to{ margin: 10px 20px 0 10px; padding: 0 10px 10px;
              width:175px; height:16em; background-color:#efe;
              border: 1px solid #aec; border-radius:15px;
              -moz-border-radius:15px; -webkit-border-radius:15px }
.sign-up #to h2{ margin: -10px 0 0 -20px }
.sign-up #to #detail{ margin-left: -15px }
/* .sign-up #body{ width: 470px } */
.sign-up #body div{ padding-left: 20px }
.sign-up #body h2{ clear:left }

#incoming{ width:450px; background-color: #eee;
	   margin:10px auto 0; padding:15px 15px 15px 0; 
	   border:1px solid black; border-radius:15px;
	   -moz-border-radius:15px; -webkit-border-radius:15px }
#incoming .hide { float: right }
#incoming div ul{ column-count:2; -moz-column-count:2; -webkit-column-count:2 }

/* WordPress to Lead form */
form.w2llead {
  text-align: left;
  clear: both;
}
.w2llabel, .w2linput {
  display: block;
  width: 120px;
  float: left;
}
.w2llabel.error {
  color: #f00;
}
.w2llabel {
  clear: left;
  margin: 4px 0;
}
.w2linput.text {
  width: 200px;
  height: 18px;
  margin: 4px 0;
}
.w2linput.textarea {
  clear: both;
  width: 320px;
  height: 75px;
  margin: 10px 0;
}
.w2linput.submit {
  float: none;
  margin: 10px 0 0 0;
  clear: both;
  width: 150px;
}
.w2linput.checkbox{
  height:18px;
  margin:0px 0;
}
.w2llabel.checkbox{
  clear:none;
  height:18px;
  margin: -8px 0 4px 4px;
}
#salesforce {
  margin: 3px 0 0 0;
  color: #aaa;
}
#salesforce a {
  color: #999;
}

/* WordPress to Lead sidebar widget form */
.sidebar form.w2llead {
  clear: none;
  text-align: left;
}
.sidebar .w2linput, 
.sidebar .w2llabel {
  float: none;
  display: inline;
}
.sidebar .w2llabel.error {
  color: #f00;
}
.sidebar .w2llabel {
  margin: 4px 0;
}
.sidebar .w2linput.text {
  width: 160px;
  height: 18px;
  margin: 4px 0;
}
.sidebar .w2linput.textarea {
  width: 160px;
  height: 50px;
  margin: 10px 0;
}
.sidebar .w2linput.submit {
  margin: 10px 0 0 0;
}
#salesforce {
  margin: 3px 0 0 0;
  color: #aaa;
}
#salesforce a {
  color: #999;
}