/*
Theme Name: bychinese
Theme URI: http://www.bychinese.com/learn/
Description: about chinese
Author: pheakin
Tags: chinese,auto width
*/
* {margin:0;padding:0}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	line-height: 1.6em;
	height: 100%;
	z-index: auto;
	text-align:center;
	background:#a31022;
}

ul,li{list-style:none;}
a,a:link,a:hover {background:transparent;cursor:pointer} 
a:link {color:#333333} 
a:visited {color:#333333} 
a:hover,a:active {color:#A31022; text-decoration:none;} 



p, ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0.4em;
	margin-left: 0;
	font-size:100%;
	color:#222;
}
p {	margin-bottom: 1em; margin-top:5px;}


h1 {font-size: 146%;margin-top:.6em}
h2 {font-size: 126%}
h3 {font-size: 108%}
h4 {font-size: 116%}
h5, h5 a:link {font-size: 106%}
h6 {
	font-size: 96%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
h7 {
	font-size: 90%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	font-weight:bold;
}


#container{width:98%;margin:0 auto;background:#fff;text-align:left;min-width:900px;max-width:1600px}

#header{background:#f4f4f4 url(images/banner.jpg) no-repeat right bottom;height:170px;border-bottom:2px #a4a4a4 solid;width:100%}
#header h1{border-bottom:none;}
#logo{background:url(images/logo.gif) no-repeat;width:250px;height:90px;margin:5px 0 0 10px}
#logo a{width:250px;height:90px;background:none;display:block;text-indent:-100000px}

#navbar{height:27px;background:#a4a4a4;width:100%;}
#navbar ul{float:right;height:27px;}
#navbar ul li{list-style:none;float:left;height:27px;line-height:27px}
#navbar ul li a{color:#403229;font-weight:bold;margin:0 10px 0 0;border-right:2px #ccc solid;padding:0 5px 0 0}
#navbar ul li a:hover{background:#a31022;color:#fff;}
#introduce{float:left;height:27px;line-height:27px;color:#fff;margin:0 0 0 10px;font-weight:bold;}
#logo{text-align:center;}

#nav{position:absolute;left:190px;top:145px}
#nav ul li{float:left;list-style:none}
#nav ul li a{display:block;float:left;padding:0 10px 0 10px;height:26px;line-height:26px;background:#a4a3a1;color:#fffdf6;font-weight:bold;text-decoration:none;text-align:center;margin:0 5px 0 0}
#nav ul li a:hover{background:#a31022;}


#maincons{clear:both;width:98%;margin:20px auto;overflow:hidden}


#zuoce{width:20%;float:left;border:1px #666 solid;overflow:hidden}
.biankuang{padding:0 10px 0 10px;}
.titlespan{line-height:24px;height:24px;font-weight:bold;background:#a31222;display:block;color:#e0dfc3;text-align:center;border:none}
.leftspan{background:#e4e4e4;display:block;line-height:25px;height:25px;font-weight:bold;padding:0 0 0 10px;}
.first{margin:10px 0 10px 0;}
.first ul li{margin:7px 0 7px 0;}
.first ul li a{background:url(images/aw.gif) no-repeat left center;padding:0 0 0 15px;}
.first ul li.cat-item a{font-weight:bold;}
.first ul.children{padding:0 0 0 10px;}
.first ul.children li a{background:none;font-weight:normal}



#share{float:right;width:78%;}

#subcons{float:left;border:1px #666 solid;width:67%;overflow:hidden}
#morepage{float:left;border:1px #666 solid;width:99%;overflow:hidden}
.leav{padding:0 10px 0 10px;}
#midbanner{float:left;}
.titless a{font-size:12px;font-weight:bold;margin:0;padding:0}
#fart h2{border-bottom:none;}
.title{display:block;background:#e4e4e4;height:30px;line-height:30px;}
.title a{font-weight:bold;}
.floatimg{float:left;}
.uls{float:left;margin:0 0 0 15px;}
.uls li{list-style:none;margin:0 0 5px 0;}
.titles{display:block;line-height:25px;height:25px;padding:0 0 0 10px;font-weight:bold;background:#e4e4e4;margin:10px 0 10px 0}
#should{background:#fee9c5;line-height:20px;margin:0 0 10px 0;color:#666;padding:5px;clear:both}
#topart{margin:10px 0 0 0;}


#sidebar{float:right;border:1px #666 solid;width:30%;overflow:hidden}
.padside{padding:0 10px 0 10px;}
.right{margin:0 0 15px 0;}
.right ul li{background:url(images/jiantou.gif) no-repeat left center;padding:0 0 0 15px;}
.frame{border:2px #ececec solid;margin:0 0 15px 0}
.frame .right{padding:0 10px 0 10px;}
.frame ul{padding:5px 0 5px 0;}
.frame ul li{list-style:none;margin:10px 0 10px 0}
.frame .cons{background:#f0f0f0;padding:0 10px 0 10px;}

.cool{background:url(images/arrow.gif) no-repeat left center;padding:0 0 0 25px;display:block;line-height:25px;font-weight:bold}

#footer{clear:both;background:#f4f4f4;color:#222222;padding:10px 0 50px 0}
#alls{padding:0 10px 0 10px}
#bottomnav{height:30px;text-align:center;}
#bottomnav ul li{float:left;list-style:none;margin:0 10px 0 0}
#bottomnav ul li a{border-right:1px #333 solid;margin:0 5px 0 0;padding:0 5px 0 0;font-weight:bold}
#links{width:800px}
#links li{list-style:none;float:left;margin:0 5px 0 0;}
#links li a{font-size:10px;font-weight:bold}
#bottomnav ul li.spance{margin:0 10px 0 0;}
.clear{clear:both;}

.box{overflow:hidden;}
.art{padding:10px;}
.art img{border:1px #ccc solid;}
.art .date{text-align:right;color:#ccc;display:block}
.tags{text-align:right;color:#666}
.tags a{color:#666;}

.reply fieldset{border:none;}
.reply form{margin:10px;}
.reply label{float:left;width:100px;text-align:right;padding:0 10px 0 0}
.reply input{padding:3px;}
.replyarea{margin:0 0 0 110px;width:300px;height:150px;}
.replybutton{margin:0 0 0 110px;}
#respond{text-indent:10px;line-height:20px}
.commentbottom{text-align:right;color:#666;line-height:25px}
.commentlist{padding:0 10px 0 10px;margin:10px 0 0 0}
.commentlist li{border-bottom:1px #ccc solid;margin:0 0 15px 0;border:1px #ccc solid;padding:10px}
.sh{color:#c00;}

.description{position:absolute;top:50px;left:400px;font-size:20px;font-weight:bold;font-family:Aral}

#contactus li{border-bottom:2px #ccc dotted;font-weight:normal;background:url(images/libg.gif) repeat-x left bottom;border:1px #D3D3D3 solid;padding:5px 7px 5px 7px}
#contactus li strong{display:block}
#contactus ol li{margin-top:-1px;}
#contactus{background:#fff url(images/conbg.gif) repeat-x left top;border:1px #BFB3FD solid;padding:5px;font-weight:bold}
.articallist{font-size:16px;font-weight:bold;}
.relate{clear:both;margin:10px 0 0 0}
.relart span{display:block;border-bottom:1px #ccc solid;height:25px;line-height:25px;font-weight:bold;padding:0 0 0 10px;}
.relart{padding:0 0 0 10px;margin:0 0 10px 0}
.relart li{margin:5px 0 5px 0;}
#wenzhangbiaoqian a{color:#f00;}
#wenzhangbiaoqian a:visited{color:#f00;}

.Footer a{color:#ccc;}
.Footer a:hover{color:#ffc;}

.relpage{float:left;width:49.8%;overflow:hidden}