/*
Theme Name: Earth Hour 
Theme URI: http://ehm.my 
Description: WP Theme in conjuction with <a href="http://ehm.my/">EarthHour</a>. 
Version: 1.0 
Author: WWF-Malaysia
Author URI: http://ehm.my  
Tags: dark, star, custom header, fixed width, two columns, 3 widgets 

	Earth Hour 1.0 
	 http://ehm.my  

	This theme was designed and built by EHM, 
	whose blog you will find at http://ehm.my ,
*/

/* Hiding some web headers and footers */
.gzmenubar {display: none;}
#gzmenubar {display: none;}
.mbl_fo_hidden {display: none;}
.mbl_h {display: none;}
#nnadsfoot img{display: none; border:0px;}
#nnadsfoot { margin-top:-15px;}
.advertlets tbody img {display: none;}


html, body {	background: url(img/bg-star.png) repeat-x fixed white;	font-family: "arial", verdana; border: 0;}
body, p, h1, h2, h3, h4, ul, ol, li, form, blockquote {	margin: 0;	padding: 0;}
a img { border: 0px; border-bottom: #4FA9CB 4px solid;}
a:hover img { border-bottom: #032129 4px solid; }
a {	text-decoration: none;	color: #4FA9CB;}
a:hover {	text-decoration: underline; color: #032129;}
img.wp-smiley { border:medium none; vertical-align:middle; }

/* blue - 559AD3, green - 67C530, pink - e828ea, orange - e828ea*/
/* Header */
#header { width: 100%; height: 100px; }
#header h2 {	font-size: 30px;	color: #fff;	padding-top: 25px;	font-weight: normal;}
#header h2 a {	color: #fff;}
#header h2 a:hover {	color: #032129 /*ADE166*/;	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; background: url(img/body-wrap-top.png) no-repeat bottom transparent; margin: 0 auto; padding:0 48px}
#body_wrap {	width: 876px; background: url(img/body-wrap.png) repeat-y transparent; margin: 0 auto; padding:0 48px}

#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/bg_comment.png) left;	font-weight: bolder; }
#menu li a {line-height: 2.5em;display: block; margin-left: 1px;color: #4FA9CB;padding-left: 19px;padding-right: 20px }
* html #menu li a {	width: 1%;}
#menu li.current_page_item, #menu li.current_page_item a {	background: transparent url(img/menu-blue.png) repeat-x 0 15px;	color: #f4f4f4;}
#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; */}

/* Twitter Description */

#page_desc {	padding-top: 5px; width: 100%;	height: 40px;	font-size: 12px; background: transparent url(img/menu-blue.png) 0 -27px repeat-x;}
#page_desc #text {	padding-left: 20px;	float: left;	width: 594px;color: #eee;}
#page_desc #text li {	display: block;	float: left; width:550px ;margin:5px;}
#page_desc p {	padding: 12px 0px;}
#page_desc a {	color: #146279; border-bottom: #146279 dotted 1px}

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

/* Search */
#search_top {	float: right;	width: 262px;	}
#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; background: #DDDDDD;}
#content {	width: 536px;	float: left;}
#content h2 {	font-size: 25px;}
#content h3 {	font-size: 20px;}
#content h4 {	font-size: 15px;}
#content p {font-size: 13px;	line-height: 20px;	padding: 10px 0; text-align:justify;}
#content ul, #content ol {	padding: 0.5em 2.5em;	font-size: 13px;}
#content ul li {background: url(img/bullet_star_16x16.png) no-repeat ;	margin-left:-25px; padding-bottom:5px; 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 p {	font-size: 11px;	color: #737373;	padding: 0 10px;	width: 87%;	margin: 5px 15px auto;	line-height: 20px; border-left: 4px #4FA9CB solid; background: #fafafa}

/* Caption */
.caption {	width: 90%;	font-size:11px; height: 30px; padding: 0 10px;}
.caption h2 {	width: 250px;	float: left;	line-height: 1.9em;	padding-left: 18px;color: #ccc;}

.alignleft {float:left; text-align:left}
.alignright { float:right; text-align:right}

/* Post */
.post {	background: url(img/post-middle.png) repeat-y transparent; padding:0 20px; color: black; }
.top-post {background: url(img/post-top.png) no-repeat transparent; height:21px}
#page_post {	margin-bottom: 0px;}
#page_post h3 {	color: #4FA9CB;}
.post h3 {}
.post h3 a {	color: #4FA9CB;	text-decoration: underline;}
.post h3 a:hover {	color: #032129 /*67C530*/;	text-decoration: none;}
.post p a {	text-decoration: underline;}
.post p a:hover {	text-decoration: none;}
.post_details {	padding: 0 20px; background: url(img/post-bottom.png) no-repeat 0 -10px; color: black; height:50px; border-top:1px dashed #dddddd;}
.post_details a img {border:0px;}
.post_details a:hover img {border:0px;}
.comment{ width:40px; height:32px; float:right; background:url(img/comment.png) top left no-repeat; margin-left:-15px; margin-top:0px; 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 {	padding: 10px 15px;	margin: 15px 0px;	font-size: 12px;}

/* Comments */
.comments_caption {	width: 100%; margin-top: 15px;}
.comments_caption h2 {	padding-left: 15px;	line-height: 2em;color: #032129;}
.comment_wrap {	 color: black;	margin: 10px 10px 15px;}
.comment_wrap .comment{		margin-top: 15px;}
.comment_wrap p {	font-size: 13px !important;}
.comment_wrap_head {	padding: 0 15px; background: url(img/arrow-comment.png) left bottom no-repeat;}
.comment_wrap_head p {	padding: 7px 0 !important;}
.comment_wrap_head span {	 color: #898989;	padding-left: 5px; font-size:9px; }
.comment_wrap_post {background: url(img/comment-post.png) white repeat-x bottom;/* padding: 5px 0;	border-top: 1px dashed #4FA9CB; */}
.comment_wrap_post p {	padding: 10px 15px !important;}

#leave_a_comment_wrap {	width: 100%;	margin-top: 15px;}
.leave_a_comment {	width: 10em;	text-align: center;	float: left; padding-left:15px;}
.leave_a_comment h2 {	line-height: 30px;}
.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 {	padding: 11px 0px;clear: both;margin: 0px 0px 15px 0px; color:#666666;}
#content form { background: white; width: 495px; border: #ccc 1px solid; 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: #ccc 1px dotted;	background: #fff; padding: 5px;	font-size: 15px; font-family: Arial;}
#content input.data { width: 184px;}
#content textarea {border: #ccc 1px dotted;	width: 475px;	height: 170px;	padding: 3px;	font-size: 18px;	font-family: Arial;}
#content input.sbutton {	margin-top: 3px;}

/* Sidebar */
#sidebar input { border: #EEEEEE 1px solid;	background: #fff; padding: 5px;	font-family: Arial;}
#sidebar {background: url(img/sidebar-middle.png) repeat-y; width: 336px;	float: right;	 margin-bottom: 15px; }
#sidebar-top {background: url(img/sidebar-top.png) no-repeat transparent; height:21px}
#sidebar-bottom {background: url(img/sidebar-bottom.png) no-repeat transparent; height:17px}
#sidebar h2 {font-size: 15px; color: black ;padding: 5px 0px;	line-height: 12px; margin: 10px 0px; letter-spacing:-1px; border-bottom:1px dashed #ddd} /*7d996b */
#sidebar p, 
#sidebar li {	font-size: 12px;color: black; text-align:left;}
#sidebar p {	padding: 10px 0;	line-height: 20px;}
#sidebar ul {	list-style: none;padding: 0px 15px 10px 10px;}
#sidebar ul ul {	padding: 0;	list-style: none;}
#sidebar ul ul ul {	padding: 0;}
#sidebar ul li ul li {background: transparent url(img/bullet_star_16x16.png) no-repeat scroll;padding-left: 22px;}.bg_for_li {background-image: url(img/bg_post.png);padding: 5px 10px;margin-bottom:5px;}
/* 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/menu-blue.png) black 0 -27px;	height: 2.7em;	clear: both; margin-top:-15px;}
#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;}
#footer p {	width: 100px;	float: right;	font-size: 11px;	line-height: 3.5em;}
#footer p a {	color: white;}
#footer a img {border:0px;}
#footer a:hover img {border:0px;}


/* Copyright */
#copyright {	background: url(img/footer.png) white top; width: 876px; margin: 0 auto;	text-align: center;	font-size: 11px;	padding: 15px 48px 35px 48px;	color: #8F8F8F;}
#copyright p {	line-height: 9px;}

/* 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;}

/* End captions */