/*  
Theme Name: TGP
Theme URI: http://tdhedengren.com/
Description: WordPress theme made for TopGreenProducts.com. <a href="http://tdhedengren.com/">Made by TDH</a>
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://tdhedengren.com/
*/


/* MAIN DECLARATIONS */

body { margin: 0; padding: 0; background: #fff; color: #333; font-family: Georgia, Times, "Times New Roman", serif; }

.clear { width: 100%; height: 0 !important; clear: both; }
.down { padding-bottom: 30px; }
.up { padding-top: 30px; }

.pos { padding: 20px; } /* positioning for IE */

.right, .alignright { float:right; }
.left, .alignleft { float:left; }
.center { text-align:center; }
.aligncenter, div.aligncenter { display: block; margin: 0 auto 16px auto; }


/* ELEMENTS */

img { border:0; }
img.left, .alignleft, blockquote.left, .alignleft { margin: 0 15px 15px 0; }
img.right, .alignright, blockquote.right, .alignright { margin: 0 0 15px 15px; }
img.frame { border: 1px solid #ddd; padding: 5px; }

blockquote { color: #888; background: url(img/blockquote.gif) no-repeat; padding-left: 52px; margin-right: 30px; }
blockquote.pullquote {}
blockquote.pullquote p {}

.wp-caption { color: #888; font-style: italic; text-align:center; }
p.wp-caption-text { margin:8px 0 0 0 !important; padding:0; font-size: 12px !important; line-height: 14px !important; }

ul, ol {}
li { margin-bottom: 5px; }

a { color: #111; text-decoration: underline; }
a:hover { color: #051; text-decoration: none; }
a.more-link { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height:11px; font-weight:bold; text-decoration: none; /* float:right; */ margin: 0 0 0 8px; padding: 3px; background: #c3d7c7; color: #051; }
a.more-link:hover { background: #051; color: #fff; }

h1 { margin:0; padding: 0; } /* for logo */
h1.single { margin: 0 10px 5px 0; font-size: 36px; font-weight:normal; line-height: 36px; }

form { overflow:hidden; margin:0; padding:0; }
input { padding: 2px; border: 1px solid #555; }
.button, .commentbutton { background: #555; color: #fff; font-weight:bold; border: 0; } /* should work with INPUT and A */
.button:hover, .commentbutton:hover { color: #fff; background: #051; }
.commentbutton { padding: 5px; }

.embedded { text-align:center; margin: 0 0 12px 0; } /* for movies */

.searchbox {} /* searchform.php */


/* LAYOUT */

#site { width: 100%; text-align:center; }

#wrap { width: 1000px; margin: 0 auto; text-align: left; }

#top { width: 100%; float:left; clear:both; margin: 10px 0 12px 0 !important; }
#top div.lb { width: 728px; height: 90px; background: #888; }
#top div.extra { width: 260px; height:90px; background: #bbb; }

#header { width: 100%; float:left; clear:both; margin: 0 0 15px 0; }
#header a { color: #111; text-decoration: none; }
#header div.push { width: 260px; height:80px; margin-bottom: 12px; font-family: Helvetica, Arial, sans-serif; font-size: 11px; color: #aaa; text-align: right; }
#header div.push strong { text-transform: uppercase; }
#header div.push a { color: #111; }
#header div.push a:hover { color: #888; }
#header div.push p.pushlinks { margin: 0; padding: 8px 5px 0 0; border: 1px solid #eee; border-width: 1px 0 0 0; line-height: 100%; }
#header h1 { width: 728px; margin-bottom: 12px; }

/* submit product */
#header div#submitprod ul { padding: 60px 20px 20px 20px; background: #fff url(img/submitprod.gif) top left no-repeat; border: 10px solid #051; }
#header div#submitprod ul li { list-style:none; margin:0; padding: 0; color: #444; }
#header div#submitprod ul li form { margin:0; padding: 0; overflow:hidden; }
#header div#submitprod ul li p { margin:0 0 8px 0; padding: 0; line-height: 100%; font-size: 12px; }
#header div#submitprod ul li.hide { margin-top: 10px; padding: 5px 0 0 0; border: 1px dotted #aaa; border-width: 1px 0 0 0; text-align:right; font-size: 11px; }
#header div#submitprod ul li.hide a { color: #444; }
#header div#submitprod ul li.hide a:hover { color: #111; text-decoration: underline; }
#header div#submitprod ul li div.textwidget div.wpcf7 { margin:0; padding:0; overflow:hidden; }

/* for forms in windows */
span.wpcf7-form-control-wrap textarea { width: 99% !important; }

#header ul#menu, #header ul#submenu { width:100%; float:left; clear:both; background: #051; margin: 0; padding: 8px 0 6px 0; font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase; }
#header ul#menu li, #header ul#submenu li { float:left; margin:0 0 0 5px; padding:0; list-style: none; line-height: 100%; }
#header ul#menu li a { font-weight:bold; color: #fff; padding: 7px 5px 5px 5px; }
#header ul#menu li a:hover { /* background: #820; */ color: yellow; }
#header div#slider { float:left; }
#header div#slider div#hidden { float:left; width: 1000px; background: #ccc url(img/greystripes.gif); }
#header div#slider div#hidden a.close { float:right; padding: 3px; bottom: 10px; color: #888; text-decoration:none !important; }
#header div#slider div#hidden a.close:hover { background: #ccc; color: #444; }
#header div#slider div#hidden div.content { padding: 20px 10px; text-align:center; font-family: Helvetica, Arial, sans-serif; font-size: 11px; }
#header div#slider div#hidden div.content a { text-decoration: underline; }

.column { width: 310px; } /* 310px max for 970px width */

#content { float: left; width: 740px; font-size: 14px; }
#content p { margin: 0 25px 16px 0; padding:0; line-height: 24px; }
#content h2 { margin: 0 25px 5px 0; font-size: 36px; font-weight:normal; line-height: 36px;  }
#content h2 a { text-decoration: none !important; }
#content h2 a:hover { color: #c3d7c7; }
#content h3 { margin: 24px 25px 10px 0; padding: 0; font-size: 18px; line-height: 18px; }
#content h4 { margin: 12px 25px 5px 0; font-size: 12px; text-transform: uppercase; line-height: 12px; } 
#content ul, #content ol { margin-left: 30px; margin-right: 20px; }
#content h1.listhead { text-transform: uppercase; color: #888; margin: 20px 0 10px 0; font-size: 18px; font-family: Helvetica, Arial, sans-serif; line-height: 18px; font-weight:normal; }

/* headlines - see home.php for instructions */
#content #headlines { float:left; width: 100%; margin: 0 0 15px 0; clear:both; }
#content #headlines div.story { margin-right: 15px; float:left; background: #efefef; /* border: 1px solid #bfbfbf; */ }
#content #headlines div.story:hover { border-color: #051; background: #051; }
#content #headlines div.story p { font-size: 11px; font-family: Helvetica, Arial, sans-serif; margin: 0 10px 10px 10px; padding: 0; }
#content #headlines div.story p img { margin: 10px 0 2px 0; }
div.story a { text-decoration: none; font-weight: bold; color: #820; font-size: 12px; text-transform: uppercase; }
div.story a:hover, div.story:hover a { color: #fff; }
div.story:hover a:hover { color: yellow; }

/* tabbed box */
#content div#tabbed-box { width: 200px; height:1%; float:right; margin: 0 25px 15px 0; border: 5px solid #fff; border-width: 5px 0 5px 10px; background:#eee; color: #444; font-size: 11px; font-family: Helvetica, Arial, sans-serif; }
#content div#tabbed-box a { text-decoration:none; color: #820; }
#content div#tabbed-box a:hover { color: #111; }
#content div#tabbed-box ul#tabs { float:left; width:200px; height: 19px; margin:0; padding: 0; background: #fff; }
#content div#tabbed-box ul#tabs li { list-style:none; margin:0 4px 0 0; float:left; }
#content div#tabbed-box ul#tabs li a { padding: 3px 5px 2px 5px; color: #111; background: #bbb; border: 1px solid #eee; border-width: 1px; text-transform: uppercase; font-weight:bold; line-height: 20px;}
#content div#tabbed-box ul#tabs li a:hover, #content div#tabbed-box ul#tabs li.active-tab a { background: #eee; color: #111; }
#content div#tabbed-box div#contents-container { float:left; padding: 5px 10px 0 10px; }
#content div#tabbed-box #contents-container div ul { padding:0; margin: 0; }
#content div#tabbed-box #contents-container div ul li { list-style:none; margin: 0; padding: 0 0 8px 0; line-height: 12px; }
#content div#tabbed-box #contents-container div ul li h2.widgettitle { font-size: 11px; line-height: 11px; text-transform:uppercase; margin:0; padding: 10px 0 5px 0; font-weight:bold; }
#content div#tabbed-box #contents-container div ul li ul { margin:0; padding: 0; }

/* special for get_mostpopular plugin in tabbed box */
#content div#tabbed-box #contents-container div#content-1225 h2 { font-size: 11px; line-height: 11px; text-transform:uppercase; margin: 0 10px 0 10px; padding: 10px 0 5px 0; font-weight:bold; border: 1px dotted #bfbfbf; border-width: 1px 0 0 0; }
/* ends */

/* killing all h2 in tabbed box */
#content div#tabbed-box h2 { display:none !important; }
li#recent-comments h2.widgettitle { display:none !important; line-height:0 !important; padding: 0 !important; margin: -14px 0 0 0 !important; }

#content div#tabbed-box div.tabbed-box-ad { text-align:center; padding: 10px 0 20px 0; border: 1px solid #ccc; border-width: 1px 0 0 0; }

#content div.post { margin: 10px 10px 30px 0; /* clear:both; */ }
div.home div.post { float:left; }

div.meta { font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 14px !important; margin: 0 25px 16px 0 !important; padding: 30px 0 0 0 !important; border: 1px solid #820; border-width: 0 0 1px 0; overflow:hidden; }
div.meta span.category a { margin-right: 3px; padding: 3px 3px 1px 3px; background: #820; color: #fff; text-decoration: none; text-transform: lowercase; }
div.meta span.category a:hover { color: #820; background:none; }
div.meta span.date { margin: 0 !important; padding: 0 !important; float:right; text-align:right; position: relative; right:0; z-index: -1; }
p.metatext { font-size: 12px; font-style: italic; color: #888; }
p.metatext a { color: #333; }
p.metatext a:hover { color: #820; }
div.post {}

#content .post .entry {}
#content .post .single p { font-size: 16px; line-height: 28px; }
#content div#between { width: 720px; float:left; clear:both; margin: 0; padding: 0 0 15px 0; border: 1px solid #bbb; border-width: 0 0 1px 0; }
#content div#between div.ad { width: 300px; height: 250px; float:right; }
#content div#between div.related { width: 400px; float:left; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #888; }
#content div#between div.related strong { color: #666; }
#content div#between div.related a { color: #333; }
#content div#between div.related a:hover { color: #820; }
#content div#between div.related div.share { margin: 0 0 15px 0; padding: 10px; background: #fffbbb; border: 1px solid #f8f17c; border-width: 1px 0; }
#content div#between div.related div.share p { margin:0; padding:0; font-size: 12px; line-height: 18px !important; color: #666; }
#content div#between div.related div.share p a { margin-right: 3px; padding-left: 18px; }
#content div#between div.related div.share p a.digg { background: url(img/share-digg.gif) left no-repeat; }
#content div#between div.related div.share p a.fb { background: url(img/share-fb.gif) left no-repeat; }
#content div#between div.related div.share p a.reddit { background: url(img/share-reddit.gif) left no-repeat; }
#content div#between div.related div.share p a.su { background: url(img/share-su.gif) left no-repeat; }
#content div#between div.related div.share p a.twitter { background: url(img/share-twitter.gif) left no-repeat; }
#content div#between div.related h3 { margin:0 0 5px 0; padding: 5px; border: 1px solid #eee; border-width: 1px 0 1px 0; font-size: 12px; text-transform: uppercase; }
#content div#between div.related ul.related_post { margin: 0; padding: 0; }
#content div#between div.related ul.related_post li { list-style:none; padding: 0 5px 5px 5px; border: 1px solid #eee; border-width: 0 0 1px 0; }
#content div#between div.related ul.related_post li a { color: #051; text-decoration:none; }
#content div#between div.related ul.related_post li a:hover { text-decoration: underline; color: #111; }
#content .navigation { width: 720px; clear:both; padding: 0; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase; }
#content .navigation .right { text-align:right; }
#content #searchform { margin: 0 0 12px 0; }
#content .tagcloud { text-align:center; padding: 20px; border: 1px solid #bbb; }
#content .tagcloud h2 { padding-bottom: 5px; border-color: #efefef; font-size: 18px; text-align:center; }
#content .tagcloud a { color: #111; }
#content .tagcloud a:hover { color:#555; }

/* comments */
#content #comments { width:720px; float:left; color: #444; font-size: 14px; }
#content #comments h2, #content #comments ol.respond h3 { margin: 0; padding: 10px; font-size: 18px; line-height:18px; text-transform:uppercase; font-family: Helvetica, Arial, sans-serif; background: #eee; color: #820; border: 1px solid #bbb; border-width: 0 0 1px 0; }
#content #comments h3 {}
#content #comments p.center { text-align:center; }
#content #comments ol, #content #comments ol.commentlist { margin: 0; padding: 0; }
#content #comments ol.respond { margin-top: 0px; padding: 15px; background: #c3d7c7; }
#content #comments ol.respond h3 { font-weight: normal; border: 0; padding:0; color: #fff; background: none !important; }
#content #comments ol.respond p { margin: 5px 0; }
#content #comments ol.respond form div table tbody tr td p { padding: 8px; font-size: 11px; line-height: 11px; text-transform:uppercase; background: #8ecc9b; color: #051; }
#content #comments ol li { height: 1%; color: #444; font-family: Georgia, Times, Times New Roman, serif; margin: 0; padding: 15px 10px; list-style: none; background: #fff; border: 1px solid #bbb; border-width: 0 0 1px 0; }
#content #comments ol li p { margin: 0 0 12px 0; padding: 5px 0 0 0px; }
#content #comments ol li.alt {}
#content #comments ol li.rss { padding: 0; background: #fff; text-align:right; }
#content #comments ol li.trackbacks { padding: 4px 5px; background: #eee; text-align:center; font-size: 12px; }
#content #comments ol li p.commenter { font-size: 12px; line-height: 18px; color: #888; margin: 0; padding: 10px 0 0 0; border: 1px solid #eee; border-width: 1px 0 0 0; font-style: italic; }
#content #comments ol li p.commenter .avatar { float:left; margin: 0 8px 0 0; }
#content #comments #author, #content #comments #email, #content #comments #url { width: 250px; margin-left: 10px; padding: 4px; color: #111; font-size: 12px; font-family: Georgia, serif; font-style: italic;  }
#content #comments #commentarea { border: 1px solid #555; background: #fff; color: #111; font-family: Georgia, serif; font-style: italic; font-size: 14px; margin-top:5px; padding: 10px; width: 667px; height: 150px; }
#content #comments .subscribetocomments { margin: 10px 0; padding: 3px 0; border: 1px solid #eee; border-width: 1px 0; text-align:right; }
#content #comments .subscribetocomments input { width: 14px; height: 14px; border: 0; }

ul#sidebar { float: right; width: 260px; margin:0; padding:0; font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #555; }
ul#sidebar a { color: #051; }
ul#sidebar a:hover { color: #111; text-decoration: none; }
ul#sidebar li { margin: 0 0 10px 0; padding: 0; list-style:none; }
ul#sidebar li ul, ul#sidebar li ol { margin: 0; padding: 0; }
ul#sidebar li ul li, ul#sidebar li ol li { margin: 0 0 5px 0; padding: 0; }
ul#sidebar li ul h2, ul#sidebar li ol h2 { margin: 0 0 8px 0; padding: 0 0 3px 0; border: 1px solid #bbb; border-width: 0 0 1px 0; font-size: 14px; }
ul#sidebar li#search { padding: 8px; background: #820 url(img/search-bg.jpg) repeat-x; }
ul#sidebar li#search form { margin:0; padding:0; height:30px; overflow:hidden; }
ul#sidebar li#search div.keyword { background: url(img/search-keyword-bg.gif) no-repeat; width: 180px; height: 30px; float:right; }
ul#sidebar li#search div.keyword input.find { border:0; width: 150px; background:transparent; margin: 4px 0 0 15px; padding: 5px 0; font-family:Georgia, serif; font-size: 12px; font-style: italic; }
ul#sidebar li#search input.submit { float:right; background: url(img/search-button.gif) no-repeat; width: 64px; height: 30px; border:0; cursor:pointer; }
ul#sidebar li#search input.submit:hover { background: url(img/search-button-hover.gif) no-repeat; }
ul#sidebar li.ad { padding: 5px; background: #eee; }
ul#sidebar li#tag_cloud { background: #fffbbb; padding: 10px; border: 1px solid #f8f17c; border-width: 1px 0; text-align:center; font-family: Georgia, Garamond, serif; }
ul#sidebar li#tag_cloud a { margin: 0 1px; }
ul#sidebar li#tag_cloud h2 { color: #444; font-variant: small-caps; border-color: #aaa; margin:0 0 5px 0; padding:0; }
ul#sidebar li#tag_cloud ul li.full { font-weight:bold; margin-top: 10px; }
ul#sidebar li#tag_cloud ul li.full a { color: #051; }
ul#sidebar li.widget { padding: 10px 0 5px 10px; border: 1px solid #eee; border-width: 1px 0 0 1px; }
ul#sidebar li.widget h2 { font-size: 12px; text-transform: uppercase; margin: 0 0 5px 0; }
ul#sidebar li.widget ul {}
ul#sidebar li.widget ul li { margin-left: 5px; }

#footer { height: 1%; clear:both; margin: 0; padding: 10px 10px 20px 55px; background:url(img/footer-bg.gif) left top no-repeat; border: 5px solid #051; border-width: 5px 0 0 0; font-size: 12px; color: #555; }
#footer a:link { color: #111; }
#footer p { margin: 0 0 10px 0; line-height: 18px; }
#footer .content { width: 600px; float:left; }
#footer .right p { text-align:right; }

/* menu */
#dropmenudiv{
position:absolute;
z-index:100;
border: 2px solid #fff; border-width: 0;
}

#dropmenudiv a {
display: block;
padding: 5px 7px;
text-decoration: none;
font-family: Helvetica, Arial, sans-serif; font-size: 11px; text-transform: uppercase;
font-weight:bold;
color: #fff;
}

#dropmenudiv a:hover{
padding-left: 14px;
color: yellow;
}