@charset "utf-8";

body,h1,h2,h3,p,blockquote,dl,dt,dd,ul,ol,li,button,input,textarea {margin:0; padding:0;}
body {font-size:12px;}
a {text-decoration:none;}
img { border: 0; }
li {list-style:none;}
.w970 {
	width:970px;
	margin:0 auto;
}
#header_logo {
	width:425px;
	height:81px;
	background:transparent url(images/janbing_logo.png) no-repeat scroll;
	margin-bottom:20px;
}
#header_logo a {
	display:block;
	width:100%;
	height:100%;
}
#header_logo a:hover {
	background:transparent;
}
#header_logo:hover {
	margin-left:2px;
}
#nav {
	height:34px;
	line-height:34px;
	background:#f6f6f6;
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #fff;
	margin-bottom:20px;
}
#nav ul li {
	float:left;
	/*font-size:13px;
	font-family:微软雅黑;*/
		font-size:14px;
		font-weight:bold;
	color:#666666;
	padding-bottom:1px;
	margin-right:5px;
}
#nav li a {
	display:block;
	color:#666666;
	padding-left:10px;
	padding-right:10px;
}
.current-cat,#nav li a:hover {
	background:#e6e6e6;
}
#main {
	width:699px;
	float:left;
}
#main #left {
	width:333px;
		/*height:420px;*/
	float:left;
}
.left_box .lbm,.right_box .lbm { /*padding: 5px 0 0;*/ padding-top:5px; }
.left_box .lbm span ,.left_box .lbm a,.right_box .lbm span,.right_box .lbm a,#page .lbm span,#page .lbm a{ /*color: #62A0CF;*/ color:#1D7591; }
#main #left .left_box {
	width:313px;
	background:#EDF4F1;
	padding:10px;
	margin-bottom:10px;
		border-bottom:2px #40A4EE dotted;
}
#main #left .imgbox {
	text-align:center;
	margin-bottom:10px;
		max-width: 300px;
}
#main #left .imgbox img {
		max-width: 300px;
}
#main #left  a.title {
	font-size:14px;
	/*color:#62A0CF;*/
		color:#1D7591;
		font-weight:bold;
	display:block;
	height:23px;
	line-height:23px;
	padding-left:3px;
	/*border-bottom:1px #62A0CF solid;*/
		border-bottom:2px #62A0CF solid;
		
		overflow:hidden;
}
#main #left .info {
	font-size:12px;
	/*color:#62A0CF;*/
		color:#1D7591;
	height:26px;
	line-height:26px;
	padding-left:3px;
	margin-right:7px;
	letter-spacing:1px;
}
#main #left .content {
	font-size:14px;
	/*color:#62A0CF;*/
		color:#393939;
	line-height:22px;
	letter-spacing:1px;
	margin-top:5px;
		/*margin-bottom:10px;*/
    padding:10px 0 0 3px;
	overflow:hidden;
}
#main #left .more {
	font-size:12px;
	color:green;
	padding-right:13px;
	letter-spacing:1px;
	float:right;
}
#main #right {
	width:358px;
	float:right;
}
#main #right .right_box {
	background:#EDF4F1;
	padding:10px;
	margin-bottom:10px;
	border:1px #C2C2C2 solid;
}
#main #right .title {
	font-size:14px;
	/*color:#62A0CF;*/
		color:#1D7591;
		font-weight:bold;

		display:block;
	height:23px;
	line-height:23px;
	padding-left:3px;
	/*border-bottom:1px #62A0CF solid;*/
		border-bottom:2px #62A0CF solid;

		overflow:hidden;
}
#main #right .info {
	font-size:12px;
	/*color:#62A0CF;*/
		color:#1D7591;
	height:26px;
	line-height:26px;
	padding-left:3px;
	margin-right:7px;
	letter-spacing:1px;
}
#main #right .content {
	font-size:12px;
	/*color:#62A0CF;*/
		color:#393939;
	line-height:22px;
	padding-left:3px;
	letter-spacing:1px;
	margin-top:5px;
		/*margin-bottom:10px;*/
	padding: 5px 0;
	overflow:hidden;
}


