/*



Theme Name: TOPMING



Theme URI: http://www.topming.com	



Description: This a wordpress theme designed by  hwangzhiming



Version: 1.0



Author: hwangzhiming



Author URI: http://www.topming.com	



Tags: green, custom header, variable width, two columns, widgets







	The CSS, XHTML and design is released under GPL:



	http://www.opensource.org/licenses/gpl-license.php







*/





.clearfix:after { clear:both; content:'.'; display: block; visibility: hidden; height: 0 }



body{



	font-size:13px;



	font-family:Arial, Helvetica, sans-serif;



	color:#222;



	line-height:24px; 

	

	margin:0 auto;

	width:1000px;

/*	background-image:url(images/bg_big.jpg);	



*/}





a{ color: #0066B8; text-decoration:none;}



a:hover { color: #000; }



a:visited{ color:#0066B8;}



a:active {text-decoration:underline;}



li{ list-style-type:circle;}



/*input{ border:1px solid #4F5569;color:#4F5569; }*/

input{ border:1px solid #4F5569;color:#4F5569;-moz-border-radius:4px; }



textarea {border:1px solid #4F5569; font-size:14px; color:#4F5569; padding:4px; width:610px; height:80px; }



div img{ border:#CCC solid 1px; padding:3px; max-width:500px; -moz-border-radius:4px;}

p img{ margin:5px auto; border:#CCC solid 1px; padding:3px; max-width:500px; -moz-border-radius:4px;}





#header{



	float:left;



	margin-bottom:20px;



	width:100%;



	}







#blogTitle{



	height:50px;



	padding:2px;



	line-height:50px;



	width:150px;



	float:left;



	}



#blogTitle a{



	font-size:20px;



	font-weight:bold;



	color:#FFF;



	padding:10px 10px 10px 30px;



	background-color:#8EC530;



	}



#blogTitle a:hover{



	text-decoration:none;



	}



	



#nav{



	float:left;



	height:50px;



    line-height:50px;



}







#nav li{



	float:left;



	list-style-type:none;



   /*margin: 10px 20px 10px 20px;*/



	width:60px;



	text-align:center;



}







#nav li a{

	text-decoration:none;

	color:#000;

	display:block;

}







#nav li a:hover{

	color:#0066B8;

	background:url(images/navover.gif) no-repeat bottom right;

	background-position:center;

	background-position:right;



}



#desc{



	float:right;



	height:50px;



    line-height:50px;



}



#desc span{



	float:right;



	margin-right:20px;



}



	



#blogTitle span{



		float:right;



	 }



	 



#TopSideShow{



	margin-bottom:20px;



	width:100%;



	height:100px;



	


	float:left;



}



#TopSideShow p{



	color:#000;



	float:right;



	margin:60px 50px 0 0;



	font-size:30px;



/*	text-shadow:1px 1px 1px #CCC;*/



	background-color:#FFF;



	padding:5px;



	filter:alpha(opacity=50); /*IE*/



  	-moz-opacity:0.5; /*MOZ , FF*/



  	opacity:0.5;/*CSS3, FF1.5*/



	}







#main{



	width:100%;



/*	padding:10px;*/



	}	



#container{



/*	padding:20px 0 0 20px;	*/



	width:670px;



	float:left;



	}



#sidebar{



	padding:0 10px 10px 35px;



	width:270px;



	float:left;



/*	border-top:1px solid #CCC*/



}



#sidebar li h2{



	font-size:13px;



}



#sidebar_top{



	padding:5px;



	border-top:1px solid #CCC;



	}



#siderbar_search{



	margin:10px 0 20px 10px;



	}



#siderbar_cat{ 



	width:120px;



	float:left;



	}



#siderbar_cat .categories{ 



	padding:10px;



	list-style-type:none;



}



#siderbar_page{ 



	width:120px;



	float:left;



}







#siderbar_page .pagenav{ 



	padding:10px;



	list-style-type:none;



}



#sidebar_archive{



	width:100%;



	padding:10px;



	float:left;



	}



	



#footer{



	float:left;



	width:100%;



	border-top:#CCC 1px solid;



	padding-top:5px;



	text-align:center;



	}



#footer span{



	font-style:italic;



	}



#singleContainer{



	width:670px;



	float:left;



}



#respond{ padding:5px;}



#archivePage{

	padding-left:20px;

}

