/*  
Theme Name: GreenLifeStyle
Theme URI: http://designdisease.com/
Description: Designed by <a href="http://designdisease.com">Design Disease</a>. You may use this theme and make any changes you like as long you leave the credits link on. <a href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution-Share Alike 3.0 License.</a>
Version: 1.0
Author: Design Disease
Author URI: http://designdisease.com/
Tags: green, black, white, two columns, fixed width, widgets, widget-ready
*/

/* Begin Typography & Colors */
* { margin: 0; padding: 0; }
body { background: #336600 url(images/body-bkg.png) no-repeat center top; font: normal 12px "Verdana", sans-serif; color:#535353; }
input, button, textarea, select {  font: normal 12px/12px "Verdana", sans-serif; color:#535353; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none;}
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #99cc33; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #99cc33; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #99cc33; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #000; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color:#003300; }

/* BGContainer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#bgcontain { width: 950px; margin: 0 auto; overflow: hidden;} 

/* Header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.header { width: 950px; position: relative; }

/* Logo
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.logo { overflow: hidden; width: 580px; padding: 25px 0px 25px 40px; }
.logo .txt h1 { font: bold 70px/70px "Arial", Gadget, sans-serif; letter-spacing: -3px; padding: 0px 0px 0px 0px; }
.logo .txt h1 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#fff;}
.logo .txt h2 { font: bold 70px/70px "Arial", Gadget, sans-serif; letter-spacing: -3px; padding: 0px 0px 0px 0px; }
.logo .txt h2 a, .head .logo .txt h1 a:visited,.head .logo .txt h1 a:hover { text-decoration: none; color:#fff;}
.logo .desc {  font: bold 14px/14px Arial, Helvetica, sans-serif; letter-spacing: -1px; color:#b18f5e;}
.logo .img img { margin-bottom: 5px; }

.syn { position: absolute; top: 70px; right: 0px; width: 320px; }
.syn li { font: bold 14px/18px Arial, Helvetica, sans-serif, sans-serif; letter-spacing: -1px; padding: 2px 0px; display: inline;  }
.syn a.rss { color:#fffeea; background: url(images/syn-rss.png) no-repeat left 0; padding: 2px 0px 2px 27px; margin-right: 15px; float: left;}
.syn a.tweet { color:#fffeea; background: url(images/syn-tweet.png) no-repeat left 0; padding: 2px 0px 2px 27px; float: left;}


/* Menu
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu { width: 950px; overflow: hidden; background: url(images/header-bkg.png) no-repeat top left; float: left;  }
/**/ * html .menu { height:1%; } /* */ 

.menu .pages { width: 570px; padding: 0px 0px 0px 40px; float: left; }
.menu .pages ul { float: left; padding: 0px;}
.menu .pages li { display: inline; font: bold 14px/14px "Trebuchet MS"; float: left; position: relative; }
.menu .pages li ul { display: none;}
.menu .pages li a { padding-left: 10px; margin-right: 4px; background: url(images/pages-left.png) no-repeat left top; float: left;}
.menu .pages li a span { padding: 28px 10px 6px 0px; display: block; background: url(images/pages-right.png) no-repeat right top; float: right; }
.menu .pages li a span { float: none; color: #fff;}
.menu .pages li a:hover { background-position: 0% -48px; color:#fff; text-decoration: none;}
.menu .pages li a:hover span { background-position: 100% -48px; color:#fff;}
.menu .pages li a strong { display: block; }
.menu .pages li a:hover strong { display: block; background: url(images/pages-link.png) no-repeat center top;  }

.menu .pages .current_page_item a { background: url(images/pages-left.png) no-repeat left bottom; color:#fff; }
.menu .pages .current_page_item a strong { display: block; background: url(images/pages-link.png) no-repeat center top;  }
.menu .pages .current_page_item a span, .pages .current_page_item a:visited span, .pages .current_page_item a:hover span { background: url(images/pages-right.png) no-repeat right bottom; color:#fff; }

/* Search
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.menu .search { overflow: hidden; width: 300px; padding: 20px 20px 0px 20px; float: right; }
.menu .search input { float: left; background: #fff url(images/search-input.png) no-repeat left top; border: none; padding: 5px; width: 228px; color:#333; font: bold 14px/14px "Arial", sans-serif; letter-spacing: -1px;}
.menu .search button { float: left; background: url(images/search-button.png) no-repeat; width: 62px; height: 26px; border: none; cursor: pointer; text-indent: -55000px; }


/* Container
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.container { width: 950px; float: left; background: #fcfcf4 url(images/container-bkg.png) repeat-y top left; margin-bottom: 20px;}

/* Title
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.title { font: bold 34px/30px Arial, sans-serif; letter-spacing: -1px; padding: 15px 0px; margin-bottom: 25px; color:#003300; border-bottom: solid 1px #d8d8b7; }
.hcom  { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 2px; color:#003300;}


/* SC
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SC { width: 950px; padding: 0px; overflow: hidden; float: left; }

/* Side Left 
############################################################################################################## */
.SL { background: #fffeea; width: 530px; float: left; padding: 30px 40px; }
.SL .post { overflow: hidden;}

.SL .postimg { float: left; margin-right: 20px; margin-top: 5px;}
.SL .postimg img { border: solid 4px #e5e5e5; }
.SL .postdata { overflow: hidden; }


.SL .p-head { background:url(images/p-head-bkg.png) repeat-x bottom;}
.SL .p-head h1 { font: bold 34px/32px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 10px; color:#003300;}
.SL .p-head h1 a { text-decoration: none; }
.SL .p-head h2 { font: bold 34px/32px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 5px; color:#003300;}
.SL .p-head h2 a, .SL .p-head h2 a:visited { text-decoration: none; color:#99cc33; }
.SL .p-head h2 a:hover { text-decoration: none; color:#ff8400; }
.SL .p-head h3 { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 10px; color:#003300;}
.SL .p-head h3 a { text-decoration: none; color:#99cc33; }
.SL .p-head h3 a:hover { text-decoration: none; color:#ff8400; }

.SL .p-date { font-size: 11px; color:#999966;}
.SL .p-con { padding: 2px 0px; overflow: hidden;}
.SL .archive .p-con { padding: 5px 0px; overflow: hidden;}
.SL .p-con p { font: normal 12px/18px "Verdana"; padding: 3px 0px; margin: 3px 0px; color:#333;}
.SL .p-con ol { padding: 10px 0px 10px 25px; margin: 0px; list-style: decimal inside;}
.SL .p-con ol li { padding: 2px 0px 2px 0px; }
.SL .p-con ul { padding: 10px 0px 10px 20px; margin: 0px; }
.SL .p-con ul li { padding: 2px 0px 2px 13px; background: url("images/p-con-li.png") no-repeat left 2px; color:#666; }
.SL .p-con blockquote { font: italic 13px/19px Georgia, "Times New Roman", Times, serif; padding: 5px 0px; margin: 10px 0px; color:#000; border-top: dashed 1px #d8d8b7; border-bottom: dashed 1px #d8d8b7; color:#9a9a8f; }
.SL .p-con blockquote p { font: italic 13px/19px Georgia, "Times New Roman", Times, serif; color:#9a9a8f; }
.SL .p-con blockquote li { padding: 2px 0px 2px 13px; list-style-type: none; font-size: 12px; line-height: 17px;}

.SL .p-det { background: #eff1dc url(images/p-det-bkg.png) repeat-y left; float: left; width: 530px; overflow: hidden; }
.SL .p-det li { font: normal 11px/11px 'Verdana'; display: inline; float: left; color:#999966; }
.SL .p-det li strong { font: bold 10px/10px 'Verdana'; text-transform: uppercase; display: block; margin-bottom: 2px;}
.SL .p-det li.p-det-date { padding: 10px; width: 160px;}
.SL .p-det li.p-det-cat { padding: 10px; width: 152px; }
.SL .p-det li.p-det-tags { padding: 10px; width: 156px; }

.SL .p-com { font: normal 19px/28px Arial, Helvetica, sans-serif; letter-spacing: -1px; float: left; width: 530px; overflow: hidden; text-align: right; margin-top: 5px;}
.SL .p-com a { background: url(images/p-com-ico.png) no-repeat right 10px; padding: 8px 32px 2px 0px; text-align: right; color:#336600; }


.SL .p-det li a, .p-det li a:visited, .p-det li a:hover { margin-right: 3px; color:#999966; }

/* Images
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.SL img.aligncenter { display: block; margin-left: auto; margin-right: auto; padding: 5px; border: solid 1px #ebebd0; background:#eff1dc; }
.SL img.alignright { margin: 5px 0 10px 20px; display: inline; padding: 5px; border: solid 1px #ebebd0; background:#eff1dc; }
.SL img.alignleft { margin: 5px 20px 10px 0; display: inline; padding: 5px; border: solid 1px #ebebd0; background:#eff1dc; }
.SL .alignright { float: right; }
.SL .alignleft { float: left }


/* WP Page Navi
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
.wp-pagenavi { border-top: solid 1px #d8d8b7; background: url(images/categ-line-bkg.png) repeat-x bottom; padding: 25px 0px 0px 0px; margin-top: 25px; font: bold 14px/10px Arial, Helvetica, sans-serif; letter-spacing: -1px; color: #999;}
.wp-pagenavi .pages { margin-right: 15px; font-weight: normal; letter-spacing: normal;}
.wp-pagenavi .page { padding: 0px 5px; border-right: solid 1px #e2e6e8; }
.wp-pagenavi a, .nav a:visited { padding: 0px 5px; border-right: solid 1px #e2e6e8; font-weight: bold;}
.wp-pagenavi a:hover {}
.wp-pagenavi .current { padding: 0px 5px; border-right: solid 1px #e2e6e8; font-weight: bold; color:#1d1f21; }





/* Side Right 
############################################################################################################## */
.SR { background: #003300; width: 300px; float: right; padding: 0px 20px; }
.SR a { color:#993300; }
.SR a:hover { color:#ff6600;}

.SR .about-all { background: #99cc33 url(images/about-bot.png) no-repeat bottom; margin-bottom: 10px; }
.SR .about { padding: 10px; background: url(images/about-top.png) no-repeat top; }
.SR .about h3 { font: normal 19px/19px Arial, Helvetica, sans-serif; letter-spacing: -1px; background: url(images/about-h3.png) repeat-x bottom; color:#fffeea; padding: 10px 0px 7px 0px; margin-bottom: 7px; }
.SR .about p { font: normal 11px/14px Verdana, Geneva, sans-serif; color:#003300; }

.SR .adv { margin-bottom: 20px; }
.SR .adv p { background: url(images/adv-p.png) repeat-x center; margin-bottom: 5px;}
.SR .adv p strong { background:#003301; font-weight: normal; color:#81b100; text-transform: uppercase; font-size: 10px; padding-right: 5px; }

.SR .widget { margin-bottom: 25px; color:#717f23; font-size: 11px; }
.SR .widget h3 { background: url(images/widget-h3.png) repeat-x bottom; font: normal 19px/19px Arial, Helvetica, sans-serif, sans-serif; letter-spacing: -1px; color:#fffeea; padding-bottom: 10px; margin-bottom: 5px;}
.SR .widget li { padding: 2px 0px 2px 6px; font: normal 11px/14px Verdana, Geneva, sans-serif; background: url(images/cat-arrow.png) no-repeat left 6px; }
.SR .widget a { color:#b9cd49;}
.SR .widget a:hover { color:#717f23; }
 
/* Categories
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.SR .widget_categories {}
.SR .widget_categories li { padding: 2px 0px 2px 6px; font: bold 14px/16px Arial, Helvetica, sans-serif, sans-serif; letter-spacing: -1px; background: url(images/cat-arrow.png) no-repeat left 8px; }
.SR .widget_categories li ul li { font: normal 13px/15px Verdana, Geneva, sans-serif; padding: 2px 0px 2px 0px; background: none; letter-spacing: normal;}

.SR .widget_links .linkcat  { background: none; padding-left: 0px; }

.SR .widget_tag_cloud { line-height: 22px;}
.SR .widget_calendar table { width: 100%;}
.SR .widget_calendar table td { text-align: center; padding: 3px; }
.SR .widget_calendar caption { background: #f5f5f4; padding: 5px 0px; margin-bottom: 10px;}
.SR .widget_calendar #today { background: #f5f5f4;}
.SR .widget_search #s { width: 160px; border: solid 1px #b5d6cd; padding: 3px; margin-bottom: 5px;}

.SR .widget_recent_comments h3 { margin-bottom: 0px;}
.SR .widget_recent_comments { margin-bottom: 25px;}
.SR .widget_recent_comments li { font-size: 11px; padding: 6px 0px 8px 0px; background: url(images/widget-h3.png) repeat-x bottom;}
.SR .widget_recent_comments li a { font-size: 11px; color:#717f23;}
.SR .widget_recent_comments span { font-weight: bold; display: block; color:#b9cd49;}

.SR .Latest_tweets_widget h3 { margin-bottom: 0px; }
.SR .Latest_tweets_widget h3 a { color:#fffeea; }
.SR .Latest_tweets_widget h3 a:hover { color:#fffeea; }
.SR .Latest_tweets_widget li { font-size: 11px; padding: 6px 0px 8px 0px; background: url(images/widget-h3.png) repeat-x bottom;}


/* Comments
############################################################################################################## */
.comments-list { padding-top: 10px;}
.comments-list h2 { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; background:url(images/p-head-bkg.png) repeat-x bottom; }
.comments-list div.entry { margin-bottom: 20px; }
.comments-list div.entry-head { background: #eff1dc; }
.comments-list p.name { font: bold 14px/14px Arial, sans-serif; color:#000; padding: 7px 0px 0px 0px; letter-spacing: -1px;}
.comments-list p.avt { padding: 0px; margin: 0px; float: left;}
.comments-list p.avt img { border-right: solid 10px #fffeea; padding: 1px; background: #eff1dc; margin-right: 10px;}
.comments-list p.date { padding-bottom: 7px; font: normal 11px/14px Verdana, Geneva, sans-serif; color:#9f9f85;}
.comments-list p.date a, .comments-list p.date a:visited, .comments-list p.date a:hover { color:#9f9f85;}

.comments-list .con { font: normal 11px/15px "Verdana"; color:#7a7a70;}
.comments-list .con p { font: normal 11px/15px "Verdana"; padding: 5px 0px; margin: 0px; color:#7a7a70;}
.comments-list .con blockquote { font: italic 11px/16px Georgia, "Times New Roman", Times, serif; padding: 5px 0px; margin: 5px 0px; border-top: dashed 1px #d8d8b7; border-bottom: dashed 1px #d8d8b7; color:#9a9a8f; }
.comments-list .con blockquote p { font: italic 11px/16px Georgia, "Times New Roman", Times, serif; color:#9a9a8f; }


/* Comments Form
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.comments-form { padding-top: 35px; }
.comments-form h3 { font: bold 24px/24px Arial, sans-serif; letter-spacing: -1px; padding-bottom: 15px; margin-bottom: 15px; background:url(images/p-head-bkg.png) repeat-x bottom; }
.comments-form p { color:#b8afa6; margin-bottom: 5px; padding: 2px 0px;  }
.comments-form span { color:#ff0000; font-weight: normal;}
.comments-form input { padding: 5px 4px; width: 300px; margin-right: 5px; color:#999986; }
.comments-form input.formid { border: 4px solid #eff1dc; background: #fff; padding: 5px;}
.comments-form input.formemail { border: 4px solid #eff1dc; background: #fff; padding: 5px;}
.comments-form input.formuri { border: 4px solid #eff1dc; background: #fff; padding: 5px;}
.comments-form textarea { border: 4px solid #eff1dc; background: #fff; padding: 5px; color:#999986;}
.comments-form .button { background: url(images/post-comment.png) no-repeat left top; text-indent: -50000px; width: 145px; height: 26px; border: none; display: block; cursor: hand;}


/* Footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.footer { width: 880px; background: url(images/footer-bkg.png) no-repeat left bottom; padding: 0px 40px 30px 40px; }
.footer hr { border-left:none; border-right: none; border-top:1px solid #ccc; border-bottom: none; height : 1px; display: block; margin-bottom: 10px; }
.footer p { padding: 1px 0px; color:#c5c4af; font-size: 10px;}
.footer p a, .footer p a:visited, .footer p a:hover {color:#c5c4af; text-decoration: underline;}