#sidebar {
	width:259px;
	float:right;
}
#sidebar .sidebar_box {
	width:259px;
	border:1px #C2C2C2 solid;
	margin-top:10px;
}
#sidebar .sidebar_box h2 {
	height:30px;
	line-height:30px;
	background:#F0F6F4;
	font-size:14px;
	font-weight:bold;
	color:#4B4B4B;
	padding-left:10px;
}
#sidebar .sidebar_box h2 a {
	color:#9D0519;
}
#sidebar .sidebar_box .content {
	/*color:#9A9A9A;*/
		color:#4B4B4B;
	line-height:22px;
	padding:10px;
}
#sidebar .sidebar_box .content .info {
	margin-right:5px;
}
#sidebar .sidebar_box .content .info a {
	color:#62A0CF;
}

#sidebar .sidebar_box .content ul li a {
	/*color:#9A9A9A;*/
		color:#1D7591;
		letter-spacing:1px;
	border-bottom:1px #9A9A9A dotted;
	text-decoration: none;
	display: block;
		height:22px;
		overflow:hidden;
	/*list-style:disc;
	list-style-position:inside;*/
}

#sidebar .bookmarks {

}

#sidebar .bookmarks  h2 { 	
    height:30px;
	line-height:30px;
	background:#F0F6F4;
	font-size:14px;
	font-weight:bold;
	color:#4B4B4B;
	padding-left:10px;
}
#sidebar .bookmarks ul { padding: 10px; line-height: 24px; }

#sidebar .bookmarks li  a { 
	/*color:#9A9A9A;*/
		color:#1D7591;
		letter-spacing:1px;
	border-bottom:1px #9A9A9A dotted;
	text-decoration: none;
	display: block;
		height:22px;
		overflow:hidden;
		padding: 0;

 }

#sidebar .sidebar_box .tags a{ padding: 0 6px 0 0; width: 70px; color:#4B4B4B; font-family:微软雅黑;}
#footer {
	clear:both;
	background:#303536;
	text-align:right;
	border-top:1px solid #0C0E0E;
	padding-top:8px;
	padding-bottom:8px;
	font-size:12px;
	font-family:微软雅黑;
	color:silver;
		display:inline-block;
		margin-top:15px;
		width:100%;
}
#footer a {
	color:silver;
}



/*******Archive.html************/

.post_nav {
	padding-left:15px;
	padding-right:15px;
	letter-spacing:1px;
	display:block;
	height:22px;
	border-bottom:1px #9A9A9A dashed;
	margin-top:10px;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
#page {
	padding:10px;
	font-size:12px;
	line-height:23px;
	letter-spacing:1px;
}
#page span.title {
	display:block;
	color:#FF0000;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px #9A9A9A solid;
	height:33px;
	line-height:33px;
}
#page span {
	color:#A9A9A9;
	margin-right:10px;
	margin-bottom:5px;
}
#page .content {
	color:#393939;
	line-height:22px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:1px;
	padding-right:1px;
	border-bottom:1px #9A9A9A dashed;
	margin-bottom:15px;
}
#post_metadata {
	border-bottom:1px #9A9A9A dashed;
	height:80px;
	margin-bottom:10px;
}
#post_metadata h3 {
	float:left;
	width:85px;
	text-align:right;
	padding-right:10px;
	font-size:14px;
}
#post_metadata .content {
	color:#666666;
	width:580px;
	float:right;
	border-bottom:none;
	margin:0;padding:0;
}
.post_class {
	height:40px;
	border-bottom:2px #9A9A9A solid;
}
.post_class h3 {
	float:left;
	width:85px;
	text-align:right;
	padding-right:10px;
	font-size:14px;
}
.post_class .post {
	color:#666666;
	width:580px;
	float:right;
	border-bottom:none;
	margin:0;padding:0;
}

/*评论*/

