/*  
Theme Name: Leaf
Theme URL: http://templateworld.com

Description:  This is a wordpress theme designed and ported by: TemplateWorld.

Version: 1.0

Author: TemplateWorld
Author URI: http://templateworld.com/
*/



/* CSS Document */
body{
	padding:28px 5px 0 0; margin:0; background:url(images/bg.gif) repeat-x 0 0;
	}
div, p, ul, h1, h2, h3, form, img{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both; font-size:0; line-height:0;
	}
/*===================header========================*/
#header{
	background:url(images/header_pic.jpg) no-repeat 3px 50px; height:205px; width:756px; position:relative; margin:0 auto;
	}
#header img{
	position:absolute; left:15px; top:119px;
	}
#header ul{
	height:42px; width:630px; position:absolute; left:0; top:0; background:url(images/navi_bg.gif) repeat-x 0 0 ;
	}
#header ul li{
	float:left;
	}
#header ul li a{
	background:url(images/navi_bg.gif) repeat-x 0 0 #fff; display:block; color:#CECECE; text-transform:uppercase; 
	text-align:center; font:bold 10px/42px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none;
	}
#header ul li a.home{
	width:70px; height:42px;
	}
#header ul li a.hover{
	background:url(images/navi_h.gif) no-repeat 0 0 #FFFFFF; color:#030303;width:70px; height:42px;
	}
#header ul li a.home:hover{
	background:url(images/navi_h.gif) no-repeat 0 0 #FFFFFF; color:#030303;
	}
#header ul li a.about{
	width:79px; height:42px;
	}
#header ul li a.about:hover{
	background:url(images/navi_h2.gif) no-repeat 0 0 #FFFFFF; color:#030303;
	}
#header ul.phone{
	background:url(images/phone_bg.gif) no-repeat 0 0 #FFFFFe; width:106px; height:27px; position:absolute; left:629px; top:15px;
	padding:0 0 0 22px; color:#FFFFFF;
	}
#header ul.phone li{
	background:url(images/phone_icon.gif) no-repeat 0 0 ; font:bold 11px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; 
	 padding:0 0 0 15px; text-transform:uppercase; 
	}
/*================ body pan ==================*/
#body{
	margin:0 auto; width:741px; padding:0 0 14px 15px;
	}
#leftPan{
	width:430px; float:left; padding:0 36px 0 0; font-family:Arial, Helvetica, sans-serif; color:#6B6B6B; 
	/*background-color:#FFFFFF;*/
	}
#leftPan h2{
	width:437px; background:url(images/h2_icon.gif) no-repeat 0 4px #FFFFFe; color:#fff; height:25px; padding:0 0px 0 6px;
	font:bold 11px/10px Arial, Helvetica, sans-serif; float:left; margin:30px 0 0 0;
	}
#leftPan h2 span{
	font-size:22px; color:#A95700; background-color:#FFFFFF; line-height:20px; margin:4px 0 0 12px;
	}
#leftPan h3{
	background:url(images/04.gif) no-repeat 0 4px #fff; color:#006666; font:bold 12px/20px Arial, Helvetica, sans-serif;
	padding:0 0 0 22px; width:420px; float:left;  height:36px; display:block;
	}
#leftPan h3 span{
	background:url(images/h3_line.gif) repeat-x left top; width:324px;  font-size:0; display:block; height:10px; 	float:right;
	}
#leftPan p{
	width:430px; float:left; font-size:12px; line-height:16px; padding:0 0 10px 0;
	}
#leftPan p.pic{
	float:right; width:113px; height:95px; background-color:#FFFDF0; color:#978759; text-align:center; line-height:95px;
	border:#F4F0D5 5px solid; margin:2px 0 0 0; padding:0; display:block; font-size:20px;
	}
#leftPan ul{
	width:261px; height:19px; background-color:#F2F2F2; color:#804200; float:left; padding:0 0 0 180px; font-size:0;
	}	
#leftPan ul li{
	float:left;
	}
#leftPan ul li a{
	font:normal 10px/19px Arial, Helvetica, sans-serif; color:#5E5E5E; background-color:#F2F2F2; padding:0 5px 0 10px; 
	 text-decoration:none;
	}
#leftPan ul li a:hover{
	color:#804200; background-color:#F2F2F2;
	}
#leftPan ul li a.admin{
	background:url(images/admin_icon.gif) no-repeat 0 4px; 
	}
#leftPan ul li a.more{
	background:url(images/more_icon.gif) no-repeat center right; padding:0 15px 0 10px;
	}
