/*  
Theme Name: Plant-a-Tree
Theme URI: http://noktahhitam.com
Description: Free WP Theme by NoktahHitam
Version: 1.0
Author: Igor Penjivrag & NoktahHitam
Author URI: http://www.colorlightstudio.com/ & http://noktahhitam.com
*/


html, body {	background: url(img/bg.jpg);	font-family: Georgia;	border: 0;}
body, p, h1, h2, h3, h4, ul, ol, li, form, blockquote {	margin: 0;	padding: 0;}
a img { border: 0px; border-bottom: #559AD3 5px solid;}
a:hover img { border-bottom: #67C530 5px solid; }
a {	text-decoration: none;	color: #559AD3;}
a:hover {	text-decoration: underline; color: #67C530 ;}

/* Header */
#header { width: 100%; height: 6.25em; padding-top: 10px;}
#header h2 {	font-size: 30px;	color: #fff;	padding-top: 25px;	font-weight: normal;}
#header h2 a {	color: #67C530;}
#header h2 a:hover {	color: #fff;	text-decoration: none;}
#header p {	padding-top: 1px;	color: #fff;	font-size: 13px;	color: #8F8F8F;}
#header a img {border:0px;}
#header a:hover img {border:0px;}

/* Wrap */
#wrap {	width: 876px;	margin: 0 auto;}
#menu {	width: 100%; font-size: 14px; position: relative; }
#menu ul {	width: 100%;}
#menu li { display: block;	line-height: 2.5em;	float: left;	margin-right: 10px;	background: url(img/menu_left_bg.gif) no-repeat left;	font-weight: bolder;}
#menu li a {line-height: 2.5em;display: block;background: url(img/menu_bg_right.png) repeat-x right;margin-left: 1px;color: #fff;padding-left: 19px;padding-right: 20px}
* html #menu li a {	width: 1%;}
#menu li.current_page_item, #menu li.current_page_item a {	background: url(img/bg_comment.png);	color: #559AD3;}
#menu li.current_page_item a:hover {	text-decoration: none;}

/* Login (menu) */
#login {	/* float: right; */	position: absolute;	right: 0px;	top: 15px;	font-size: 11px;	color: #8F8F8F;	/* padding-top: 15px; */}

/* Page Description */
#page_desc {	width: 100%;	height: 3.1em;	font-size: 14px;	padding-bottom: 15px;}
#page_desc #text {	padding-left: 20px;	height: 3.1em;	float: left;	width: 594px;color: #c4c4c4;	background: url(img/bg_comment.png);}
#page_desc #text li {	display: block;	line-height: 3.1em;	float: left;margin-right: 5px;}
#page_desc p {	padding: 12px 0px;}

/*Twitter*/
.twitter{width:40px; height:30px; float:left; background:url(img/twitter.png) top left no-repeat; margin-left:-35px; margin-top:0px;} 

/* Search */
#search_top {	float: right;	width: 262px;	height: 3.1em;	background: url(img/bg_comment.png);}
#search_top form {	margin-top: 0.65em;	position: relative;}
#search_top input.sfield {	background: #fff;	border: #B8C7DA 1px solid;	width: 159px;	height: 21px;	font-size: 13px;	padding: 3px 2px 0 3px;}
#search_top input.sbutton {	position: absolute;	top: 0;	left: 180px;}

/* Content */
#content_wrap {	width: 876px;}
#content {	width: 526px;	float: left;}
#content h2 {	font-size: 15px;}
#content h3 {	font-size: 20px;}
#content p {font-size: 13px;	line-height: 20px;	padding: 10px 0;}
#content ul, #content ol {	padding: 0.5em 2.5em;	font-size: 13px;}
#content ul li {	background: url(img/bullet.png) no-repeat 0 0.6em;	line-height: 20px;	padding-left: 25px;	list-style: none;}
#content ol {	margin-left: 1.4em;}
#content ol li {	background: none;	padding-left: 7px;	line-height: 20px;}
#content blockquote {	background: url(img/bg_comment.png);	font-size: 13px;	color: #737373;	padding: 0 10px;	width: 87%;	margin: 10px auto;	line-height: 20px;}

/* Caption */
#caption {	width: 100%;	height: 1.9em;	background: #;}
#caption h2 {	width: 250px;	float: left;	line-height: 1.9em;	padding-left: 18px;color: #ccc;}
#ftag { width:212px; height:87px; float:right; background:url(img/ftag.png) top right no-repeat; margin-left:0px; margin-top:-10px;}
#ftag span {	display: none;}
#ftag .rss a {position: relative;	top: 4px; right:-60px;	display: block;	width: 50px; height: 40px; background: url(img/rss.png) no-repeat; }
#ftag a:hover span {display: block; font-size: 13px; color: #393939; position: absolute;	bottom: 0; font-weight:bold; text-decoration:none;}
#ftag .rss a:hover span {bottom: -20px; left:50px; width:90px;}
#ftag .tech a {position: relative;	top: -36px; right:-110px;	display: block;	width: 50px; height: 40px; background: url(img/tech.png) no-repeat; }
#ftag .tech a:hover span {bottom: -20px; left:0px; width:90px;}
#ftag .su a {position: relative;	top: -76px; right:-160px;	display: block;	width: 50px; height: 40px; background: url(img/su.png) no-repeat; }
#ftag .su a:hover span {bottom: -20px; left:-50px; width:90px;}
#m_post {	width: 200px;	float: right;	height: 31px;	position: relative;	background: url(img/caption_m_posts.gif) no-repeat 130px 8px;}
#m_post span {	display: none;}
#m_post .o_entries a {position: absolute;	right: 53px;top: 8px;	display: block;	width: 17px; height: 15px; background: url(img/caption_o_entries.gif) no-repeat;}
#m_post .r_entries a {position: absolute;	right: 21px; top: 8px;	display: block;	width: 17px; height: 15px; background: url(img/caption_r_entries.gif) no-repeat;}
#m_post a:hover {background-position: 0 -15px;text-decoration: none;}
#m_post a:hover span {display: block; font-size: 11px; color: #f4f4f4; position: absolute;	top: 0;}
#m_post .o_entries a:hover span {left: -100px;}
#m_post .r_entries a:hover span {left: -130px;}

/* Post */
.post {	background: url(img/bg_post.png);	margin-bottom: 5px;	padding: 5px 10px 15px 10px;color: #cfcfcf;}
#leaf{ width:40px; height:40px; float:left; background:url(img/leaf.png) top left no-repeat; margin-left:-30px; margin-top:-1px;} 
#page_post {	margin-bottom: 0px;}
#page_post h3 {	color: #B60510;}
.post h3 {	padding: 10px 0;}
.post h3 a {	color: #67C530;	text-decoration: underline;}
.post h3 a:hover {	color: #559AD3;	text-decoration: none;}
.post p a {	text-decoration: underline;}
.post p a:hover {	text-decoration: none;}
.post_details {	padding: 0 15px; background: url(img/post_details.png) repeat-x right; color: #cfcfcf; margin-bottom: 20px;}
.comment{ width:40px; height:32px; float:left; background:url(img/comment.png) top left no-repeat; margin-left:-15px; margin-top:0px; font-family: Georgia,"Times New Roman",Times,serif; font-style: normal;font-variant: normal;font-weight: bold; padding-top:2px; font-size:18px;} 
.post_details p { padding: 5px 0; font-size: 12px !important;}
.post_details p a {	text-decoration: none;}
.post_details p a:hover {	text-decoration: underline;}

/* More Posts */
#more_posts {	background: #fff;	padding: 10px 15px;	margin: 15px 0px;	font-size: 12px;}

/* Comments */
.comments_caption {	width: 100%;	background: url(img/post_details.png) repeat-x right;	margin-top: 15px;}
.comments_caption h2 {	padding-left: 15px;	line-height: 2em;color: #44AE29;}
.comment_wrap {	background: url(img/bg_post.png);	margin-top: 15px;}
.comment_wrap .comment{	background: #ccc;	margin-top: 15px;}
.comment_wrap p {	font-size: 13px !important;color: #dbdbdb;}
.comment_wrap_head {	padding: 0 15px;color: #dbdbdb;}
.comment_wrap_head p {	padding: 7px 0 !important;color: #dbdbdb;}
.comment_wrap_head span {	olor: #898989;	padding-left: 5px;}
.comment_wrap_post {	padding: 5px 0;	border-top: 1px dashed #B60510;}
.comment_wrap_post p {	padding: 10px 15px !important;color: #dbdbdb;}
#leave_a_comment_wrap {	width: 100%;	margin-top: 15px;}
.leave_a_comment {	background: url(img/bg_post.png);	width: 10em;	text-align: center;	float: left;}
.leave_a_comment h2 {	line-height: 30px;color: #dbdbdb;}
.trackback_rss {	float: right;	padding-right: 15px;	padding-top: 8px;	width: 12.9em;}
.trackback_rss p {	padding: 0 !important;	font-size: 11px !important;}
#comment_form {	background: url(img/bg_post.png); padding: 11px 0px;clear: both;margin: 0px 0px 15px 0px; color:#666666;}
#content form { background: #transparent url(img/bg_comment.png); width: 495px; border: #B60510 1px dashed; padding: 15px 0 10px 10px; margin: 0 auto; color:#666666;}
#content form p { padding: 0px 0 5px 0; line-height: 20px; color:#666666;}
#content input { border: #EEEEEE 1px solid;	background: #fff; padding: 5px;	font-size: 15px; font-family: Georgia;}
#content input.data { width: 184px;}
#content textarea {	background: #transparent url(img/text_area.png); border: #EEEEEE 1px solid;	width: 475px;	height: 170px;	padding: 3px;	font-size: 18px;	font-family: Georgia;}
#content input.sbutton {	margin-top: 3px;}

/* Sidebar */
#sidebar_nuffnang {	width: 336px;	float: right;margin-bottom: 10px;}
#sidebar {width: 316px;	float: right;	padding: 10px; margin-bottom: 15px;}
#sidebar h2 {	font-size: 13px;background:url(img/tag.png) top right no-repeat;	color: #67C530;padding: 10px 0px;	line-height: 18px;border-bottom: 1px #7d996b dashed;}
#sidebar p, #sidebar li {	font-size: 12px;color: #ccc;}
#sidebar p {	padding: 10px 0;	line-height: 20px;}
#sidebar ul {	list-style: none;padding: 10px;}
#sidebar ul ul {	padding: 10px 0;	list-style: none;}
#sidebar ul ul ul {	padding: 0;}
#sidebar ul li ul li {	background: url(img/bullet.png) no-repeat 0 9px;	padding-left: 23px;	line-height: 23px;}

/* Widgets */
.textwidget {	line-height: 20px;	padding: 10px 0;}
#wp-calendar {	padding: 10px 0 10px 10px;}
#wp-calendar caption {margin: 10px 0px;	border-bottom: 0;}
#wp-calendar td {   margin: 0;   padding: 3px 5px;}
#wp-calendar td#today {   background: #EEEEEE;}

/* Footer */
#footer {	background: url(img/bg_comment.png);	height: 2.7em;	clear: both;}
#footer ul {	width: 490px;	float: left;	padding: 10px 0px 0 10px;}
#footer li {	display: inline;	list-style: none;}
#footer li a {	display: block;	float: left;	line-height: 24px;	font-size: 12px;	padding: 0 6px;	margin-right: 19px;color: #2E2E2E;}
#footer li.current_page_item a {	color: #fff;	background: #5EA3DB;}
#footer p {	width: 100px;	float: right;	font-size: 11px;	line-height: 3.5em;}
#footer p a {	color: #B60510;}

/* Copyright */
#copyright {	width: 876px;	margin: 0 auto;	text-align: center;	font-size: 11px;	padding: 15px 0 25px 0;	color: #8F8F8F;}
#copyright p {	line-height: 19px;}

/* Fix */
#menu:after,
#menu ul:after,
#content_wrap:after,
#footer:after,
#leave_a_comment_wrap:after {    content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden;}