/*
Theme Name: Green Components
Description: 2-col theme for greencomponents.com
Version: 1.0
Author: Cassie Bruce
Author URI: http://interstice.biz/
*/

/*universal*/

li {
list-style:none;
}

div, ul, ol {
margin:0;
padding:0;
}

a {
color:#6F72DF;
text-decoration:none;
outline:none;
}

a:hover {
color:#474BBF;
}

a img {
border:none;
text-decoration:none;
}

.alignleft {
float:left;
margin: 2px 12px 3px 0;
}

.alignright {
float:right;
margin: 2px 0px 3px 12px;
}

/*frame*/

body {
background:#445C44 url(imgs/sitebg.gif) repeat-y scroll center top;
color:#444;
font-family:verdana,Helvetica,Arial,Sans-Serif;
font-size:62.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-align:center;
margin:0;
}

#frame {
width:1000px;
margin:0 auto;
padding:0;
top:0;
}

#wrapper {
margin:0;
padding:0 10px 0 10px;
width:980px;
display:block;
float:left;
}

#topnav {
width:980px;
font-size:1.2em;
margin-top:3px;
padding:0 0 1px 0;
float:left;
background-color:#222;
}

#head {
width:980px;
height:69px;
float:left;
background-color:#000;
margin-top:12px;
margin-bottom:12px;
}

#main {
width:980px;
float:left;
margin: 4px 0;
}

#foot {
width:980px;
float:left;
padding:8px 0;
color:#4f4f4f;
text-align:right;
}

/* head */

#topnav ul.nav {
float:left;
margin-top:5px;
padding:0;
}

#topnav ul.nav li {
float:left;
margin-right:2px;
}

#topnav ul.nav li a {
padding:5px 15px 10px;
text-decoration:none;
color:#fff;
background-color:#3F3F3F;
}

#topnav ul.nav li a:hover, #topnav ul.nav li.current_page_item a, #topnav ul.nav li.current_page_ancestor a {
background-color:#DFDFDF;
color:#038800;
}

#topnav ul.nav li.current_page_item a {
font-weight:bold;
}

.search {
float:right;
padding-left:2px;
background-color:#000;
}

#logo {
background: url(imgs/green-components.jpg) no-repeat;
float:left;
width:217px;
height:68px;
margin:5px 0;
}

#logo a.logolink {
display:block;
width:188px;
height:69px;
}

#tagline {
color:#6F72DF;
float:left;
height:59px;
margin:5px 0 5px 2px;
padding:23px 0 0 0;
vertical-align:middle;
width:470px;
font-size:1.5em;
font-style:italic;
font-family:calibri, lucia sans, sans-serif;
}

/*featured*/

.featured-image {
float:leftt;
width:130px;
margin-left:8px;
margin-top:8px;
}

.featured-image img {
padding:3px;
background-color:#fff;
border:1px solid #B5CFB5;
}

.featured-text-img {
float:right;
width:400px;
margin-right:12px;
margin-top:8px;

}

.featured-text {
width:559px;
margin-top:8px;

}
.post .note .more-link a {
text-decoration:none;
}

.post .featured-text-img h3, .post .featured-text h3{
margin:0 0 1em 0;
}

.post .featured-text-img h3 a, .post .featured-text h3 a {
color:#3A4F31;
text-decoration:none;
}

/*misc*/

.clear {
clear:both;
height:0;
}


/*main*/


/*(main) content*/

#main #content {
width:660px;
float:left;
text-align:left;
background-color:#fff;
-moz-border-radius-topright:12pt;
-moz-border-radius-bottomright:12pt;
border-radius-topright:12pt;
border-radius-bottomright:12pt;
}

#main #content hr {
border-top:1px solid #f8f8f8;
width:90%;
float:left;
height:1px;
margin-left:20px;
margin-top:0px;
}

#main #content hr.guidebottom {
border-top:1px solid #f8f8f8;
width:90%;
float:left;
height:1px;
margin-left:20px;
margin-top:59px;
}