/*=================== right side ==========================*/
#right{
	width:220px; background-color:#FFF9E9; border-top:#F1E7CB 7px solid; float:left; padding:19px 18px 37px 23px; color:#4C4C4C;
	}
#right form{
	width:220px; margin:0 0 0 0; padding:7px 0 0 0; font-size:0; font-family:Arial, Helvetica, sans-serif; height:75px;
	}
#right form input{
	width:180px; height:13px; border:#CDC09E 1px solid; background-color:#FFFFFF; color:#333333; font-size:10px; line-height:13px;
	float:left;
	}
#right form input.bu{
	background:url(images/go_buton.gif) no-repeat 0 0; width:27px; height:17px; font:bold 10px/17px Arial, Helvetica, sans-serif;
	text-align:center; float:right; color:#FFFFFF; background-color:#FFF9E9; border:none; text-transform:uppercase;
	cursor:pointer; padding:0;
	}
#right form label{
	background:url(images/form_label.gif) no-repeat 0 0 #FFF9E9; color:#4C4C4C; font-size:10px; line-height:13px; font-weight:bold;
	margin:6px 0 0 0; padding:5px 58px 0 17px; width:146px; height:35px; float:left; text-transform:uppercase;
	}
#right form a{
	color:#B65500; font-size:11px; line-height:18px; text-decoration:underline; font-weight:bold; float:left; margin:5px 0 0 0;
	padding:0 0 0 15px; background-color:#FFF9E9;
	}
#right form a:hover{
	text-decoration:none;
	}
#right h2{
	width:184px; height:26px; background:url(images/right_h2_bg.gif) no-repeat 0 0 #FFF9E9;
	font:bold 16px/26px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:0 0 0 36px;
	}
#right h2.org{
	background:url(images/cata_h2.gif) no-repeat 0 0;
	}

#right h2.gre{
	background:url(images/blog_h2.gif) no-repeat 0 0;
	}
#right ul{
	width:200px; padding:2px 4px; font-size:0;
	}
#right ul li{
	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:#CCC19F 1px dashed; padding:0 0 0 13px;
	}
#right ul li ul li{
	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:none; padding:0 0 0 8px;
	}
#right ul li.noborder{
	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:none; padding:0 0 0 13px;
	}
#right ul li a{
	font:13px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000;  display:block;
	text-decoration:none; height:23px;
	}
#right ul li ul li a{
	font:13px; "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background-color:none; 
	text-decoration:none; 
	}
#right ul li a:hover{
	color:#5C5400; background-color:none; 
	}
#right ul li ul li a:hover{
	color:#5C5400;
	}
#right ul li.arch{
	background:url(images/right_arrow1.gif) no-repeat 0 6px; border-bottom:#CCC19F 1px dashed; padding:0 0 10px 13px;
	font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background-color:#FFF9E9;
	}
#right ul li.arch b{
	color:#B65500; background-color:#FFF9E9; font-weight:normal; display:block;
	}
#right ul li.arch1{
	background:url(images/right_arrow1.gif) no-repeat 0 14px; border-bottom:none; padding:8px 0 10px 13px;
	font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background-color:#FFF9E9;
	}
#right ul li.arch1 b{
	color:#B65500; background-color:#FFF9E9; font-weight:normal; display:block;
	}
#right ul.morelink{
	width:200px; padding:9px 10px; font-size:0;
	}
#right ul.morelink li{
	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:#CCC19F 1px dashed; padding:0 0 0 13px;
	}
#right ul.morelink li.noborder{
	background:url(images/right_arrow.gif) no-repeat 0 8px; border-bottom:none; padding:0 0 0 13px;
	}
#right ul.morelink li a{
	font:bold 11px/23px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#B65500; background-color:#FFF9E9; display:block;
	text-decoration:none;
	}
#right ul.morelink li a:hover{
	color:#190C01; background-color:#FFF9E9;
	}
#right ul.meta{
	width:200px; padding:9px 10px; font-size:0;
	}
#right ul.meta li{
	background:url(images/right_arrow2.gif) no-repeat 0 8px; padding:0 0 0 13px; border-bottom:none; height:15px;
	}
#right ul.meta li a{
	font:10px/15px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; background-color:#FFF9E9; display:block;
	text-decoration:none; text-transform:uppercase; height:15px;
	}
#right ul.meta li a:hover{
	color:#5C5400; background-color:#E6DDC5;
	}
#right ul.post{
	width:218px; background:url(images/post_bg.gif) no-repeat 0 0; padding:0px 0 0 1px; margin:0; height:21px;
	}
