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

Base by SmartPower || http://smartpower.org
Modifications by Jerrad Pierce || http://cambridgeenergyalliance.org
*/

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

body { font-family:Helvetica, sans-serif; font-size:small; color:#407490; background-color:#fff }

/* -------------- 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:20px;}
#header img.nav_border{margin:6px 0px 8px 0px;}
#header .breadcrumb {float: right; padding-top: .2em; padding-right:1em}

#micronav{ position: relative; float: right; top: -40px; padding-right: 16px }
#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: 8em; border: 1px solid #79c5a9 }
.hidden{ display: none }

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

.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}
.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:30px; padding-bottom:10px;}
#footer a { text-decoration:none}
#footer #copy, #footer #link, #footer #last{ float:left } 
#footer #copy, #footer #last{ font-size: 10px; width: 25% }
#footer #link { text-align:center; width:50% }
#footer #last { text-align:right }

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

/* -------------- Home Page Content ------------- */

/* -------------- Header ------------------ */
.sub_header { background:url(images/home_header.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:500px }
#center.home .main .main_right { width:165px }

/* 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 */

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

/*
   .rssSummary{ padding: 0px 0px 15px 15px }
   .rsswidget{ padding-left: 15px; }
   #rssWidget{ padding-top: 10px }*/


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

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

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

/* -------------- Main left ------------------ */
.main_left { width:475px; color:#00456b;}
.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:120px; }
#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 ------------------ */
.main .main_right { /* font-weight:bold; */ color:#d1e5ec; width:270px; }
.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;} 
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 }
.main .main_right div.splashbio { width:180px; margin:0px auto 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 -------------*/
#submenu {min-height:216px;font-family:verdana;}
#submenu ul { margin:0px; padding:15px 0px 15px 0px; list-style:none; }
#submenu ul li { border-top:1px solid #0071BC; margin:0px; padding:0px;font-size:12px; }
#submenu ul li a { color:#0071BC; text-decoration:none; padding:8px 0px 8px 15px; font-weight:bold; display:block;font-size:12px; }
#submenu ul li a:hover { color:#29ABE2; text-decoration:none }
#submenu ul li ul { margin:0px; padding:0px; }
#submenu ul li ul li { margin:0px; padding:0px 0px 0px 10px; border-top:1px dashed #0071BC;font-size:11px;display:none;}
#submenu ul li.current_page_parent ul li, #submenu ul li.current_page_item ul li { margin:0px; padding:0px 0px 0px 10px; border-top:1px dashed #0071BC;font-size:11px;display:block;}
#submenu ul li ul li a { background:url(images/submenu-arrow.gif) no-repeat left; margin-left:5px;font-size:11px; }
#submenu ul li.current_page_item a { color:#29ABE2; }
#submenu ul li.current_page_parent a { color:#29ABE2; }
#submenu ul li.current_page_item ul li a { color:#0071BC;font-size:11px;}
#submenu ul li.current_page_item ul li a:hover { color:#29ABE2; }
#submenu ul li.current_page_parent ul li a { color:#0071BC;font-size:11px;}
#submenu ul li.current_page_parent ul li a:hover { color:#29ABE2; }
#submenu ul li.current_page_parent ul li.current_page_item a { color:#29ABE2;font-size:11px;}

/* No top border on top sub-menu entries */
#submenu .page-item-1276 { border-top:0px; } /* About */
#submenu .page-item-246 { border-top:0px; } /* Business */
#submenu .page-item-254 { border-top:0px; } /* Residents */
#submenu .page-item-269 { border-top:0px; } /* News */
#submenu .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}
#submenu 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: 755px }
.sign-up .fR { width: 380px; float:right; } /* XXX padding-right:? */
.sign-up .fR H2, .sign-up .fR p {margin-top:0px; margin-bottom:0px}
.sign-up .fR p {margin-bottom:8px}
.sign-up .fR H3 {margin-bottom: 0px}
.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 }

#recaptcha_widget_div{ margin: 20px }

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 }