#archivePageTitle{ font-size:14px; font-weight:bold; border-top:1px #CCC dotted; padding-top:20px;}







.singlePost{



	padding:10px 20px 20px 20px;



	border-top:1px solid #CCCCCC;



	}



.singlePost h2 p{ color:#333333;}

.singlePost h2 p span{ font-size:13px; color:#4F5569; float:right; font-style:italic;}



.singleMeta{ 



	border-bottom:1px dotted #CCC;



	}



.post{



	padding:10px 20px 20px 0;



	border-top:1px solid #CCCCCC;



	}



.postMeta{



	width:120px;



	text-align:right;



	float:left;



	position:absolute;



	}



.postDate{ font-size:12px; color:#888;}



.postCategory a,.postCategory a:visited{ font-size:12px;background:url(images/caticon.gif) no-repeat left bottom;  padding-left:18px;color:#888;}



.postComment a,.postComment a:visited{ font-size:12px;background:url(images/comment.gif) no-repeat left bottom;  padding-left:18px;color:#888;}



/*.postComment a:visited{font-size:12px;color:#888888;}*/



.postComment a:hover,.postCategory a:hover{font-size:12px;color:#000;text-decoration:underline;}



/*.postCategory a:visited{font-size:12px;color:#888888;}*/



/*.postCategory a:hover{font-size:12px;color:#000;text-decoration:underline;}*/



.postEntry{



	width:500px;



	margin-left:150px;



}



.postTitle{



	width:500px;



}



.postTitle  a{



	color:#0066B8;



	font-size:14px;



	font-weight:bold;



}



.postTitle  a:hover{



	color:#8EC530;



}

/*������ʽ*/

.comment{



	}



.comment-body{



	 margin-left:-40px; 



	 padding-left:40px;



	}



.comment-body-odd{



	background-color:#EEE;



	}



.commentlist li{ 



	list-style-type:none; 



	padding:5px; 



	margin-bottom:5px;



	-moz-border-radius:5px;



	}



.comment ol li div img{



	float:right;



	}

/*��ҳ��������ʽ*/

.pagebar {

	padding: 0.2em 0.5em;

	margin-right: 0.1em;

	margin-bottom: 1.0em;

	border: 1px solid #fff;

	background: #fff;

	text-decoration: none;

	text-align: center;

}



.pagebar a,.pageList .this-page {

	border: 1px solid #9AAFE5;

	text-decoration: none;

	padding: 0.2em 0.5em;

}



.pagebar a:visited {

	border: 1px solid #9AAFE5;

	text-decoration: none;

	padding: 0.2em 0.5em;

}



.pagebar .break {

	padding: 2px 6px 2px 6px;

	border: none;

	background: #fff;

	text-decoration: none;

}



.pagebar .this-page {

	border: 1px solid #2E6AB1;

	padding: 0.2em 0.5em;

	font-weight: bold;

	background: #2E6AB1;

	color: #fff;

}



.pagebar a:hover {

	border-color: #2E6AB1;

}



.pagebar .inactive

{

   border: 1px solid #cccccc;

	 color: #ccc;

   text-decoration: none;

   padding: 0.2em 0.5em;

}



.car-list li{list-style-image:url(images/li_bullet_green.gif);}

.car-yearmonth{ color:#000; display:block;border-bottom:1px #ccc dashed; cursor:pointer; padding:3px; height:30px; line-height:30px;background-color:#FFF;}

.car-yearmonth.mhover{color:#000; display:block;border-bottom:1px #ccc dashed; cursor:pointer; padding:3px; height:30px; line-height:30px;background-color:#EEE;}

.car-monthlisting li{border-bottom:1px #ccc dotted;}

.car-monthlisting li span{ color:#000;}

.car-monthlisting li a{display:block;height:30px; line-height:30px; }

.car-monthlisting li a:hover{ background-color:#EEE; text-decoration:none;}





#catList{ padding:0 10px 0 10px;}

#catListPageTitle{ font-size:14px; margin-left:20px;border-bottom:1px #ccc solid; font-weight:bold;}

#expandBtn{ float:right; cursor:pointer; width:45px;}

.catLi{ list-style-image:url(images/li_bullet_green.gif); height:30px; line-height:30px;}

.catLi a{ display:block; padding:3px; ;border-bottom:1px #ccc dashed; }

.catLi a:hover{background-color:#EEE; text-decoration:none;}

.catLiSpan{ float:right; color:#333;text-decoration:none;}