#main #content-store {
width:980px;
float:left;
text-align:left;
background-color:#fff;
-moz-border-radius-topright:12pt;
-moz-border-radius-bottomright:12pt;
border-radius-topright:12pt;
border-radius-bottomright:12pt;
}

#main #content .post {
padding:10px 30px 10px 20px;
margin-bottom:10px;
}

#main #content .post h2 a {
color:#418F3E;
font-size:1.1em;
text-decoration:none;
}

#main #content .postmetadata, #main #content .postmetadata2 {
margin:0 0 2em 0;
}

#main #content .postmetadata, #main #content .postmetadata a, #main #content .postmetadata2 a, #main #content .postmetadata2 {
color:#999;
}

#main #content .postmetadata2 {
text-align:right;
}

.entry {
font-family:calibri, lucia sans, sans-serif;
font-size:1.15em;
line-height:1.35em;
margin:18px 26px 0 20px;
}



.entrysingle {
font-family:calibri, lucia sans, sans-serif;
font-size:1.3em;
line-height:1.5em;
margin:20px 0 30px 0;
padding:0 20px 0 10px;
position:relative;
}

.entry ul li, .entrysingle ul li {
list-style:disc;
list-style-position:inside;
}

.post a {
text-decoration:underline;
}

.post_icon {
width: 90px;
height:90px;
float:left;
margin-right:12px;
}

.post_icon img {
width:90px;
height:90px;
}

.more-link {
text-align:right;
}

.more-link a {
font-size:1.1em;
font-weight:bold;
}

.post h2 {
margin:20px 0 20px 0;
}

h2.pagetitle {
text-align:right;
margin:0.75em 0.5em 0.25em 0.5em;
color:#B6CFB5;
font-size:2em;
letter-spacing:-0.05em;
}

.buying-guide h2.pagetitle {
margin:0.75em 0.5em 1.5em 0.5em;
}

.post h2.index {
margin-bottom:0.2em;
}


.post h3 {
margin:44px 0 18px 0;
font-size:1.4em;
letter-spacing:0.03em;
clear:both;
color:#3A4F31;
display:block;
}

.post h4 {
font-size:1.2em;
margin:28px 0 16px 0;
}

.post .note h4 {
margin:8px 0 12px 0;
}

.post .note h2 {
color:#fff;
margin:1px 30px 8px 1px;
font-size:1.2em;
letter-spacing:-0.02em;
position:absolute;
top:1px;
left:1px;
}

a.ext {
padding-right:12px;
background:url(imgs/external.gif) 100% 50% no-repeat;
}


blockquote {
margin: 22px 30px 22px 10px;
padding-left: 40px;
background:url(imgs/quotes.jpg) 0 0 no-repeat;
display:block;
clear:both;
}

blockquote p {
font-style:italic;
}

blockquote p.by {
font-style:normal;
font-weight:bold;
text-align:right;
}

