/* Theme Name: New Energy Author: CBD Marketing Version: 1.0 */ html,body,div,span,caption,em,sub,sup,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,code,ol,ul,li,fieldset,form,label,legend {vertical-align: baseline;font-size: 1em;outline: 0;padding: 0;margin: 0;border: 0;} html {height:100%; margin-bottom:1px;} body {font:normal 1em/1.1em Arial, Helvetica; color:#6E6E6E; background:#fff; } /* Misc. Styles */ :focus {outline: 0;} p {margin:0 auto 12px;} a { outline: none; cursor: pointer;} img {border: none; text-decoration: none;} a:link, a:visited, a:active {text-decoration: none;} a:hover {text-decoration: underline;} /* clearing */ .clearfix:after {content: ".";display: block; height: 0;clear: both;visibility: hidden;} .clr {font-size : 1px;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} .clear {clear: both; height: 1px;} /* End hide from IE-mac */ /* wrappers */ #topwrapper { background:#fff repeat-x 0 0; position: relative; z-index: 20; } #top {background: background: #FFF; height:120px; width:940px; margin:0 auto; position: relative; } #logo {width:365px; height:120px; float:left; padding-top:30px;} #right-header {position:relative;width:575px; height:120px; float:right; border:0;} #blog-logo { width:350px; height:120px; float:right; border:0px; } #the-logo {padding: 15px 0 0 0; text-align:right;} #nav { width:550px; height:30px; *margin-top:-30px; float:left; border:0px; padding-left:2px; font-family: Helvetica, Arial, sans-serif .8em !important; position:relative; z-index:290; } #top #search { width: 260px; position:absolute; right: -55px; top: 120px; *top:90px; z-index:500; } #topcaption {width:430px; float:right; margin:55px 0 0 0; padding-right:10px; border-right:2px solid #858585; font:normal .75em Arial, Helvetica, sans-serif; text-align:right; font-style:italic; color:#999; } #topcaption p {margin:0;} #header_banner_wrapper { background: #0168b3 url(/wp-content/uploads/2010/02/header-bg-repeat.gif) repeat-x bottom left; position:relative; z-index:1; } #header_banner { background:#0168b3 url(/wp-content/uploads/2010/02/header-bg-repeat.gif) repeat-x bottom left; width: 960px; height: 290px; margin: 0 auto 0 auto; position: relative; } #header_banner-left { width: 604px; height: 290px; margin: 0; float:left; position:relative; z-index:2; } #flashcontent{ position:relative; z-index:3; } #solar-header{ background:#0168b3 url(/wp-content/themes/newenergy/images/solar-header.jpg) no-repeat top middle; position:relative; z-index:3; } #renewable-header{ background:#0168b3 url(/wp-content/themes/newenergy/images/renewable-header.jpg) no-repeat top middle; position:relative; z-index:3; } #load-header{ background:#0168b3 url(/wp-content/themes/newenergy/images/load-header.jpg) no-repeat top middle; position:relative; z-index:3; } #market-header{ background:#0168b3 url(/wp-content/themes/newenergy/images/market-header.jpg) no-repeat top middle; position:relative; z-index:3; } #gas-header{ background:#0168b3 url(/wp-content/themes/newenergy/images/gas-header.jpg) no-repeat top middle; position:relative; z-index:3; } #electric-header{ background:#0168b3 url(/wp-content/themes/newenergy/images/electric-header.jpg) no-repeat top middle; position:relative; z-index:3; } #efficiency-header{ background:#0168b3 url(/wp-content/themes/newenergy/images/efficiency-header.jpg) no-repeat top middle; position:relative; z-index:3; } #header_banner-right{ background: #0168b3 url(/wp-content/uploads/2010/02/header-bg-repeat.gif) repeat-x bottom left; width: 356px; height: 290px; margin: 0; padding:0; float:left; overflow:hidden; } #slogan{ width:356px; height:80px; padding:1px 0 0 8px;} #slogan-image { margin-right:4px;} #blurb{ width:320px height:190px; background-image: url(/wp-content/themes/newenergy/images/blurb-bg.gif); background-repeat:no-repeat; background-position: top left; margin:10px 0 10px 8px;} #most-recent-posts {font-size:13px; font-family:Helvetica, Arial, sans-serif; margin:20px 10px 0px 10px; overflow:hidden;} #most-recent-posts h3 {font-size: 15px; font-style:bold; color:#FFF; border-bottom: 1px dotted #FFF; margin-bottom: 7px; margin-right:10px;} #most-recent-posts li {list-style:none;} #most-recent-posts a {color:#FFF; text-decoration:none;} #most-recent-posts a:hover {color:#EEE; text-decoration:underline;} #banner {width:960px; margin:0 auto;} #posted-in {font-size: 11px; font-style:italic; color:#EEE;} #fractal {background:url('images/bfractal.jpg') no-repeat center top;} #headercaption {width:940px; height:163px; margin:0 auto; padding:140px 0 0 0; font:normal .9em Arial, Helvetica, sans-serif; color:#fff;} #headercaption h1 {font:normal 2em Arial, Helvetica, sans-serif!important; color:#fff; margin:0 auto 8px; border:none!important; padding-bottom:0; } #menuwrapper {background:#303030; height:30px; margin-bottom:5px; } #mainmenu {width:960px; margin:0 auto; color:#888; font:normal .9em Arial, Helvetica, sans-serif;} #bcouter { background: url('images/background.gif'); padding-top: 20px; padding-bottom:30px;} #bcinner { background:url('images/top_edge.png') top no-repeat; width:960px; margin:0 auto; height:10px; font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #676767; line-height: 18px; } /* Random */ p.readmore { text-align: right; } p.readmore a { color: #ff0000; font-size: 11px; } #twitter{ margin:0px 10px 0 0 !important; padding:0 !important; } #twitter-item { background-color: #FFF !important; background-image: url(/wp-content/themes/newenergy/images/twitter-top.gif) !important; background-repeat: no-repeat !important; background-position: top left !important; padding:5px 5px 0 5px !important; margin: 5px 5px 6px 0; } #twitter-bottom { background: #FFF url(/wp-content/themes/newenergy/images/twitter-bottom.gif) no-repeat bottom left; font-style: italic; margin:0 10px 0 -5px; padding-bottom:5px; text-align:right; } #social-media-sidebar{ padding: 10px 0; } .addtoany_share_save_container{ margin: 5px 5px 5px 505px; } .excluded{ display:none; } .addtoany_share_save_container ul{ list-style-type:none; } .addtoany_share_save_container ul li{ list-style-type:none; } .a2a_dd addtoany_share_save {background:url(http://blog.newenergy.com/wp-content/plugins/add-to-any/favicon.png) no-repeat scroll 9px 0px !important;padding:0 0 0 30px;display:inline-block;height:16px;line-height:16px;vertical-align:middle; } #social-icon{ margin:0 6px; } #social-icon:hover { } #breadcrumbs {width:600px; float:left;background:url('images/icon_pathway.png') no-repeat 0 50%; padding-left:17px; font-style:oblique; display:none;} #bcinner a {color:#0168b3; text-decoration:none; font-style:normal;} #bcinner a:hover {color: #676767;} #content {background:#fff url('images/contenttop.png') no-repeat top; width:940px; margin:0 auto; padding:20px 10px; min-height:200px; font-size:.76em;} /* bottom widget groups */ #bottomwrapper { background: #69737C; width:960px; margin:0 auto; font:normal .7em Verdana, Arial, Helvetica; } #bottomwrapper a:link, #bottomwrapper a:visited { color: #FFF; } #bottomwrapper h2 { color: #e4e8eb; } #bottomgroup1 {background:#D6D6D6; padding:10px;} #bottomgroup2 { padding:10px; position: relative;} .widgetleft, .widgetcenter, .widgetright {width:185px; height: 630px; min-height: 630px; float:left; background: url('images/repeater.gif') repeat-y top right; } .widgetright_social { width: 225px; margin-top:550px; float:right; text-align: right; } .widgetright_social a { padding:0 3px; } .widgetcenter {margin:0 20px 0 0; padding-left:20px;} /* Footer */ #footer {background:url('/wp-content/themes/newenergy/images/footer-bottom.png') no-repeat; border-top: 1px #e4e8eb solid; color: #f8f8f8; width:940px; margin:0 auto; min-height:20px; padding:8px 10px 4px 10px; font:normal .6em Verdana, Arial, Helvetica;} #bottom {background:url('images/bottom.png') no-repeat bottom; width:960px; margin:0 auto 12px; height:7px;} /* New Right */ .right_module { background: #e4e8eb url(/wp-content/themes/newenergy/images/sidebar-round-bottom.gif) no-repeat bottom left; padding: 0px 0 12px 17px; margin-bottom: 10px; } .right_module_top { background: #e4e8eb url(/wp-content/themes/newenergy/images/sidebar-round.gif) no-repeat top left; padding: 12px 0 0 17px;} /* Columns */ #maincontent {} #maincontentleft {width:660px; float:left; padding:0 10px;} /* with right column */ #maincontentleft li{ margin-left:20px; } #maincontentright {width:660px; float:right;} /* with left column */ #right, #left {width: 240px; float:right; padding:0 10px 10px 0;} #right li { background: #e4e8eb; } #left {float:left;} /* Menu*/ #dropmenu #current-page a { font-size: 13px !important; font-family:Helvetica, Arial, sans-serif !important; background:#0168B3; color:#FFF; } #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:100%; font-size: 13px !important; font-family:Helvetica, Arial, sans-serif !important; font-weight:bold !important;} #dropmenu a {font-size: 13px !important; font-family:Helvetica, Arial, sans-serif !important; display:block; height:30px; padding:0; color:#687379; border-left: 1px solid #FFF; border-right: 1px solid #FFF; line-height:30px; text-decoration:none; padding: 0 8px 0 8px; background:#FFFFFF; float:left;} #dropmenu a:hover {font-size: 13px !important; font-family:Helvetica, Arial, sans-serif !important; background:#0168B3; border-left: 1px solid #FFF; border-right: 1px solid #FFF; color:#FFF;} #dropmenu li {font: Helvetica, Arial, sans-serif; float:left; list-style:none; position:relative;} #dropmenu ul {font: Helvetica, Arial, sans-serif; text-align:left; position:absolute; margin:0; display:none; width:auto; top:30px; left:0; border-top:1px solid #0168B3; border-bottom:1px solid #0168B3;} #dropmenu ul a {text-align:left; font-family: Helvetica, Arial, sans-serif; font-size:11px; border-left:1px solid #0168B3; border-right:1px solid #0168B3;} #dropmenu li ul {border-top:1px solid #0168B3; width:auto;} #dropmenu li ul a {font-family: Helvetica, Arial, sans-serif; font-size:11px !important; font-weight:normal; color: #3F3F3F; width:12em; height:auto; float:left; border-bottom:1px solid #B6BDC3; background-color:#F8F8F8;} #dropmenu li ul a:hover {font-family: Helvetica, Arial, sans-serif; font-weight:normal; font-size:11px !important; color: #F8F8F8; width:12em; height:auto; float:left; border-left:1px solid #0168B3; border-right:1px solid #0168B3; border-bottom:1px solid #B6BDC3; background-color:#0376C9;} #dropmenu ul ul {font: Helvetica, Arial, sans-serif; top:auto;} #dropmenu li ul ul {font: Helvetica, Arial, sans-serif; left:10em; margin:0 0 0 0px;top:-.09em;} /* IE6 FIXES */ /* TYPOGRAPHY STYLES - headings */ h1, h2, h3, h4, h5, h6 {font:bold 1.7em Arial, Helvetica, sans-serif; margin:0 auto 0; padding-bottom:3px; color:#0168b3;} h1 {padding-bottom:2px; font-weight:normal;} h2 {font-size:1.7em; font-weight:normal;} h2.pagetitle {border:none;} h3, h4, h5, h6 {color:#303030;} h3 {font-size:1.2em;} h4 {font-size:1em;} h5 {font-size:.9em;} h6 {font-size:.76em;} small {display:block; margin-bottom:15px; font-style: italic; color:#0168b3; font:normal .9em Arial, Helvetica, sans-serif;} p.postmetadata {font:normal .9em Arial, Helvetica, sans-serif; background-color:#E4E8EB; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding:4px 8px; margin: 25px 0 10px 0; clear:left;} /* links */ #content a, #content a:visited {color: #2978b0;} a.posttitle, h3 a.archtitle:hover {color:#2A5894!important;} a.posttitle:hover, h3 a.archtitle {color:#2978b0!important; text-decoration:none;} .post a.more-link, a.more-link {background:url('images/readmore.png') no-repeat; display:block; width:88px; height:18px; padding-top:4px; margin:8px 0 20px 0; font:normal 11px Arial, Helvetica, sans-serif; color:#816D22!important; text-decoration:none; clear:both; font-style:oblique; text-align:center;} .post a.more-link:hover, a.more-link:hover {color:#303030!important; text-decoration:none;} .post{margin-bottom:30px;} /* blockquotes and spans */ blockquote, pre {background-color:#f2f2f2; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; font:normal .9em Arial, Helvetica, sans-serif; margin:8px auto 20px; width:90%;} pre {border-left:4px solid #D6D6D6;} /* Images alignment */ .aligncenter {margin: 4px auto 8px auto;display: block;} .alignleft {margin: 4px 20px 6px 0;float: left;} .alignright {margin: 4px 0px 6px 20px;float: right;} .col-left {float: left;} .col-right {float: right;} /* Image and Captions */ img.centered{display: block;margin-left: auto; margin-right: auto;} .wp-caption {background-color:#f2f2f2;border:1px solid #dedede;padding:3px 0 0;text-align:center;} .wp-caption-text {padding:0; margin-bottom:0px;font-size:10px; color:#808080;} /* main content list styles */ ol li {list-style:decimal; margin-left:30px;} ul, ul.listtan, ul.listgrey, ol { margin:10px; line-height:20px;} ul li { } ul.listtan li { list-style-type: none; } ul.listgrey li { } ul li ul li { list-style-type: none; } ul.listtan li ul li { list-style-type: none; } ul.listgrey li ul li { list-style-type: none; } /* Side column lists left and right */ #left ol, #left ul, #right ol, #right ul {margin-left:10px;} #left ul, #right ul {margin:10px 10px 15px 8px; padding-left: 0;} #left li, #left li a, #right li, #right li a {font:normal 11px verdana, Arial, Helvetica, sans-serif; padding:5px 0;} #left li, #right li { list-style-type: none; } #left li:hover, #right li:hover { list-style-type: none; } #left a, #left li a, #right a, #right li a {text-decoration:underline; border:none!important;} #left li a, #right li a {text-decoration:none!important;} #left a:hover, #right a:hover {color:#303030; text-decoration:none;} #left ul.menu, #right ul.menu {margin-top:0; padding-top:0;} #left ul.listblue li, #left ul.listtan li, #left ul.listgrey li, #right ul.listblue li, #right ul.listtan li, #right ul.listgrey li {border:none;} #left ul.listblue li, #right ul.listblue li { } #left ul.listtan li, #right ul.listtan li { border-bottom:1px dotted #aeaeae;} #left ul.listgrey li, #right ul.listgrey li { border-bottom:1px dotted #aeaeae;} /* submenu on the breadcrumb row */ #submenu {width:300px; float: right;} #submenu ul {overflow: hidden;margin: 0;padding:3px 0 0;list-style-type: none;} #submenu li {float: right; list-style: none; margin:0; padding:0; list-style-type: none; background: none; line-height:100%; border-right:1px solid #bdbdbd;} #submenu a.nav {font: normal 11px Tahoma, Arial, Helvetica, sans-serif;color: #333;margin: 0; padding: 0 8px;} #submenu a.nav:link, div#submenu a.nav:visited {text-decoration: none;} #submenu a.nav:hover {text-decoration: none; background: #fff;} #submenu ul#subnav li:first-child {border:none!important;} /* hides left border from first menu item */ /* vertical menus */ #content ul.menu {list-style: none; margin: 0; padding: 0;} #content ul.menu li {background: none; margin: 0; padding: 0; border-bottom: 1px solid #f1f1f1;} #content ul.menu li a {display: block; outline: none; padding: 5px 2px; color: #333; text-decoration:none!important;} #content ul.menu li a:hover, #content ul.menu li a:active, #content ul.menu li a:focus {color: #2978b0;} #content ul.menu li.active a {color: #2978b0;} #content ul.menu li.parent a {background: url('images/menu-subicon.png') no-repeat 96% center;} #content ul.menu li ul {list-style: none; margin: 0; padding: 0;} #content ul.menu li li {border-bottom: 1px solid #f1f1f1;} #content ul.menu li li:first-child {border-top: 1px solid #f1f1f1;} #content ul.menu li li a {border: none;font-weight: normal !important; padding-left: 20px!important; } #content ul.menu li li a:hover, #content ul.menu li li a:active, #content ul.menu li li a:focus {background: none;} #content ul.menu li.parent li a {background: none;} /* Footer Menu */ #links ul {overflow: hidden; margin: 0; padding: 0; list-style-type: none;} #links ul li {display:inline; color:#888; list-style: none; margin: 0; padding:0 5px; list-style-type: none; border-right:1px solid #6e6e6e;} #links li a:link, #links li a:visited, #copyright a {color:#ccc; text-decoration:none;} #links li a:hover, #copyright a:hover {color:#FFF; text-decoration:underline;} #links ul li:first-child {border-left:none; padding-left:0;} /* hides left border from first menu item */ #links ul li:last-child {border-right:none;} /* Widget Styles with rounded corners - not viewable in ie */ #contentbottom {background-color:#f2f2f2; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; font:normal .9em Arial, Helvetica, sans-serif;} #content .widget, #content .widget-grey, #content .widget-tan, #content .widget-clear { -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px; font:normal .9em Arial, Helvetica, sans-serif; margin-bottom:20px;} #content .widget {background-color:#F2F2F2;} #content .widget-grey {background-color:#D6D6D6;} #content .widget-tan {background-color:#E3DED3;} #content .widget-clear {} /* widget headings */ #right .widget h3, #right .widget-grey h3, #right .widget-tan h3, #left .widget h2, #left .widget-grey h2, #left .widget-tan h2, #bottomwrapper h3, div.module h3, div#left div.module h2 {font:bold 1.1em Arial, Helvetica; margin:0 auto 4px; color:#303030;} #bottomgroup1 h3 {color:#303030; border-color:#8A8A8A;} #bottomgroup2 h3 {color:#CAC5BA; border-color:#6E6E6E;} #logo h1, #banner h2, #topcaption h2, #submenu h2, #footer h4 {display:none;} /* This hides the headings from the front-end */ /* Compliments to TeachMeJoomla's flexible rounded corners module */ div.module, div.module div{background:url('images/gradientwidget.png');} /*replaced with single image technique*/ div.module { padding:0; margin:0 0 20px; background-repeat:no-repeat; background-position:bottom left; height:1%; width:auto; } div.module div {margin:0 0 0 13px; background-repeat:no-repeat; background-position: bottom right; padding:0 0 13px 0; width:auto;} div.module div div {background-position: top right;margin:0; padding:0;} div.module div div div {margin:0 13px 0 -13px;background-position: top left; padding:6px 0 0 8px; font:normal .96em Arial, Helvetica, sans-serif;} /*reset nested divs*/ div.module div div div div{padding:0; margin:0; background:none; background-image:none; background-position:top left; background-repeat: repeat; background-color: transparent; width:100%;} /* Comments template */ #respond {margin:25px auto 15px;} #comments, #respond h3 {font-size:14px;color:#333;padding-bottom:5px; font-weight:bold;} .commentlist { padding-left:0px;} .commentlist li {margin-bottom:5px;list-style:none;background:#f2f2f2;-moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px;border:1px solid #E3E3E3;} .commentlist li .avatar { float: left;border: 1px solid #64522C;padding: 2px;background: #fff;margin-right:5px;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {clear:both;line-height: 1.5em;} #commentform input, #commentform textarea {border:1px solid #E3E3E3;padding:3px;} #commentform p {margin-bottom:10px;} #commentform #submit {background-color:#9E8961;color:#FFFFFF;border:1px solid #64522C;cursor:pointer;} #commentform textarea { width:98%; background:#f2f2f2; } div.comment-meta a {color:#fff;} div.comment-meta {width:250px; float:left; margin-left:0;} img.avatar {margin-right:10px!important;} div.post-nav {clear:both;} /* Calendar */ #calendar_wrap {width:100%;} #wp-calendar {empty-cells: show; margin: 10px 0; width: 100%; background:#fff; border-bottom:1px solid #f7f7f7; border-top:1px solid #f7f7f7; } #wp-calendar th {background:#f7f7f7;text-align:center;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block;color:#2978B0 !important;} #wp-calendar a:hover {color:#806C21 !important;} #wp-calendar caption {text-align: center; width: 100%;padding:0 2px 0 0;font-weight:bold;} #wp-calendar td {padding: 3px 0;text-align: center;} /* Search */ form#searchform {margin-bottom:30px;} input#s {width:130px; float:left;} #searchsubmit { color: #FFF; background: #0168B3; float:left; width:61px; height:21px; border:none; margin:0 0 0 6px; font:normal 1em Arial, Helvetica, sans-serif; cursor:pointer; font-size: 10px; line-height:21px;} #searchsubmit:hover {background: #017DD3;} #subscribesubmit { color: #FFF; background: #0168B3; float:right; width:81px; height:21px; border:none; margin:0 0 0 6px; font:normal 1em Arial, Helvetica, sans-serif; cursor:pointer; font-size: 10px; line-height:21px;} #subscribesubmit:hover {background: #017DD3;} label.screen-reader-text {display:none;} /** wp-pagenavi plugin - add this group to the pagenavi plugin styles in the dashboard **/ .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:hover, .wp-pagenavi a:active, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {-moz-border-radius:0.4em; -khtml-border-radius:0.4em; border:1px solid #d4d4d4; background:#f2f2f2 url('images/page-nav.png') repeat-x; padding: 2px 4px 2px 4px; margin: 2px;} .wp-pagenavi a, .wp-pagenavi a:link {text-decoration: none; color: #303030; } .wp-pagenavi a:visited {text-decoration: none; color: #303030; } .wp-pagenavi a:hover, .wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi span.extend {color: #816D22;} .wp-pagenavi a:hover { border: 1px solid #d4d4d4;} .wp-pagenavi a:active {text-decoration: none;color: #816D22;} .wp-pagenavi span.pages {padding: 2px 4px 2px 4px; margin: 2px 2px 2px 2px;} .wp-pagenavi span.current {font-weight: bold;} /* Twitter */ .twitter { margin: 5px; }