/*
Theme Name: Hank the DIY Energy Guy
Theme URI: http://thediyenergyguy.com/
Description: Unique theme for Hank the DIY Energy Guy.
Author: Dojo Design
Author URI: http://www.dojo-design.com
*/

body {margin:0; padding:0; background:#a8c6d2 url(energy/energy-bk.gif) repeat-x; font-family:arial; font-size:13px; color:#000000;}

.in {margin: 0; padding: 0;}

img {border:0;}

a {color:#50a1c9; font-weight:bold; text-decoration:none;}
a:hover {color:#2d7ba1; font-weight:bold; text-decoration:none;}

#energy-up {width: 960px; margin:0 auto; background: url(energy/energy-up.jpg) no-repeat top;}

#div-line {width: 100%; margin: 20px 0 0 0; background:url(energy/line-div.gif) repeat-x;}

#energy-main {width: 960px; margin: 0 auto; background:url(energy/energy-bk.jpg) repeat-y;}

#top-wrap {float: left; width: 100%;}

#top-right {margin-left: 660px; height:10px;}
.top-right {margin:0; padding:10px 30px 0 0; text-align:right;}

.search {margin:0; padding:0; height:40px;}
.search-submit {background:#dfeef5; border:1px dotted #c7dee8; color:#50a1c9; font-weight:bold; padding:1px; font-size:12px; font-weight:bold;}
.search-text {background:#dfeef5; border:1px dotted #c7dee8; color:#50a1c9; padding:2px; font-size:12px;}

#top-left {float: left; width: 660px; margin-left: -960px; height:10px;}
.top-left {margin:0; padding:10px 0 0 30px; height:40px;}
#top-left h1 {color:#50a1c9; font-weight:normal; text-decoration:none; font-size:18px; margin:0; padding:0;}

#energy-top {clear:left; background: url(energy/cartoon.jpg) no-repeat top; height: 175px;}

#menu-area {margin:0; padding:0; height:35px; background:url(energy/menu-area.jpg) no-repeat;}
.menu-area {margin:0; padding:9px 0 0 25px; font-size:12px; text-align:left;}

#menu-area ul {list-style-type:none; display:inline; }
#menu-area li {list-style-type:none; display:inline; margin:0; padding:0 8px 0 8px; border-right:1px solid #ffffff;}
#menu-area li a {color:#004970; font-weight:bold; text-decoration:none;}
#menu-area li a:hover {color:#000000; font-weight:bold; text-decoration:none;}

#energy-wrap {float: left; width: 100%;}

#energy-right {margin-left: 660px;}
.energy-right {margin:0; padding:10px 25px 5px 10px;}

#energy-right a {color: #757575; font-weight:bold; text-decoration:none;}
#energy-right a:hover {color: #000000; font-weight:bold; text-decoration:none;}

#energy-right li a {color: #757575; font-weight:bold; text-decoration:none;}
#energy-right li a:hover {color: #000000; font-weight:bold; text-decoration:none;}

#energy-right li {list-style-type:none; margin:0; padding:0; }
#energy-right h4 {font-size:18px; color:#449ac5; margin:6px 0 0 0; padding:6px 6px 6px 10px; font-weight:normal; }
#energy-right ul {margin: 5px 10px 0 0; padding: 0;}
#energy-right ul select {margin: 5px 0 8px;}
#energy-right ul p {margin: 5px 0 8px; }
#energy-right ul ul {margin: 5px 4px 0 0;}
#energy-right ul ol {margin: 5px 4px 0 0; padding: 0;}
#energy-right ul ul ul {margin: 0 4px 0 0;}
#energy-right ul ol li {list-style: decimal outside; margin: 3px 0 0; padding: 0;}
#energy-right ul li {list-style-type: none; list-style-image: none; margin-bottom: 5px;padding:0 10px 0 10px;background:#f1f7f9;}
#energy-right ul ul li {margin: 3px 4px 0 10px; padding:1px;}
#energy-right ul ol li {margin: 3px 0 0; padding: 0;}

#energy-left {float: left; width: 660px; margin-left: -960px;}
.energy-left {margin:0; padding:10px 5px 5px 25px;}

#home-articles {clear:left;float:left; width:630px; }

#slider {margin:0 0 10px 0; padding:3px; border:2px solid #C6DCE6;}
.slider {margin:0; padding:2px; background:url(energy/promo.jpg) repeat-x bottom left; text-align:center;}

#promo {margin:0 0 10px 0; padding:3px; border:2px solid #C6DCE6;}
.promo {margin:0; padding:2px; background:url(energy/promo.jpg) repeat-x bottom left;}

#info-right {margin-left:320px; }
.info-right {margin:0; padding:0;}

#info-left {float:left; width:320px; margin-left:-630px; }
.info-left {margin:0; padding:0 10px 0 0; }

.entry {margin:0; padding: 0 20px 15px 0;}

#energy-articles {margin:0 0 10px 0; padding:3px; border:0px solid #C6DCE6;}
.energy-articles {margin:0; padding:2px 15px 10px 15px; background:url(energy/promo.jpg) repeat-x bottom left;}

#energy-articles h3 {margin:5px 0 2px 0 ; padding:0; text-align:left; color:#FF6900; font-size:18px; font-weight:normal; border-bottom: 1px dotted #d3d3d3;}


#energy-articles h2 {margin:5px 0 2px 0 ; padding:0; text-align:left; color:#1f85ba; font-size:18px;}
#energy-articles h2 a {color:#1f85ba; font-weight:normal; text-decoration:none;}
#energy-articles h2 a:hover {color:#60a9cf; font-weight:normal; text-decoration:none;}

#energy-articles img {margin:6px 0 10px 0; padding:2px; border:1px solid #c0e0e8; background: #dfeef5; text-align:center;}


#energy-categories{margin:0 0 10px 0; padding:3px; border:0px solid #C6DCE6;}
.energy-categories {margin:0; padding:2px 15px 10px 15px; background:url(energy/promo.jpg) repeat-x bottom left;}

#energy-categories h3 {margin:5px 0 2px 0 ; padding:0; text-align:left; color:#FF6900; font-size:18px; font-weight:normal; border-bottom: 1px dotted #d3d3d3;}

#energy-categories h2 {margin:0px 0 2px 0px ; padding:0; text-align:left; color:#1f85ba; font-size:18px;}
#energy-categories h2 a {color:#1f85ba; font-weight:normal; text-decoration:none;}
#energy-categories h2 a:hover {color:#60a9cf; font-weight:normal; text-decoration:none;}

#energy-categories img {margin:6px 0 0px 0; padding:2px; border:1px solid #c0e0e8; background: #dfeef5; text-align:center;}

.category-info {margin:4px 0 15px 0px; padding:2px; background:#f1f7f9; color:#bababa; font-size:11px; font-family:verdana;}
.category-info a {color:#bababa; font-weight:bold; text-decoration:none;}
.category-info a:hover {color:#000000; font-weight:bold; text-decoration:none;}

.category-text {margin:0; padding:0 0 0 0px;}

img.centered {display: block; margin-left: auto; margin-right: auto; padding:4px; background:#FFFFFF; border:1px solid #e3e3e3;}
img.alignright {padding:4px; background:#FFFFFF; border:1px solid #e3e3e3; margin: 2px 0 7px 7px; display: inline; }
img.alignleft {padding:4px; background:#FFFFFF; border:1px solid #e3e3e3; margin: 2px 7px 7px 0; display: inline;}
.navigation {display: block; text-align: center; margin-top:3px; margin-bottom: 30px; padding:2px;}
.alignright {float: right;}
.alignleft {float: left;}
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3;	padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.wp-caption img {margin: 0; padding: 0;	border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

.commentlist li ul li {margin-left: -5px; margin-right: 10px;font-size: 11px;}
.commentlist li .avatar {float: right; margin:2px 5px 2px 10px; border: 1px solid #eee; padding: 3px; background: #fff;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {margin: 5px 5px 10px 0; font-weight: normal; line-height: 1.5em; text-transform: none;}
.commentlist {padding: 0; text-align: justify;}
.commentlist li {font: 11px Verdana; margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li {margin-right: -5px; margin-left: 10px;}
.children { padding: 0; }
.nocomments {text-align: center; margin: 0; padding: 0;}
.commentmetadata { margin: 0; display: block;}
.children .even, .alt {	border-left: 0;	border-right: 1px solid #c5c5c5; background:#e9e9e9;}	

.the-info {margin:4px 0 15px 0; padding:2px; background:#f1f7f9; color:#bababa; font-size:11px; font-family:verdana;}
.the-info a {color:#bababa; font-weight:bold; text-decoration:none;}
.the-info a:hover {color:#000000; font-weight:bold; text-decoration:none;}

#promo h2 {margin:0; padding:0; text-align:center; color:#1f85ba; font-size:18px;}
#promo h2 a {color:#1f85ba; font-weight:normal; text-decoration:none;}
#promo h2 a:hover {color:#60a9cf; font-weight:normal; text-decoration:none;}

#promo p {margin: 0 0 8px 0;}

#promo img {margin:6px 0 10px 0; padding:2px; border:1px solid #c0e0e8; background: #dfeef5; text-align:center;}

#promo a {color:#ff9600; font-weight:bold; text-decoration:underline;}
#promo a:hover {color:#ce7900; font-weight:bold; text-decoration:underline;}

#energy-footer {clear: left; width: 100%; background: #a8c6d2 url(energy/energy-down.jpg) no-repeat top center; color: #095780; text-align: center; padding: 14px 0; }

#energy-footer a {color: #095780;}
#energy-footer a:hover {color: #337598;}

#review-table table {border-collapse:collapse; width:580px; text-align:left; border: 1px solid #C6DCE6; background:#f1f7f9;}
#review-table td {padding:5px;}
#review-table a {color:#ff9600; font-weight:bold; font-size:16px; text-decoration:none;}
#review-table a:hover {color:#ce7900; font-weight:bold; font-size:16px; text-decoration:none;}
#review-table img {margin:0;}

#optInBoxBig { background:url(http://www.thediyenergyguy.com/images/optin-bg-big.jpg) no-repeat; width:580px; height:120px; }
#optInBoxBig .optInBoxForm { padding:25px 10px 0px 0px; float:right; }
#optInBoxBig input[type=text] { width:133px; height:18px; border:1px solid #8c7455; color:#8c7455; font-size:12px; padding:2px; padding-bottom:0px; background:#FFFFFF; }
#optInBoxBig input[type=submit] { background:url(http://www.thediyenergyguy.com/images/subscribe-btn.jpg) no-repeat; width:139px; height:19px; border:0px; cursor:pointer; }
#optInBoxBig p {margin: 0 0 4px 0;}

#smlOptInBox { background:url(http://www.thediyenergyguy.com/images/optin-bg-small.jpg) no-repeat; width:250px; height:250px; border:0px solid #ffffff; }
#smlOptInBox .optInBoxForm { padding:130px 10px 0px 0px; float:right; }
#smlOptInBox input[type=text] { width:133px; height:18px; border:1px solid #8c7455; color:#8c7455; font-size:12px; padding:2px; padding-bottom:0px; background:#FFFFFF; }
#smlOptInBox input[type=submit] { background:url(http://www.thediyenergyguy.com/images/subscribe-btn.jpg) no-repeat; width:139px; height:19px; border:0px; cursor:pointer; }
#smlOptInBox p {margin: 0 0 4px 0;}

#newsletter-pages {width:870px; margin-left:40px;}
#newsletter-top {margin-top:22px;}

#review-header {margin-bottom: 5px;}
#review-header p {margin: 0 0 6px 0;}
#review-header a {color:#ff9600; font-weight:bold; text-decoration:underline;}
#review-header a:hover {color:#ce7900; font-weight:bold; text-decoration:underline;}
#review-header h2 {margin: 5px 0 5px 0;}