@charset "utf-8";
body,td,div,p,a,input{
	font-size:12px; 
	font-family: Arial, Helvetica, "Microsoft Yahei","宋体","PMingLiU"; 
	color:#222;
	}
body{	margin:0; 
	background-image:url(i/bg_swirl.jpg); 
	background-repeat:repeat-x; 
	background-position:left top;
		}
h1,h2,h3{
	font-family: Verdana, Arial, "MicrosoftYehei","华文细黑",SimHei; 
	color:black;}
h1{
	font-size:22px;}
h2{
	font-size:18px;}
h3{
	font-size:16px;}
img{
	border:0;}
a{
	color:peru;}
a:hover{
	color:deeppink; 
	text-decoration:none;}
form{
	margin:0;}
.clear{
	clear:both; 
	display:none;}

#wrapper{
	width:1000px; 
	margin:0 auto;}
#mainWrapper{
	border:10px solid whitesmoke; 
	background:white; 
	overflow:hidden; 
	width:980px; 
	padding-top:20px;}
#header{
	margin:25px 0 10px 0;}
#sidebar{
	width:270px; 
	float:right; 
	padding-left:20px;}
#content{
	width:645px; 
	float:right; 
	padding:0 15px 0 30px;}
#footer{
	clear:both; 
	padding-top:30px;}

#blogLogo{
	margin-left:30px; 
	display:inline; 
	overflow:hidden;}
#searchbox{
	text-align:right; 
	clear:both; 
	font-size:14px; 
	font-weight:bold;}
#searchText{
	font-size:14px; 
	width:150px; 
	border:1px solid darkgoldenrod; 
	background:lemonchiffon;
	margin-right:3px;}
#searchB{
	vertical-align:bottom;}

.panel{
	margin:20px 0;}
.panel ul{
	padding:0;}
.panel ul li{
	list-style:none;
	font-size:12px;}
li.rowcouple{
	padding:5px 0;}
.article-bottom{
	margin-top:25px;}
.article-top{
	margin-bottom:25px;}

#statistics{	/*---统计div---*/
	margin-top:20px;
	font-size:14px;
	color:darkgray;
	line-height:1.5em;}
#promote{margin-bottom:35px;}
#promote p{margin:5px 0; padding:0;}

/*========== navigation bar ======*/
#menu{
	text-align:right; 
	float:right;}
.menu {height:100px; position:relative; z-index:100; width:590px;}
.menu ul li a, .menu ul li a:visited {
	display:block; height:20px; overflow:hidden; padding:3px 10px; width:65px;
	text-decoration:none; text-align:center; line-height:20px; font-size:12px;
	color:white; background:black; border:1px none gold;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display:none;}
.menu ul li a {margin:0 1px;}
.menu ul li a img{margin-left:3px; vertical-align:baseline;}

/* specific to non IE browsers */
.menu ul li:hover a {color:deeppink; background:black;}
.menu ul li:hover ul {display:block; position:absolute; top:26px; left:0;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#333; color:white; width:65px; padding:2px 10px;}
.menu ul li:hover ul li a:hover {background:#111; color:gold;}

/*======== Latest Volume =======*/
.newVolTitle{color:maroon; margin:5px 0 2px 0;}
#newVol{width:250px; height:430px;}
#newVol h1{margin-top:0;}
#newVol div{color:gray; font-size:14px;}
#newVol div a{display:block; color:darkorange; text-align:right; font-size:14px;}
#newVol div a:hover{color:brown;}

/*======== RSS DIV ==========*/
#rssDiv{background:#eee; padding:15px;}
#rssDiv div{color:gray;line-height:1.5em;}
#rssDiv h3{margin:10px 0;}
#rssDiv h3 a{font-size:16px; color:black; text-decoration:none;}
#rssDiv h3 a:hover{background:none; color:#333;}

/*====== Blog Content ========*/
.textbox-title, .textbox-title a{
	background:black;
	color:gold;
	font-size:18px;
	line-height:1.5em;
	padding-left:5px; 
	text-decoration:none;}
.textbox-title h2{
	color:gold;}
.excerpt a:hover{
	color:deeppink;}
.textbox-content{
	padding-top:20px;}
.textbox-content, .textbox-content p{
	font-size:14px; 
	line-height:1.5em;}
.textbox-bottom{
	margin-top:10px;}
.textbox-bottom, .textbox-bottom a{
	color:gray; 
	text-align:right;}
.textbox-bottom a:hover{
	text-decoration:none; 
	color:deeppink;}
#morePost{margin-bottom:10px; padding-bottom:25px;}
#morePost h3{margin-bottom:5px;}
#morePost p{
	line-height:1.5em; padding:0; margin:0;}
#morePost p a:hover{
	background:black; color:deeppink;}
.entrybesides{
	margin-top:20px;
	margin-bottom:30px;}
#commentWrapper{
	border-top:1px solid lightgrey;
	margin-top:10px;}
#commentForm{
	margin-bottom:25px;}
.commentbox{
	margin-bottom:30px; 
	overflow:hidden;}
.commentbox-title, .commentbox-content{
	float:left;}
.commentbox-title{
	width:120px; 
	padding:5px;
	background:#333;
	text-align:right;}