#right ul.post li{
	background:url(images/meta_icon.gif) no-repeat center right; float:left; padding:0 19px 0 5px;  margin:0; border-bottom:none;
	}
#right ul.post li a{
	font:bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#191919; background-color:#FFFEFB; float:left; 
	display:block; border-bottom:none; padding:0 0px 0 8px; height:21px; text-transform:uppercase;
	}
#right ul.post li a:hover{
	background-color:#F1F1EF; color:#191919;
	}
/*=================footer=====================*/
#footermain{
	background:url(images/footer_bg.gif) 0 0 repeat-x #8B7E00; color:#FFFEF3;  margin:0 auto;
	padding:20px 0 0 0;
	}
#footer{
	width:524px; position:relative; margin:0 auto; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif ;  height:101px;
	}
#footer ul{
	width:524px; position:absolute; top:2px; left:0;
	}
#footer li{
	 color:#fff; font-size:12px; line-height:16px;  float:left;	display:block; margin:0; padding:0;
	 background:url(images/foo_navi.gif) repeat-x 0 0 #998A00;
	}
#footer ul li a{
	height:16px; padding:0 8px 0 8px; color:#fff; font-size:11px; line-height:16px; font-weight:bold; 	
	text-decoration:none; background:url(images/foo_navi.gif) repeat-x 0 0 #998A00;
	}
#footer ul li a:hover{
	background-color:#F4F3E7; color:#FFF36C;
	}
#footer p{
	width:250px;  position:absolute; top:20px; left:160px; font-size:11px;
	}
#footer p.copy{
	font-size: 11px; width:160px;  line-height:16px;  position:absolute; left:145px; top:65px; height:16px; padding:0;
	}
#footer p.copy a{
	text-decoration:none;  font-weight:bold; background:url(images/link_bg.gif) repeat-x #3B6565; color:#ABFF03;
	}
#footer p.copy a:hover{
	text-decoration:underline;
	}
#footer ul.xhtml{
	width:104px; position:absolute; top:40px; left:165px; font-size:0; background-image:none; 
	display:block; 	padding:0px 0 0 19px;  height:16px !important;
	}
#footer ul.xhtml li{
	float:left;  padding:0 8px 0 8px;   background:url(images/xht_sap.gif) no-repeat center right ;
	height:16px;
	}
#footer ul.xhtml li.nobr{
	float:left;  padding:0 8px 0 8px; background-image:none; height:16px;
	}
#footer ul.xhtml li a{
	  background:url(images/xhtml_bg.gif) repeat-x 0 0px #998A00;  display:block; float:left;
	padding:0; margin:0; font-size:11px;  line-height:16px; font-weight:bold; color:#FFFFFF
	}

#content .pagetitle, #content  .center{
	background:none;
	color:#000000;
	font-size:16px;
	padding:0px;
	margin:0px;
	padding-top:5px;
}

a{
	color:#000000;
	font-size:11px;
}

/* blog comm*/
#content  .blog_comm{
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	text-align:left;
	float:left
}

#content  .blog_comm .comm_title{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	padding-bottom:15px;
}

#content  .blog_comm .comm_count{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#content  .blog_comm .comm_data{
	background:url(images/comm_data.png) repeat-x top;
	height:20px;
	float:left
}

#content  .blog_comm .comm_data_pad{
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	padding-top:5px;
	padding-left:5px;
}

#content  .blog_comm .comm_data_pad a{
	color:#990000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
}

#content  .blog_comm .comm_text{
	color:#999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	line-height:20px;
	padding-left:5px;
	padding-top:0px;
	padding-bottom:5px;
	width:100%;
}

#content  .blog_comm .comm_text p{
	padding:0px;
	margin:0px;
	color:#999999;
	font-size:10px;
}

#content  #comm_form
{
	padding-left:0px;
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	text-align:left;
	float:left
}

#content  #comm_form #form_title{
	background:url(images/form_comm_top_bg.png) no-repeat top left;
	height:44px;
}

#content  #comm_form #form_title #form_title_text{
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	padding-top:10px;
}

#content  #comm_form .form_table{
	background:url(images/form_comm_bg.png) repeat-y top;
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:0px;
	padding-top:0px;
	color:#b1b1b1;
}

#content  #comm_form .form_comm_end{
	background:url(images/form_comm_end_bg.png) no-repeat top;
	width:100%;
	height:15px;
	padding-left:0px;
	padding-bottom:0px;
}
/* blog comm end*/