/*
Theme Name: MuTree
Theme URI: http://marslau.com/
Description: WordPress theme Designed by <a href="http://marslau.com/" title="MarsLau's blog">MarsLau</a> 
Version: 1.0
Author: Mars Lau
Author URI: http://marslau.com/
Tags: fixed width,two columns,right sidebar,widgets,valid XHTML,valid CSS
*/

body{margin:0; padding:0; font-family: Arial, Helvetica, Georgia, Sans-serif;font-size:12px; background:#6e6e6e; }
h1{ font-size: 24px;padding: 0 0 0px 0;}
body, h1, h3, h4, h5, h6, blockquote, dd, dl, hr, p, form{margin: 0;padding: 0;}
a:link, a:visited{text-decoration:none ; color:#333333; }
a:hover{ color:#000000;}
img{max-width:600px; overflow:hidden; border:0px;  }
blockquote{ margin:10px; border:1px dashed #009966; background:#E8FFE8;}
code{ margin:10px; padding:5px 10px; line-height:18px!important; border-left:3px solid #72CC92; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#ffffff; display:block;}
.clearboth{ clear:both; height:0px; font-size:0px; }

/*--header--*/

#topbar{ margin:0px; padding:0 10px; height:34px; background:url(images/topbar_bg.png) repeat-x; overflow:hidden; }
	#topbar_logo{ margin:0 10px; height:34px; float:left; display:inline; width:239px; background: url(images/topbar_logo.png) no-repeat; cursor:hand;}
#wrapper{ margin:0px auto; padding:0px; width:960px; background:#FFF; }

#header{ margin:0px; padding:0px; height:73px; background: url(images/header_bg.png) repeat-x left top;}
	#header_title{ margin:5px 10px; padding:0px; float:left; display:inline;}
	#header_title h1{  margin:10px 10px 5px 10px;  }
	#header_title h1 a{ color:#333333;  }
	#header_title h1 a:hover{ color:#000000; }
	#header_title .description{ margin:0px 10px; color:#999999; }
	#header_right{ margin:10px 10px 0px 10px; float:right; display:inline;}
	#header_right #gsearch{  background:#ff0000;}
	
/*=== Top Menu ===*/
#topmenu{ margin:0 0 5px 0; padding:0px 5px; height:36px; background: url(images/menu_bg.png) repeat-x top;}
#topmenu ul{ margin:0; padding: 0;}
#topmenu li{margin:0px; padding:0px 5px; width:80px; line-height:32px; height:32px; float:left; display: inline; color:#ffffff;  font-weight:bold;background:url(images/menu_li.png) no-repeat right 7px; text-align:center;}
#topmenu li a{	 line-height:36px; height:36px; width:80px; color:#FFFFFF; display:block;}
#topmenu li.active a,#topmenu li.current_page_item a,#topmenu li.current-cat a, #topmenu li a:hover{ color:#333333; background: url(images/menu_on.png) no-repeat left 4px; }

	
/*- Nav2 / Dropdowns-*/
#menu, #menu ul{padding: 0;margin: 0;	float:left;	list-style: none;}
#menu {	padding: 0 0 0 20px;}
#menu a {display: block; color:#000;}
#menu li {float: left;line-height:24px; position:relative;}
#menu li a:hover {color:#333333; }
#menu li ul {	position: absolute; top:32px; left: -999em; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; display:inline; width:110px;}
#menu li:hover ul, #menu li.sfhover ul { background:none; left: -10px;z-index:800;  color:#000; font-weight:100;}
#menu li ul li {padding: 0;margin: 0; background:#ffffff; color:#7F7F7F; height:24px; line-height:24px; width:110px;}
#menu li ul li a{padding: 0;margin: 0; background:none; height:24px; line-height:24px;  }

#menu li ul li.cat-item a,#menu li ul li.active a,#menu li ul li.current-cat a, #menu li ul li a:hover{ padding: 0;margin: 0;color:#333333;  background:none;}
#menu li ul li a:hover{ background: #55B47E; color:#FFFFFF; height:24px; line-height:24px;width:110px; }



/*--content--*/
#content { float: left; margin:0 0 0 5px; padding: 0px; width: 645px;  display:inline; }
#nav{ margin:0 0 5px 0; height:28px; line-height:28px; background: url(images/nav_bg.png) repeat-x; border:1px solid #e6e6e6; color:#7F7F7F;}
	#nav a{ color: #7F7F7F;}
	#nav a:hover{ color: #000000;}
	#nav .navtitle{ margin:0 0 0 10px; padding:0 0 0 30px; background:url(images/nav_icon.png) no-repeat left center;}
.post{ clear:both; margin:0 0 5px 0; padding:0 10px; background:#fcfdfc; border:1px solid #e6e6e6;}
	.post h2{ margin:10px 0 0 0; padding:10px 10px; font-size:16px; font-weight:bold; border-bottom:1px solid #e6e6e6;}
	.post h3{ margin:10px 0; padding:0 0 0 10px; font-size:14px;}
	.post h4{ margin:5px 0; font-size:12px;}
	.postmetadata{margin: 0px 0px 0px 0px; padding:0px 0 0px 0; line-height:22px;color:#A9A9A9; }
	.postmetadata a{ color:#a9a9a9;}
	.postmetadata a:hover{ color:#000000;}
	.post_cat {margin-left: 10px;}
	.post_author {margin-left: 10px;}
	.post_date {margin-left: 10px;}
	.post_comments {margin-left: 10px;}	
	.post_views{ margin-left: 10px;}
.entry{ margin:10px 10px 0px 10px; line-height: 22px; font-size: 12px; color:#7f7f7f;}
	.entry p{ margin:10px 0px 0px 0px; }
	.img-floatright{ float:right; margin:0 0 10px 10px;}
	.code{ margin:10px; padding:5px 10px; line-height:18px!important; border-left:3px solid #72CC92; border-top:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#ffffff; }
.tag{ margin: 10px 0px 0px 0; padding:0 0 0 10px; line-height:24px; color:#a9a9a9;}
	.tag a{color:#A9A9A9;}
	.tag a:hover{ color:#000000;}
.navigation{ margin:5px 0 0px 0; padding:0 10px;height:28px; line-height:28px; background: url(images/nav_bg.png) repeat-x; border:1px solid #e6e6e6; color:#7F7F7F;}
	.navigation a{color:#7F7F7F;}
	.navigation a:hover{color:#000000;}
	.navigation .alignleft{ float:left; }
	.navigation .alignright{ float:right; }
.related { clear:both; margin:10px 0 10px 0; padding:0; float:left; display:inline;}
	.related h4{margin:0px; padding:10px 10px 10px 10px; font-size:14px; font-weight:bold;}
	.related ul { margin:0; padding:0; list-style:none outside;}
	.related ul li{ margin:0 0 0 0px;line-height:24px; }
	.related ul li a{ padding:0 0 0 25px;background:url(images/list_icon.gif) no-repeat left -5px; color:#7B7B7B; }
	.related ul li a:hover{ padding:0 0 0 25px; background:url(images/list_icon.gif) no-repeat left -29px; color:#000000;}

/*---comments---*/	
#comments{ margin:0 0 5px 0; padding:0 10px; background:#fcfdfc; border:1px solid #e6e6e6;}
#comments_list {font-size: 12px; margin: 0 0 5px 0; }
	#commentTags {	padding: 0px;margin: 0px 0px 0px 0px;  height: 28px; background:url(images/nav_bg.png) repeat-x ; border:1px solid #e6e6e6;}
	#commentTags li { float: left;  list-style: none;height:28px; line-height:28px; background: url(images/nav_bg.png) repeat-x;border-right:1px solid #e6e6e6;}
	#commentTags li a {padding:0 10px; float: left;  color: #999; height:28px; line-height:28px; text-decoration: none;}
	#commentTags li.emptyTag {	 width: 4px;}
	#commentTags li.commentTag { margin-bottom: -2px; position: relative; height: 29px; background: #ffffff; color:#484847; font-weight:bold;}
	#commentTags li.commentTag a {	color: #484847; line-height: 28px; height: 28px;}
	#tagContent { padding: 10px 10px 0px 10px; border-right: #e6e6e6 1px solid; border-left: #e6e6e6 1px solid; border-bottom: #e6e6e6 1px solid; background: #fff;}
	.tagContent { padding:0 0 10px 0; display: none; background:#fff;  color: #484847;}
	#tagContent div.commentTag { display: block;}
	#tagContent ul { margin:0px; padding:0px;}
	#tagContent ul li{ list-style:none outside;  margin:0 0 0 0px;line-height:24px; }
	#tagContent0 ul li{ border-bottom: 1px solid #E6E6E6;}
	#tagContent1 ul li a{ padding:0 0 0 25px;background:url(images/list_icon.gif) no-repeat left -5px; color:#7B7B7B; }
	#tagContent1 ul li a:hover{ padding:0 0 0 25px; background:url(images/list_icon.gif) no-repeat left -29px; color:#000000;}
#comments{ margin:0 0 5px 0; padding:0 10px; background:#fcfdfc; border:1px solid #e6e6e6;}
	.goto-comment{ float:right; padding:0 10px 0 8px; line-height:28px; }
	.goto-comment a{color:#787878;}
	.goto-comment a:hover{color:#000000;}

	.commentlist{ display:block;}
	.commentleft{ margin:5px 5px 5px 0; float:left; display:inline; width:70px; border:1px solid #E6E6E6; background: #F9FAF9;}
	.commentleft:hover{border:1px solid #d2f3c2; background: #f1ffec;}
	#gravatar{ margin:5px 5px 0 5px;}
	.commentname{ text-align:center; margin: 0 0 3px 0px;}
	.commentright { margin: 5px 0px 0 0px; padding:0; float:left; display: inline; width:545px;}
	.commentright .header{ margin:0; padding:0; line-height:22px; border-bottom:1px dashed #dbdbdb;color:#a9a9a9;}
	.commentright .header a{ color:#a9a9a9;}
	.commentright .header a:hover{ color:#000000;}
	.commentright .waiting{ margin:5px 0; background:#FFCCCC; border:1px solid #FF3366;}
	.commentright .commenttext{ margin:5px 10px 5px 10px; padding:0px; line-height:22px; color:#7f7f7f;}
 	.commentcount{ float:right; margin:10px 0 -10px 0; display: inline; padding: 0 0 0 2px; font-weight:bold; font-size:24px; color:#E6E6E6; background:#ffffff; line-height:22px;}
	
#conmmentform{ margin: 0 0 5px 0px; padding:10px 20px; border:1px solid #e4e4e3; background: url(images/commentform-bg.gif) left bottom no-repeat #fdfdfc; }
	.conmmentform-title{ margin:10px 0 0 0; padding:0px; line-height:22px;}
	#conmmentforminfo{ float:left; margin:0px 15px 0 0; width:160px; display:inline;}
	#conmmentforminfo input{padding:2px 2px ; color:#787878; font-size:12px; background: url(images/commentinput-bg.gif) top left no-repeat; border:1px solid #c4c4c4; width:150px;}
	#conmmentforminfo input:hover{border:1px solid #999999;}
	#conmmentformtext{ margin:0 0 0 175px ; padding:0; }
	#conmmentformtext textarea{ margin:0px; padding:2px 2px ;width:98%; background: url(images/commentinput-bg.gif) top left no-repeat; border:1px solid #c4c4c4; color:#787878; font-size:12px;}
	#conmmentformtext textarea:hover{border:1px solid #999999;}
	.comment-button{ margin:5px 0; background:url(images/comment-button.png) no-repeat; width:128px; height:30px; border:0px; cursor:hand; }

/*--sidebar--*/
#sidebar { padding: 0; margin: 0 5px 0 5px; float:right; display:inline; width: 300px; }
	#sidebar a{ color:#7B7B7B;}
	#sidebar a:hover{ color:#000000; }
	#sidebar ul{ margin:0px; padding:0px;}
	#sidebar ul li{ margin: 0px 0px 5px 0px; padding:0px; list-style:none;}
	#sidebar ul li h3{ margin:0px; padding:0px 25px; height:30px; line-height:32px; background: url(images/side_title_bg.png) left top no-repeat #65c384; font-size:12px; font-weight:bold; color:#fff;}
	#sidebar ul ul{ margin:0px; padding:5px 10px;  border-bottom:1px solid #e5e8ff; border-left:1px solid #e5e8ff;border-right:1px solid #e5e8ff; background:#ffffff;  list-style: outside;}
	#sidebar ul ul li{ margin:0px; padding:0px; line-height: 22px;height: 22px; overflow:hidden; list-style: none; border:0px; color:#A9A9A9;}
	#sidebar ul ul li a{ padding:0 0 0 20px;background:url(images/list_icon.gif) no-repeat -5px -5px; color:#7B7B7B; }
	#sidebar ul ul li a:hover{ padding:0 0 0 20px; background:url(images/list_icon.gif) no-repeat -5px -29px; color:#000000;}
	#sidebar ul ul ul{ border:0px;margin:0 0 0 20px;}

/*--footer--*/  
#footer{ clear:both; margin:5px 0 0 0;padding:20px 0 0 20px; height:69px; background: url(images/footer_bg.png) repeat-x;color:#A9A9A9;}
	#footer_logo { float:left; width:158px; padding:0 20px 0 0 ; border-right:1px solid #ececec;}
	#footer_logo a{padding: 61px 0px 0px 158px;  background: url(images/footer_logo.png) no-repeat left top;  display:block;}
	#footer_logo a:hover{padding: 61px 0px 0px 158px; background: url(images/footer_logo.png) no-repeat left bottom; }
	#footer a{ color:#A9A9A9; text-decoration: none; line-height:20px;}
	#footer a:hover{ color:#000000; }
	#footer #blog_info{ margin:5px 0 5px 200px; padding:0px 0 0px 0px;}
	#blogs_link { margin:5px 0 5px 20px; padding:0px 0 0px 0px ;display:inline; line-height:12px; border-left: 1px solid #ececec;}
	#blogs_link li{margin:0px; padding: 0 5px;  display:inline; border-right: 1px solid #ececec;}

/*--search--
#searchform {  text-align: center;  margin: 0; padding: 0; }
#searchform div{ text-align: left; margin: 0px auto 5px auto ; padding: 4px 8px 3px;  background: #d80000; border:1px solid #ff4547;  }
#searchform #s { margin: 0; padding: 2px;  width: 195px;  background: #fff;  border: none; height: 14px;  line-height: 14px;  }
#sidebar #searchform{ text-align: left;}
#searchsubmit { margin: 0; padding: 0 0 0 2px; color: #fff; width: 28px; background: #d80000; border: none; line-height: 14px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; }*/ 

/*--home--*/  
#home_wrapper{ margin:0px auto; padding:0px; width:960px; background:#E6EAE4; }
#home_header{ margin:0px; padding:0px; height:73px; background: url(images/home_header_bg.png) repeat-x left top;}
#home_logo{ margin:10px 0px 0px 30px; height:55px; float:left; display:inline; width:137px; background: url(images/home_logo.png) no-repeat; cursor:hand; font-size:0px; line-height:0px; color:#56B873;}
#home_logo h1 a {display:block; width:137px ; height:55px; font-size:0px;}
#home_pic{ margin:0; padding:0; height:173px; width:960px; background: url(images/home_pic1.png) no-repeat; border-bottom: 4px solid #acc8b4;}
#home_side{ margin:5px; padding:5px; float:left; display:inline; width:145px; background:#56B873; border-top:1px solid #7CDE9B; border-left:1px solid #7CDE9B;}
#home_side h2{ margin:0; padding:0 0 0 0px; font-size:12px; line-height:24px; color:#FFFFFF;}
#home_side ul{ margin:0px; padding:0; background:#fff; border-bottom:1px solid #7CDE9B; border-right:1px solid #7CDE9B; list-style:outside;} 
#home_side ul li{ line-height:20px; padding:0 0 0 10px; list-style:none;}
#home_content{ margin:5px 0px 5px 165px; }
.home_content_list{ margin:0 5px 5px 0; width:390px; float:left; display:inline; background:#fff;border-bottom:1px solid #D0D4CE; border-right:1px solid #D0D4CE;}
.home_content_list h3{padding:0 0 0 10px; background:#F7F7F7; font-size:12px; line-height:28px; color:#296436; border-bottom:1px solid #E6E6E6;}
.home_content_list ul{ margin:5px; padding:0; list-style:outside; display:block;}
.home_content_list ul li{ clear:both; line-height: 22px;height: 22px;  overflow:hidden; list-style:none;}
.home_content_list ul li a{ padding:0 0 0 20px;background:url(images/list_icon.gif) no-repeat -5px -5px; color:#7B7B7B; }
.home_content_list ul li a:hover{ padding:0 0 0 20px; background:url(images/list_icon.gif) no-repeat -5px -29px; color:#000000;}
.home_content_list ul .time{ margin: 0 0 0 320px; color:#F49300;line-height: 22px;height: 22px; }
#home_footer{clear:both; margin:5px 0 0 0;padding:10px 0 0 20px; height:40px;  border-top:3px solid #666666; background: #222222;color:#999999;}
#home_footer a{ color:#999999; text-decoration: none; line-height:20px;}