@charset "UTF-8";

/* CSS Document */
body { color: #404040; background:url(http://www.compostmania.com/site/imgs/bg-header.gif) top left repeat-x #fff; margin-bottom:0 !important; padding-bottom:0 !important;  }
body,table,tr,td { font-size:12px; color: #000; height: auto; vertical-align:top; margin-bottom:0 !important; padding-bottom:0 !important; }

#page { background:url(http://www.compostmania.com/site/imgs/bg-header.gif) repeat-x #FFF;  }
#wrapper { width:980px !important; border:0; margin:0 auto !important; background-color:fff; padding:0 !important; text-align:left;  }
#_atssh { margin-bottom:0 !important; padding-bottom:0 !important;  }

/* --- Main Link Styles --- */
a { color:#66a529; text-decoration:none; }
a:hover { color:#ffa100; }
img { border:0; }

#header-container { height:115px; width:980px; z-index:99999px; position:relative;  }
#header-container #nav { border:0; }
#header-container #nav .sf-menu { position:absolute; top:60px; left:250px; list-style:none; height:35px; margin:0; padding:0 ; }
#header-container #nav .sf-menu li { float:left; height:35px; background:url(http://www.compostmania.com/site/imgs/bg-nav-tab.gif) no-repeat; margin-right:2px; }
#header-container #nav .sf-menu li a { float:left; color:#d0cac8; padding:10px 10px 8px 11px; font:bold 15px/15px Verdana,Geneva,Arial,Helvetica,sans-serif; background:url(http://www.compostmania.com/site/imgs/bg-nav-tab.gif) right -40px no-repeat; }
#header-container #nav .sf-menu li:hover {background-position:0 -80px; }
#header-container #nav .sf-menu li:hover a { color:#fff; text-decoration:none; background-position:right -120px;}
/*#header-container #nav .sf-menu li.highlighted { background-position:0 -160px; }
#header-container #nav .sf-menu li .highlighted { background-position:right -200px; color:#5d4f48; }*/
#header-container #nav .sf-menu li li a { background:none #63544a; font-size:11px; }

#header { padding:0;    }
#header .description { background:url(http://www.compostmania.com/site/imgs/img-tagline.gif) 0 0 no-repeat; width:251px; height:52px; color:#a0c87b; text-indent:-9999px; margin:0 0 1px 0 }

#content-wrapper { margin-bottom:20px; }

#sidebar-container { width:230px; }
#sidebar-container .promo {}

#sidebar-container .boxed,  #sidebar-container .tab-box { width:220px; margin-bottom:10px; }
#sidebar-container .boxed h4 { height:30px; color:#fff; font:bold 13px/30px Arial; padding-left:15px; background:url(http://www.compostmania.com/site/imgs/bg-left-nav-box.gif) top right; }
#sidebar-container .boxed .top { height:10px; background:url(http://www.compostmania.com/site/imgs/bg-left-nav-box.gif) 0 0 no-repeat; }
#sidebar-container .boxed .content { padding:1px 0; border:2px solid #d9d9d9; border-width:0 2px; }
#sidebar-container .boxed .content ul { margin:15px 0 0 13px; padding:0; list-style:none; }
#sidebar-container .boxed .content ul ul { margin:0; }
#sidebar-container .boxed .content li { margin-bottom:8px; margin-right:5px; }
#sidebar-container .boxed .content li a { font:bold 12px Arial; }
#sidebar-container .boxed .bottom { height:10px; background:url(http://www.compostmania.com/site/imgs/bg-left-nav-box.gif) -220px -8px no-repeat; }
#sidebar-container #sbtab-content-categories ul { margin:0 18px 0; padding:1px 0; list-style:none; }
#sidebar-container #sbtab-content-categories ul li.category { margin:10px 0 0 0; }
#sidebar-container #sbtab-content-categories ul li.category a { font:bold 16px Georgia; color:#331a0e; }
#sidebar-container #sbtab-content-categories ul li { margin:7px 0 7px 10px; }
#sidebar-container #sbtab-content-categories ul li a { font-size:13px; }
#sidebar-container #sbtab-content-categories.sub ul { margin:0 8px 0; padding:1px 0; list-style:none; }
#sidebar-container #sbtab-content-categories.sub  ul ul { margin:0; }
#sidebar-container #sbtab-content-categories.sub  ul ul li { margin:0; padding:4px 0 4px 20px; }
#sidebar-container #sbtab-content-categories.sub ul li.selected { background:url(http://www.compostmania.com/site/imgs/bg-left-nav-tab.gif) top right no-repeat;}
#sidebar-container #sbtab-content-categories.sub ul li.selected a { color:#000; }

#sidebar-container #cart .top { background-position:0 -30px; height:32px; }
#sidebar-container #cart .content { border-width:0 1px; border-color:#8b7969; text-align:center; padding:9px 0 0; font-family:Arial; color:#404040; font-weight:bold; }
#sidebar-container #cart .content b { color:#7f7f7f; }
#sidebar-container #cart .actions { padding:8px 0 0;}
#sidebar-container #cart .bottom { background-position:-220px -52px; }

#sidebar-container #browse-articles .tabs { padding:10px 0 10px 6px; margin:0; list-style:none; }
#sidebar-container #browse-articles .tabs li { cursor:pointer; float:left; height:20px; margin:0; color:#8cbc5f; font:bold 11px/20px Arial, Helvetica, sans-serif;  }
#sidebar-container #browse-articles .tabs li span { padding:0 10px; float:left; }
#sidebar-container #browse-articles .tabs li.selected { background-image:url(http://www.compostmania.com/site/imgs/bg-tag.gif); color:#1a290a; }
#sidebar-container #browse-articles .tabs li.selected span { background:url(http://www.compostmania.com/site/imgs/bg-tag.gif) bottom right no-repeat; }
#sidebar-container #browse-articles .pannels .pannel { display:none; padding:0 10px; font-family:Arial; }

#main-col { width:750px; float:left; margin-left:20px;  }
#main-col .main-bottom { height:8px;  }

#main-tools { padding:0 10px; height:39px; position:relative; background-image:url(http://www.compostmania.com/site/imgs/bg-main-col-bar.gif); }
#main-tools ul { margin:0; padding:0; list-style:none; }
#main-tools ul li { float:left; font:bold 13px Arial; color:#9f948e; padding:10px 0 9px; }
#main-tools ul li a { color:#9f948e; margin-right:18px; }
#main-tools ul li a i { display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url(http://www.compostmania.com/site/imgs/sprite-icons.gif); }
#main-tools .print i { background-position:-1px -1px; }
#main-tools .email i { background-position:-1px -32px; }
#main-tools .share i { background-position:-1px -60px; }
#main-tools .search-box { position:absolute; top:7px; right:8px; height:22px; width:173px; background:url(http://www.compostmania.com/site/imgs/bg-search.gif) no-repeat; overflow:hidden; }
#main-tools .search-box input { border:0; background-color:transparent; padding:4px 0; margin-left:10px; font-size:13px; font-family:arial; color:#696969; }


#article-wrapper { padding:20px; position:relative; }
#article-wrapper .article-date { position:absolute; top:20px; left:30px; color:#403d15; width:60px; height:74px; padding-top:8px; font-family:Arial; font-weight:bold; background:url(http://www.compostmania.com/site/imgs/bg-date-badge.gif) no-repeat; }
#article-wrapper .article-date span { display:block; text-align:center; }
#article-wrapper .article-date .dd { font-size:30px; line-height:30px; }
#article-wrapper .article-head,
#article-wrapper .article-body,
#article-wrapper .article-footer { margin-left:85px; }
#article-wrapper .article-head { margin-bottom:20px; }
#article-wrapper .article-head h2 { font-size:24px; font-weight:normal; padding-bottom:5px; border-bottom:1px solid #bfbfbf; margin-bottom:7px; position:relative; }
#article-wrapper .article-head .byline { font-size:14px; }
#article-wrapper .article-head .comments { font-family:Arial; float:right; }
#article-wrapper .article-head .comments a { background:url(http://www.compostmania.com/site/imgs/sprite-icons.gif) no-repeat; padding-left:27px; font-weight:bold; margin-left:8px; }
#article-wrapper .article-head .comments a.count { background-position:0 -165px; }
#article-wrapper .article-head .comments a.add { background-position:0 -188px; }
#article-wrapper .article-body { color:#404040; font-size:14px; margin-bottom:35px; }
#article-wrapper .article-footer { margin-bottom:25px; }
#article-wrapper .article-footer .tags { float:right; width:370px; position:relative; font-family:Arial; }
#article-wrapper .article-footer .tags i {position:absolute; left: -25px; width:20px; height:20px; background:url(http://www.compostmania.com/site/imgs/sprite-icons.gif) no-repeat 0 -137px;}
#article-wrapper .article-footer .share i { display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url(http://www.compostmania.com/site/imgs/sprite-icons.gif) no-repeat -1px -60px; }
#article-wrapper .article-footer .share { font-weight:bold; font-size:13px; font-family:Arial; }

#article-wrapper .article-comments .post { padding:20px 30px 20px 0; font-size:13px; border-bottom:1px solid #bfbfbf; }
#article-wrapper .article-comments .post .permalink { float:left; width:36px; font-weight:bold; text-align:center; text-decoration:underline; }
#article-wrapper .article-comments .post .post-date { float:left; width:123px; }
#article-wrapper .article-comments .post .post-body { float:left; width:521px; }
#article-wrapper .post-form { margin:18px 0 0 160px; }
#article-wrapper .post-form h4 { margin:0 0 22px 0; font-size:18px; font-weight:normal; }
#article-wrapper .post-form .sml { float:left; }
#article-wrapper .post-form .sml input { width:260px; }
#article-wrapper .post-form .fieldwrapper { margin-bottom:12px;}
#article-wrapper .post-form label { font-family:arial; color:#7f7f7f; font-weight:bold; display:block; }
#article-wrapper .post-form textarea { width:547px; height:100px; }
#article-category { padding:20px; }
#article-category .article .img { margin-bottom:12px; display:block; }
#article-category .article h2 { font-weight:normal; font-size:18px; margin-bottom:15px; }
#article-category .article h2 a { color:#66a529; }
#article-category .article p { color:#404040; font-size:13px; line-height:21px; }
#article-category .article p a { color:#404040; font-weight:bold; text-decoration:underline; }
#article-category .primary .img,
#article-category #article-rotator .img { float:left; margin-right:20px;}
#article-category #article-rotator { position:relative; }
#article-category #article-rotator h2 { font-size:24px; line-height:29px; }
#article-category #article-rotator p { font-size:15px; }
#article-rotator .count { list-style:none; position:absolute; top:170px; left:220px; margin:0; padding:0; }
#article-rotator .count li { float:left; width:22px; height:23px; background:url(http://www.compostmania.com/site/imgs/sprite-buttons.gif) -22px -300px; }
#article-rotator .count li.first { background-position:0 -300px; }
#article-rotator .count li.last { width:23px; background-position:-44px -300px; }
#article-rotator .count li a { float:left; width:23px; height:22px; color:#414141; text-align:center; font:bold 11px/23px Arial, Helvetica, sans-serif; }
#article-rotator .count li a:hover,
#article-rotator .count li a.selected { background:url(http://www.compostmania.com/site/imgs/sprite-buttons.gif) -89px -300px; color:#d7d7d7; }
#article-rotator .count li.first a:hover,
#article-rotator .count li.first a.selected { background:url(http://www.compostmania.com/site/imgs/sprite-buttons.gif) -67px -300px; }
#article-rotator .count li.last a:hover,
#article-rotator .count li.last a.selected { background:url(http://www.compostmania.com/site/imgs/sprite-buttons.gif) -111px -300px; }
#article-rotator .controls { position:absolute; top:170px; left:462px; }
#article-category .primary { border-bottom:1px solid #e1e1e1; margin-bottom:20px; padding-bottom:10px; }
#article-category #category-contents { padding:0; }
#article-category #category-contents .col { float:left; width:205px; margin-right:43px; }
#article-category #category-contents .last { margin-right:0; }

#footer-wrapper { height:340px; width: 100%; background:#bcd79f;}
#footer-wrapper .col { float:left; width:195px; padding-top:50px; padding-left:5px; margin-bottom:0px; text-align:left; }
#footer-wrapper .col h3 { font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; color:#331a0e; margin-bottom:7px; }
#footer-wrapper .col ul { margin:0; padding:0; list-style:none; font-weight:bold; font:bold 13px Arial; }
#footer-wrapper .col ul li { margin-bottom:7px; }
#footer-wrapper .col ul li a { color:#295e2d; }
#footer-wrapper .col ul li a:hover { text-decoration:underline; }

#footer-wrapper #signup { width:160px; }
#footer-wrapper #signup p { font-family:Arial; color:#3a422e; }
#footer-wrapper #signup .sign-up { text-align:right; width:160px; margin-bottom:10px; }
#footer-wrapper #signup .sign-up .text-input { width:155px; margin-bottom:5px; text-align:left; }
#footer-wrapper #signup .sign-up span { text-align:left; }
#copyright {clear:both; border-top:1px solid #b9d69d;  text-align:center !important; padding:20px 20px 0 20px; color:#000; font-family:Arial; }
#copyright p { text-align:center !important }
#copyright a { color:#000; }



/* --- Buttons --- */
.btn { display:inline-block; height:20px; line-height:20px; background-image:url(http://www.compostmania.com/site/imgs/sprite-buttons.gif)}
.btn span { display:inline-block; text-indent:-99999px; text-align:left; }
.lrg { height:23px; line-height:23px; }

.btn_cart { width:82px; background-position:0 0; }
.btn_cart:hover { background-position:0 -30px; }
.btn_checkout { width:72px; background-position:0 -60px; }
.btn_checkout:hover { background-position:0 -90px; }
.btn_login { width:50px; background-position:0 -120px; }
.btn_login:hover { background-position:0 -150px; }
.btn_signup { width:72px; background-position:0 -180px; }
.btn_signup:hover { background-position:0 -210px; }
.btn_submit { width:72px; background-position:0 -240px; }
.btn_submit:hover { background-position:0 -270px; }
.btn_prev { width:90px; background-position:0 -330px; }
.btn_prev:hover  { width:90px; background-position:0 -360px; }
.btn_pause { width:70px; background-position:0 -390px; }
.btn_pause:hover  { width:70px; background-position:0 -420px; }
.btn_next { width:70px; background-position:0 -450px; }
.btn_next:hover  { width:70px; background-position:0 -480px; }
.btn_addtocart { width:100px; height:30px; background-position:0 -510px; }
.btn_addtocart:hover { background-position:0 -540px; }

.icn i { display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle; background:url(http://www.compostmania.com/site/imgs/sprite-icons.gif); }
.icn.twtr { padding-left:25px; background:url(http://www.compostmania.com/site/imgs/sprite-icons.gif) 0 -89px no-repeat;}
.icn.fbc { padding-left:25px; background:url(http://www.compostmania.com/site/imgs/sprite-icons.gif) 0 -114px no-repeat;}

/* --- Float Hack --- */
.cf:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.cf { display:inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
/* End hide from IE-mac */
.cf { display:block;}

/* --- Blog --- */
#podPress_footer, .cred-left, .cred-right { display:none !important; }

.dbx-content li, .sidebar-tab-content li { background:none !important; list-style:none; font-weight:bold;   }
.dbx-content, .sidebar-tab-content { padding-left:0 !important; }

.posttitle a  { font-family:Georgia, "Times New Roman", Times, serif; }
.post .date  { background:url(http://www.compostmania.com/site/imgs/bg-date-badge.gif) 0 0; }
h2.category-title  { background:url(http://www.compostmania.com/site/imgs/bg-headline.gif) 0 0 no-repeat; height:32px; line-height:32px; color:#663c0a; font:bold 12px/32px arial; padding:0 0 0 10px; }
.dbx-box { background:url(http://www.compostmania.com/site/imgs/bg-left-nav-box.gif) top right no-repeat !important; line-height:14px;   }
.dbx-box h3 { color:#fff !important; font:bold 13px/30px Arial !important; padding-top:0; }
.dbx-box li { padding-bottom:7px !important; }

.suf-mag-categories .suf-mag-category-title { background:url(http://www.compostmania.com/site/imgs/bg-cat-box.gif) top left repeat-x !important;    }
.suf-mag-categories h2.suf-mag-category-title { color:#fff !important; font:bold 13px/30px Arial !important; padding:0 0 0px 12px; }


a.tab { background:url(http://www.compostmania.com/site/imgs/bg-cat-box.gif) top left repeat-x !important;   
	color:#fff !important; font:bold 13px/30px Arial !important; padding:0 10px !important; }
	
.suf-mag-categories th   { background:url(http://www.compostmania.com/site/imgs/bg-headline.gif) 0 0 no-repeat ; height:32px; line-height:32px; color:#663c0a; font:bold 15px/32px arial; padding:0 0 0 10px; }
.sliderImage div {opacity:1 }