.commentbox-label{
	color:silver;}
.uname, .uname a{
	color:deeppink; 
	font-size:14px;}
.commentbox-content{
	width:500px; 
	padding-left:15px;}
.commentbox-content p{
	margin:0 0 8px 0; 
	line-height:1.5em;}
.comment-pages{
	font-size:14px;
	padding-left:150px;
	margin-top:-5px;
	color:saddlebrown;}
.pages{
	color:saddlebrown;
	font-size:14px;}
.pagelink-current{
	color:black;}
.admin-reply-opt, .admin-reply-opt a{
	color:silver; 
	text-decoration:none;}
.admin-reply-opt a:hover{
	color:deeppink;}
.quote{	/*replay-box*/
	background:lightyellow; 
	padding:8px 10px;}
.quote-title{
	color:saddlebrown; padding:5px 0; font-size:14px;}
#commentHead{
	border-top:1px dotted lightgrey; 
	padding-top:20px; 
	margin-top:30px;}
th{font-size:14px; padding-right:2px;}


#sitemap{
	background:#222; width:1000px; clear:both; overflow:hidden;
	padding:15px 0;}
.LCol{
	width:270px; height:180px; float:left; 
	border-right:1px solid gray; padding-left:25px;}
.LCol a{
	display:block; margin:0 15px 0 10px;
	font-size:18px; font-weight:bold;
	color:whitesmoke; text-decoration:none; line-height:1.8em;
	font-family: Verdana, Arial, "MicrosoftYehei","华文细黑",SimHei;}
.LCol a:hover{background:black; color:deeppink;}


/*=========== Footer ==============*/
#bnNav{
	margin:0 10px 0 10px; padding:10px 0; border-top:1px solid lightgrey; 
	color:dimgray; text-align:center;}
#bnNav a{color:dimgray; font-size:14px; text-decoration:none;}
#bnNav a:hover{color:deeppink;}
#crInfo{
	background:whitesmoke; color:silver; text-align:right; line-height:1.5em;
	padding:15px 20px 0 20px;}
#crInfo a{
	color:silver;}

/*===== Index Page =========*/
#colTitle{
	width:85px; 
	float:left; 
	margin:0; 
	line-height:1.5em; 
	color:saddlebrown;}
#newsTitle{
	margin-bottom:25px;}
#newsTitle a{
	display:block; float:left; background:black;
	color:gold; font-size:18px; line-height:1.5em; text-decoration:none;
	padding-left:5px; width:555px;}
#newsTitle a:hover, .listbox-entryT a:hover{
	background:black; 
	color:deeppink;}
#moreT{color:darkorange; padding-left:10px;}
#moreT:hover{color:brown;}
#moreNews{color:saddlebrown; border-top:1px solid lightgrey; padding-top:10px; margin-bottom:10px;}
#moreNewsTitle *{font-size:14px;}
#moreNewsTitle p{color:gray; line-height:1.5em; padding:0; margin:0;}
#moreNewsTitle p a{color:#444; text-decoration:none; margin-left:15px;}
#moreNewsTitle p a:hover{color:deeppink; background:black;}

#columns{background:#222; width:665px; overflow:hidden; margin:25px 0; padding:20px 0;}
.Col, .wCol{
	width:190px; height:180px; float:left; border-right:1px solid gray;
	padding-left:25px;}
.rCol, .wCol{border:0;}
.Col h1{
	color:whitesmoke; margin:0 0 10px 0;}
.Col a{
	color:whitesmoke; font-size:16px; text-align:left; text-decoration:none; line-height:1.5em;
	display:block; width:160px; padding-right:30px;}
.Col a:hover{
	background:black; text-align:right; color:white;}
.Col a.hlight, .Col a.hlight:hover{color:gold;}
#whiteColumns{overflow:hidden; width:665px; height:350px;}
.wCol h2{margin-bottom:5px;}
.wCol div{padding:3px 0;}
.wCol p{color:gray;}
.wCol a{color:#333; text-decoration:none; line-height:1.2em;}
.wCol a:hover{color:deeppink; background:black;}
.rwCol{width:210px;}
.survey a{line-height:1.5em; color:saddlebrown;}
a.more{color:darkorange; text-decoration:underline;}
a.more:hover{color:brown; background:white;}

/*===== Message Page ===*/
.messagebox{
	background:white;
	margin-top:100px;
	width:350px;
	padding:30px;
	border:10px solid whitesmoke;}
.messagebox-title{
	font-size:16px;
	font-weight:bold;
	margin-bottom:20px;}
.messagebox-content, .messagebox-content ul{
	list-style:none; padding:0; text-align:left;}
.messagebox-bottom{
	text-align:center;}

/*===== List Mode =====*/
.listbox-header{
	font-size:14px; 
	font-weight:bold;}
.listbox-cate, .listbox-cate a{
	color:#222; 
	text-decoration:none;}
.listbox-cate a:hover{
	color:deeppink;}
.listbox-entryT{
	line-height:1.5em;}

/*==== Other ====*/
.formbox-rowheader{
	font-weight:bold;}
.linkdesc{
	color:#666;}
.linkbody{
	margin-bottom:10px;}