#respond { margin: 20px 0 0 0; }
#respond h3 { font-size: 14px; color: #000; margin: 0 0 10px 0;}
#comment { width: 600px; height: 88px; border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-right:30px; }
p.thep {  width: 460px; margin: 20px 0;  }
p.thep label { font-size: 12px; color: #000;  }
p.thep input { height: 18px; }
#submit { background: #d4d0c8; width: 180px; height: 30px; color: #000; font-weight: bold; font-size:12px; }
.clearfix:after{ content:"."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{ display: inline-block; }
.comment-body { width: 660px; padding:10px 0; border-bottom: 1px solid #cccccc; }
.comment-author {  float: left;  width: 70px; overflow:hidden; padding: 5px 0; text-align: center; }
.comment-meta { color: #0044aa; font-size: 12px; }
.comment-content { float: right; width: 570px; }
.comment-content p {padding: 10px 0; font-size: 14px; color: #000; }
.children { clear:both; margin: 0 0 10px 0;width:550px; padding: 10px;float:left; background: #e2e2e2; border: 1px solid #999999; }
.children h3 { font-size: 14px; color: #000; margin: 0 0 10px 0; }
.children .comment-meta { width: 480px; }
.children .comment-content { width: 480px; float: right;  }
.wp-pagenavi { padding: 10px 0; } 


/*tags.php*/
#main #page_content #tags {font-size:30px; font-family:微软雅黑;}

/*特殊标签*/
blockquote {border:1px dashed #e6e6e6; background:#fafafa; padding:10px 10px 0; margin:10px;}
.content p {line-height:20px;margin:0px 0px 13px 0px;}

/*搜索*/
#header_logo {float:left;}
#nav {clear:both;}
#search {float:right;margin-top:10px;}
input[type="submit"] {border:none;padding:4px 9px;;/*font-size:9pt;*/font-family:"微软雅黑";}
input[type="text"] {padding:2px;border:1px silver solid;font-family:"微软雅黑";}

/*瑕疵修正*/
h3 {line-height:25px;margin:0px 0px 3px 0px;}
strong {line-height:25px;margin:3px 0px 3px 0px;}
.comment-content p {font-size:12px;}

/*修正日志信息及相关日志的高度问题*/
#post_metadata,.post_class {
	padding-bottom:10px;
	height:auto;
	overflow:auto;
	zoom:1;
}

/*修正single.php页面中登录状态下评论回复时的错位现象*/
.commentlist form p {clear:both;}

/*右侧上榜活跃用户样式表*/
#sidebar .readerwall {
	padding-bottom:1px;
		height:auto;
		overflow:auto;
		zoom:1;
}
#sidebar .readerwall li {
	list-style:none;
	float:left;
	border:none;
	line-height:0;
	margin-left:3px;
	margin-bottom:3px;
}
#sidebar .readerwall li:hover {background:red;}
#sidebar .readerwall li img.avatar {
	width:38px;
	height:38px;
	border:1px solid #ddd;
	padding:2px;
	margin:0 1 0 0;
}

/*右侧上榜活跃用户修正IE7 li不浮动的错误*/
.mostactive {float:left;}


/*增加文章标题的hover互动效果*/
#main #left  a.title:hover {background:gray;color:white;border-bottom:2px #4B4B4B solid;}
#main #right .title:hover {background:gray;color:white;border-bottom:2px #4B4B4B solid;}

/*修正IE6下边img撑破imgbox的瑕疵问题*/
#main #left .left_box .content img,#main #left .imgbox,#main #left .imgbox img {_width:expression((documentElement.clientWidth >300) ? "300px" : "auto" );}
#main #right .imgbox,#main #right img {_width:expression((documentElement.clientWidth >300) ? "300px" : "auto" );}

/*修正图片宽度显示问题*/
#main #left .imgbox,#main #left .imgbox img,#main #left .content {
	max-width:310px;
}
#main #right .content,#main #left .content img,#main #right .content img {
	max-width:330px;
}