p.block {
display:block;
height:30px;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.singlead {
float:right;
margin:0 0 4px 12px;
top:0;
right:0;
}

/*buying guide*/

.guide-nav {
width:640px;
margin-left:8px;
display:block;
margin-bottom:20px;
}

.guide-nav ul {

}

.guide-nav ul li {
display:inline;
}

.guide-nav ul li a {
background-color:#ddd;
color:#000;
font-size:1.1em;
font-weight:bold;
padding:0.5em;
margin-right:0.5em;
-moz-border-radius:6px;
webkit-border-radius:6px;
border-radius:6px;
}

.guide-nav ul li.current_page_item a {
background-color:#555;
color:#fff;
font-size:1.1em;
font-weight:bold;
padding:0.5em;
margin-right:0.5em;
-moz-border-radius:6px;
webkit-border-radius:6px;
border-radius:6px;
}

.lefty-guide {
float:left;
width:36%;
margin-left:8px;
background-color:#eee;
padding:6px 6px 20px 6px;
-moz-border-radius-topright:12px;
-moz-border-radius-bottomright:12px;
webkit-border-radius-topright:12pt;
webkit-border-radius-bottomright:12pt;
border-radius-topright:12px;
border-radius-bottomright:12px;
}

.lefty-guide2 {
float:left;
width:36%;
margin-left:20px;
}

.righty-guide {
float:right;
width:55%;
margin-right:18px;
margin-bottom:12px;
}

.righty-guide h3 {
margin-top:0;
letter-spacing:0.02em;
}

.righty-guide h4 {
font-size:1.2em;
}

.featured {
margin-bottom:24px;
}

.featured a {
color:#555;
}

.featured a img {
max-width:230px;
text-align:center;
} 

.lefty a img, .righty a img {
max-width:94px;
text-align:center;
}

.featured-title {
background:url(imgs/featured-icon.jpg) 0 50% no-repeat;
font-size:1.1em;
font-weight:bold;
margin-bottom:6px;
padding-left:24px;
vertical-align:middle;
}

.best-title {
background:url(imgs/best-icon.jpg) 0 50% no-repeat;
font-size:1em;
font-weight:bold;
margin-bottom:13px;
padding-left:14px;
height:19px;
vertical-align:middle;
}

.greenest-title {
background:url(imgs/greenest-icon.jpg) 0 50% no-repeat;
font-size:1em;
font-weight:bold;
margin-bottom:13px;
padding-left:20px;
height:19px;
vertical-align:middle;
text-align:left;
}

.featured b {
font-size:1.1em;
vertical-align:middle;
}

.featured .buy {
background:url(imgs/buy.jpg) 100% 50% no-repeat;
float:right;
margin-top:3px;
margin-right:6px;
padding-right:59px;
padding-top:5px;
height:21px;
clear:right;
vertical-align:middle;
width:174px;
}

img.buy2 {
float:right;
width:56px;
height:21px;
margin-top:2px;
}

.featured-2 {
clear:both;
}

.featured-2 .lefty {}

.featured-2 .righty {
text-align:right;
}

.featured-2 b {
margin-top:3px;
display:block;
margin-bottom:2px;
font-size:0.9em;
color:#555;
font-weight:normal;
text-align:right;
}

.guides {
width:44%;
float:left;
padding:20px 10px 0px 20px;
}

.guides h5 {
font-size:1.2em;
color:#333;
margin:1em 0 4px 0;
}

.guidelist, .guidelist2 {
clear:both;
color:#ddd;
display:block;
margin:4px 0 0 0;
padding:1em 0 1em 0;
border-top:1px solid #f4f4f4;
}

.guidelist2 {
font-size:1.5em;
}

.guides img {
max-width:120px;
float:left;
margin:0 1.25em 4px 0;
padding:2px;
}

.guides p {
margin:0 0 1em 0;
padding-right:1em;
color:#888;
}

.guidelist2 ul {
margin-left:20px;
}

.guidelist ul li, .guidelist2 ul li {
list-style:inside disc;
width:49%;
float:left;
}

.guidelist ul li a, .guidelist2 ul li a {
color:#36A233;
width:100%;
}

.guidelist ul li a:hover, .guidelist2 ulk lia:hover {
color:#158F11;
}

.righty-guide ul li {
list-style:outside disc;
margin-bottom:1.2em;
margin-left:1.6em;
font-size:1.1em;
}

/*buying guide tables*/

table.wp-table-reloaded a.buy {
background:url(imgs/buy-white.jpg) 100% 50% no-repeat;
margin:3px auto;
clear:both;
display:block;
height:13px;
width:35px;
text-align:center;
}

table.wp-table-reloaded tbody tr.even {
background-color:#f8f8f8;
}

table.wp-table-reloaded thead tr th {
background-color:#555;
color:#fff;
text-align:center;
padding:0.6em;
border:1px solid #333;
}

table.wp-table-reloaded tbody tr td {
padding:1em;
border:1px solid #f1f1f1;
text-align:center;
}

table.wp-table-reloaded tbody tr td.column-1 {
text-align:left;
padding-left:26px;
}

span.featured {
background:url(imgs/featured-icon.png) 0 50% no-repeat;
padding-left:24px;
margin-left:-24px;
display:block;
}

span.value {
background:url(imgs/best-icon.png) 0 50% no-repeat;
padding-left:18px;
margin-left:-18px;
display:block;
}

span.greenest {
background:url(imgs/greenest-icon.png) 0 50% no-repeat;
padding-left:20px;
margin-left:-20px;
height:19px;
display:block;
}

.lefty-guide2 span.featured, .lefty-guide2 span.value, .lefty-guide2 span.greenest {
margin-left:0px;
font-size:1.1em;
padding-left:24px;
display:block;
margin-bottom:2px;
vertical-align:middle;
}


/* Captions */


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

.wp-caption {
	text-align: center;
	padding-top: 4px;
	-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: 0.8em;
	padding: 0 4px 5px;
	margin: 0;
	text-align:left;
	color:#999;
}



p.wp-caption-text a {
}

/*post end */

.end {
padding-bottom:2em;
vertical-align:top;
}

.end a {
text-decoration:none;
color:#666;
}

.end a:hover {
color:#333;
}

.end hr {
color:#999;
height:1px;
}

.lefty {
float:left;
width:45%;
vertical-align:top;
}

.righty {
float:right;
width:45%;
vertical-align:top;
}

.leftish {
float:left;
width:35%;
vertical-align:top;
}

.BG img {
width:170px;
text-align:center;
}

.BG .descrip {
font-size:1.3em;
margin:20px auto;
}

.post .end h3 {
margin:1em 0 1em 0;
font-size:1.4em;
letter-spacing:0.03em;
}

.end ul {
}

.end ul li {
margin-bottom:0.5em;
}

.bottomad {
margin:14px 0 14px 0;
text-align:center;
}

.commentintro {
margin:30px 0 20px 0;
padding:14px;
background-color:#E0EFE0;
border:1px solid #D1DFD1;
-moz-border-radius-topright:12pt;
-moz-border-radius-bottomright:12pt;
border-radius-topright:12pt;
border-radius-bottomright:12pt;
}

.commentintro a, .commentlist a {
color:#247F00;
}

.commentintro a:hover, .commentlist a:hover {
color:#298F00;
}

h3#comments {
color:#C2CFC2;
margin-bottom:20px;
}

.commentlist {
color:#666;
}

.commentlist li, .commentlist li ul, .commentlist li ul li, .commentlist li ul li ul, .commentlist li.comment div {
margin-bottom:20px;
line-height:1.6em;
}

.commentlist li.comment {
border-bottom:1px solid #D1DFD1;
padding:14px;
-moz-border-radius-topright:12pt;
-moz-border-radius-bottomright:12pt;
border-radius-topright:12pt;
border-radius-bottomright:12pt;
}

ul.children .commentlist li {
border-bottom:none;
}

.commentlist .alt {
}

.commentlist li.bypostauthor {
background-color:#E0EFE0;
color:#445C44;
border-bottom:none;
}

.commentlist ul {
padding-left:40px;
}

.commentlist li div.vcard {
margin-bottom:0.5em;
font-size:1.1em;
font-weight:bold;
}

.comment-meta a {
text-decoration:none;
color:#bbb;
}

span.says {
display:none;
}

h3#pings {
color:#B7BFB3;
}

li.pingback {
padding-left:34px;
background:url(imgs/pingback.jpg) 0 50% no-repeat;
}

.pinglist li {
color:#e4e4e4;
list-style:inside;
list-style-type:disc;
margin-bottom:0.2em;
}

.pinglist li a {
color:#ccc;
}

.pinglist li a:hover {
color:#298F00;
margin-bottom:0.2em;
}

/*sidebar*/

#sidebar {
width:300px;
float:right;
color:#ddd;
}

#sidebar h4 {
margin:0em 0.3em 1.3em 0;
font-family:verdana, arial rounded, arial, sans-serif;
font-weight:bold;
line-height:2.1em;
font-size:1.4em;
color:#78AF79;
letter-spacing:0.02em;
}

#sidebar h4 a {
color:#78AF79;}

#sidebar .widget {
-moz-border-radius-topleft:12pt;
-moz-border-radius-bottomleft:12pt;
border-radius-topleft:12pt;
border-radius-bottomleft:12pt;
background-color:#252525;
margin:0 0 20px 0;
padding:0 0 13px 0;
}

#sidebar ul {
padding:0px;
}

#sidebar ul li {
border-top: 1px dashed #444;
width:300px;
}

#sidebar ul li a {
margin: 0;
padding:0.8em 2em 0.8em 2em;
text-align:left;
width:260px;
display:block;
color:#c5c5c5;
}

#sidebar ul li a:hover {
color:#fff;
background-color:#000;
}

#sidebar #subscribe {
background:#252525 url(imgs/rss.gif) 100% 0 no-repeat;
padding:10px;
font-size:1.2em;
text-align:left;
}

#sidebar #subscribe a {
color:#fff;
text-decoration:underline;
}

#sidebar #subscribe a:hover {
text-decoration:none;
}

#sidebar #feature {
background-color:#252525;
padding:10px;
font-size:1.2em;
text-align:left;
}


#sidebar #feature ul li {
border:none;
width:300px;
}

#sidebar #feature ul li a {
margin: 0;
padding:0.8em 2em 0.8em 2em;
text-align:left;
width:260px;
display:block;
color:#ddd;
background:none;
text-decoration:underline;
}

#sidebar #feature ul li a:hover {
color:#fff;
background:none;
}

#sidebar #feature ul li ul {
}

#sidebar #feature ul li ul li {
font-size:0.95em;
margin-left:12px;
padding:0.2em 0.6em 0.2em 2.1em;
}

#sidebar #feature ul li ul li a {
background:none;
padding-left:0;
}

#sidebar .textwidget {
margin:14px 8px 0 8px;
}

/*forms and search*/

input#s {
-x-system-font:none;
border:1px solid #CCCCCC;
font-family:Helvetica,Arial,Sans-Serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:5px;
width:200px;
}

input.email {
border:none;
}

.submit {
background-image:url(imgs/button.gif);
cursor:pointer;
-moz-border-radius:9pt;
border-radius:9pt;
border:1px solid #1A5103;
color:#D9EDD1;
font-family:verdana,Arial, Helvetica, sans-serif;
font-size:0.9em;
letter-spacing:0.03em;
padding:0.3em;
}

.submit:hover {
border:1px solid #2A7F06;
color:#fff;
}

#commentform #comment {
width:400px;
}

.note{
background-color:#E0EFE0;
border:1px solid #D1DFD1;
padding:14px;
margin:26px 0 26px 0;
-moz-border-radius-topright:12pt;
-moz-border-radius-bottomright:12pt;
border-radius-topright:12pt;
border-radius-bottomright:12pt;
}

.note ol, .note ul {
margin-left:12px;
margin-bottom:20px;
}

.navigation {
font-size:1.2em;
margin:22px 30px 22px 30px;
}

.navigation a {
color:#4FAF4C;
}

.navigation a:hover {
color:#418F3E;
}

.trans {
opacity:0.7;
}

h2 .trans {
font-size:0.85em;
}

.trans a {
color:#CCDDCB;
text-decoration:none;
}

.trans a:hover {
color:#B6CFB5;
}

h2.index, #main #content .postmetadata {
margin-left:20px;
}

table.wp-table-reloaded {
width:100%;
font-weight:normal;
}

table.wp-table-reloaded .column-1 {
font-weight:bold;
}

/*table targeting*/
table#wp-table-reloaded-id-7-no-1 .column-3 {
font-size:0.75em;
width:40%;
}

/*plugin tweaks*/

.addtoany_share_save_container {
clear:both;
margin:16px 0 30px 0;
display:block;
float:none;
}

#going-green {
position:absolute;
top:0;
left:499px;
}