/*
Theme Name: Yofox_v11
Theme URI: http://www.yofox.net/
Description: Theme by <a href="http://www.yofox.net/">Yofox</a> on 2008-9-20 17:23:03.
Version: 2.6
Author: Yofox
Author URI: http://www.yofox.net/
*/

/* *************************** 
All the style
***************************/
 * {
	margin: 0px;
	padding: 0px;
	}
 html {
	border: 0px;
	height: 100%; /* if not set the value, body height will not work*/	
	
	}
body {
	background: url(http://www.zzbang.cn/bg.png)  0 0 repeat-x #E5ECF4;
	min-width: 960px;
	min-height: 100%;
	height: auto;
	font-size: 12px;
	text-align: center;
	font-family: Verdana;
	}
p{text-indent:2em;}
  ul, li, em, dl, dt, dd, cite { font-size: 12px; list-style: none; font-style: normal; font-weight: normal; }h1{font-size:11pt;}
img, a img { border: 0; }
a { color: #698040; text-decoration: none; outline: none; }
a:hover { color: #BE6116; }
.clearfix { margin: 0; padding: 0; height: 0; font-size: 0; overflow: hidden; clear: both; }
br { line-height: 10px; }
#wrapper { text-align: left; margin: 0 auto;width:960px;  }
/* *************************** 
Header 
***************************/
#header { background:#E5ECF4;margin:0 auto;width:100%;}#hi{margin:0 auto;width:960px;text-align:center;}
#logo { padding: 4px 0px 5px 10px; }
#logo h1 { font-size:24px; font-weight:bold; padding-top:15px;}
#logo p {  padding-bottom:13px;}
#menu-out { background: url(images/nav-bg.jpg) repeat-x 100%;;line-height:42px;text-align:center;font-weight:700;margin:0 0 13px 0;}
}
#menu { height: 43px; width:960px; margin: 0 auto;;text-align:center; }
#menu ul { overflow: hidden; zoom: 1; padding-top: 6px; padding-left: 20px; }
#menu li { float: left; font-size: 15px; height: 34px; line-height: 29px; }
#menu li a { padding:0 13px;text-decoration:none;color:#2640ac;}
#menu li a:hover { text-decoration: underline; }

#menu li.current_page_item a { color: #686A52; }
#menu li span { display: block; padding: 0 12px; }
#ytop {
	COLOR: #0e4dbf; LINE-HEIGHT: 20px; BORDER-BOTTOM: #e3e3e3 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #f3f3f3
}
#ytop .l {
	MARGIN-LEFT: 8px
}
#ytop .r {
	MARGIN-RIGHT: 8px
}
#ytop .t {
	COLOR: #666
}
.protabs {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: auto auto auto 100px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.protabs LI {
	DISPLAY: block; FLOAT: left; WIDTH: 88px; POSITION: relative; HEIGHT: 80px; TEXT-ALIGN: center
}
.protabs LI.logo {
	WIDTH: 220px
}
.protabs LI IMG {
	MARGIN: 0.8em 0px 0.2em
}
.protabs LI STRONG {
	DISPLAY: block; FONT-WEIGHT: normal; MARGIN-LEFT: 0.2em; WIDTH: 85px; CURSOR: hand; LINE-HEIGHT: 28px; HEIGHT: 28px
}
.protabs LI STRONG IMG {
	MARGIN-LEFT: 0.1em; BOTTOM: 10px; POSITION: absolute
}
.protabs LI A:link {
	COLOR: #333
}
.protabs LI A:visited {
	COLOR: #333
}
.protabs LI A:hover {
	COLOR: #333
}
.protabs LI A:active {
	COLOR: #333
}
.protabs:unknown {
	CLEAR: both; DISPLAY: block; VISIBILITY: hidden; HEIGHT: 0px; content: "."
}
/* *************************** 
Container
***************************/
#container { overflow: hidden; height: 100%; }
#content { width: 600px; float: left; padding-right:8px;}

/* *************************** 
   Post List
  ***************************/
.newslist {
	margin: 0px 0px 5px;
	padding: 4px 10px;
	border: 1px solid #369;
	background: transparent url(http://zzbang.cn/bg_newslist.png) repeat-y;
	}
#content .newslist {
	margin: 0px 0px 5px;
	padding: 4px 10px;
	border: 1px solid #369;
	background: transparent url(http://zzbang.cn/bg_newslist.png) repeat-y;
	}
.newslist dl dt.topic {
	margin: 6px 0px;
	font-weight: bold;
	font-size:14px;
	}
.newslist dl dd.author span {
	padding: 0px 0px 6px;
	border-bottom: 1px solid #369;
	color: #369;
	font-weight: normal;
	}
.newslist dl dd.desc {
	padding: 12px 0px;
	min-height: 1px; /* 解决float对象不自动增大问题 */
	height: auto;
	_height: 1px; /* 解决float对象不自动增大问题*/
	line-height: 150%;
	} 
.newslist dl dd.desc:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
.newslist dl dd.desc {
	display:inline-block;
	}
.newslist dl dd.desc {
	display:block;
	}

.newslist dl dd.desc img {
	float: right;
	}

.newslist dl dd.detail {
	margin: 0px -10px;
	background: transparent url(http://zzbang.cn/bg_newlist_op.png) repeat-x;
	height: 27px;
	line-height: 27px;
	}
.newslist dl dd.detail span {
	padding: 0px 10px 0px;
	color: #369;
	}
.newslist dl dd.detail em {
	margin-top: 0px;
	padding: 0px 10px 0px;
	color: #369;
	text-align: right;
	float: right;
	}
.newslist dl dd.detail em a:link,.newslist dl dd.detail em a:visited {
	color: #036;
	text-decoration: none;
	font-weight:normal;
	} .newslist dl dd.detail em a:hover {
		color: #E00;
		text-decoration: none;
		font-weight:normal;
		}


#content #contentWrapper {
	border: 1px solid #369;
	border-top: 0px;
	float: left;
	}
#content #newsBox {
	width: 598px;
	text-align: center;
	word-break: break-all;
	float: left;
	}
#newsBox .subTitle {
	padding-left: 1em;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
	}
/*
 * newsBox news
 */
  #newsmenu {
	border: 0px;
	border-bottom: 1px solid #369;
	}
#newsmenu .subTitle {
	line-height: 16px;
	/*font-weight: bold;*/
	text-align: left;
	color: #369;
	}
#newsmenu .subTitle span {
	width: 298px;
	height: 16px;
	display: block;
	overflow: hidden;
	float: left;
	}
#newsmenu .subTitle span.subTitle_right {
	text-align: right;
	}
	#newsmenu .subTitle a:link,a:visited {
	color: #036;
	text-decoration: none;
	} 
	#newsmenu a:hover {
		color: #E00;
		text-decoration: none;
		}

#newsBox #news {
	margin-right: 1px;
	padding: 10px 10px 0px;
	border-right: 1px solid #369;
	text-align: left;
	overflow: hidden;
	}
#news #news_title {
	margin: 10px 0px;
	text-align: center;
	}
#news #news_font {
	margin: 0px 0px 10px;
	color: #369;
	text-align: center;
	}
#news #news_author span {
	padding: 0px 0px 6px;
	border-bottom: 1px solid #369;
	color: #369;
	}
#news #news_content {	
	padding: 0px 0px 6px;
	width: 577px;
	_width: 576px;
	min-height: 100px; /* ie7 */
	height: auto;
	_height: 300px; /* ie6 */
	line-height: 150%;
	overflow: hidden;
	_overflow: visible;
	_overflow-x: hidden;
	font-size: 14px;
	}

/* *************************** 
Archive Pages 
***************************/
.archive_list { padding-top: 10px; }
.archive_list  li{ background: url(images/archive_list_box_bg.gif) repeat-y -660px 0; margin-bottom: 15px; }
.archive_list  li  h2{ font-size: 14px; background: url(images/archive_list_box_bg.gif) no-repeat 0 0; line-height: 30px; padding: 0px 17px 0px 27px; }
.archive_list li  h2 em{ float: right; color: #FF6200; font-size: 16px; }
.archive_list  li  p{ line-height: 150%; background: url(images/archive_list_box_bg.gif) no-repeat  -1320px 100%; padding: 5px 15px; }
.archive_list li p span{ padding-right: 10px; }
.archive_list  li.current_archive{ background: url(images/archive_list_box_bg.gif) repeat-y -2640px 0; }
.archive_list  li.current_archive  h2{ background: url(images/archive_list_box_bg.gif) no-repeat -1980px 0; }
.archive_list  li  h2  a{ color: #758062; }
.archive_list  li  h2  a:hover{ text-decoration: underline; }
.archive_list  li.current_archive  h2  a,.archive_list  li.current_archive  h2  a:hover{ color: #BE6116; }
.archive_list  li.current_archive  p { background: url(images/archive_list_box_bg.gif) no-repeat -3300px 100%; }
.archive_list  li.current_archive  h2 em{ color: #E35325; }
/* *************************** 
Comment Pages 
***************************/
.comment_box{ padding: 0px; }
.comment_title h1{ background: url(images/line_bg.gif) repeat-x 0 100%; height: 26px; line-height: 25px; padding: 0px 5px; color: #5A6743; font-size: 14px; font-weight: bold; }
.comment_title h1 span{ float: right; font-size: 12px; font-weight: 100; font-family: "宋体"; }
.comment_list dl{ background: url(images/comment_box_bg.gif) repeat-y -660px 0 #E6EBDD; overflow: hidden; height: 100%; margin-top: 10px; }
.comment_list dl dt{ background: url(images/comment_box_bg.gif) no-repeat 0 0; padding: 10px 10px 0 10px; }
.comment_list dl dt .user_image{ float: left; width: 42px; height: 42px; background: url(images/comment_box_bg.gif) no-repeat -3960px 0px; }
.comment_list dl dt .user_image img{ margin: 5px; }
.comment_list dl dt .msg_text{ margin-left: 50px; }
.comment_list dl dt .msg_text small{ padding: 3px 0px; color: #FF6200; font-size: 12px; }
.comment_list dl dt .msg_text  blockquote{ background: #FFF; padding: 1px 3px; border: 1px solid #F7DB6B; }
.comment_list dl dt .msg_text h2 { line-height: 130%; padding: 5px 0px; }
.comment_list dl dt span { float: right; color: #FF6200; font-size: 16px;line-height:24px;}
.comment_list dl dt span sup { font-size:12px; padding-left:2px;}
.comment_list dl dt cite{ color: #5A6645; font-weight: bold; }
.comment_list dl dt cite a{ color: #5A6645; }
.comment_list dl dt cite a:hover{ color: #FF6200; }
.comment_list dl dt em{ color: #8C8C8C; font-size: 11px; }
.comment_list dl dd{ background: url(images/comment_box_bg.gif) no-repeat -1320px 100%; height: 10px; font-size: 0; }
.comment_list dl.admincomment{ background: url(images/comment_box_bg.gif) repeat-y -2640px 0 #FCF3DE; }
.comment_list dl.admincomment dt{ background: url(images/comment_box_bg.gif) no-repeat -1980px 0; }
.comment_list dl.admincomment dt .user_image{ background: url(images/comment_box_bg.gif) no-repeat 100% 0; }
.comment_list dl.admincomment dt cite{ color: #BE6116; font-weight: bold; }
.comment_list dl.admincomment dt cite a{ color: #BE6116; }
.comment_list dl.admincomment dt cite a:hover{ color: #FF6200; }
.comment_list dl.admincomment dd{ background: url(images/comment_box_bg.gif) no-repeat -3300px 100%; }
.comment_list dl.admincomment dt .msg_text p{ color: #8A7A58; }
/* *************************** 
 Post Comment  
***************************/
.post_comment{ padding: 12px 0px 0px 0px; }
.post_comment_info{ background: #E3EBD5; }
.post_comment_title{ background: url(images/post_comment_bg.gif) no-repeat 0 0; padding: 5px 10px; }
.post_comment_title h3{ color: #5A6743; font-weight: bold; font-size: 14px; padding: 5px; border-bottom: 1px solid #C0CCA7; }
.post_comment_body{ background: url(images/post_comment_bg.gif) no-repeat -660px 100%; padding: 5px 30px 0px 30px; }
.post_comment_welcome p{ font-size: 10px; }
.post_comment_welcome strong{ font-size: 12px; }
.post_comment_body dl{ padding: 10px 0px; }
.post_comment_body dt{ font-size: 14px; }
.post_comment_body dt span{ font-size: 12px; color: #FF6200; padding-top: 5px; padding-left: 10px; }
.post_comment_body dd{ padding: 2px 0px 15px 0px; }
.post_comment_body dd input{ line-height: 26px; height: 26px; padding: 0 5px; width: 420px; border: 1px solid #C0CCA7; background: #F7FAF0; }
.post_comment_body .textarea_box{ padding-top: 8px; }
.post_comment_body .textarea_box  textarea{ border: 1px solid #C0CCA7; background: #F7FAF0; overflow: auto; width: 98%; padding: 5px; }
.post_comment_body .submit_box{ padding: 20px 0px; }
.post_comment_body .submit_box input{ background: url(images/post_comment_bg.gif) no-repeat  -1320px 0; width: 242px; height: 34px; border: none; cursor: pointer; }

.pan { height: 10px;
	clear: both;*clear:none !important;
	} * html .pan{height:10px;clear:none;}
/* *************************** 
   Sidebar
   ***************************/
#sidebar {width: 338px;
	text-align: left;
	float: right;
 }

#sideBar #fm_r {
	margin-top: 10px;
	}
#fm_r #fm {
	width: 165px;
	float: left;
	}
#fm_r #fm ul {
	list-style-type: none;
	border: 1px solid #369;
	border-top: 0px;
	background: transparent url(images/bg_fm.png) repeat-y;
	}
#fm ul li {
	text-indent: 1em;
	line-height: 2em;
	}
#fm_r #r {
	width: 165px;
	float: right;
	}
#fm_r #r_content {
	border: 1px solid #369;
	border-top: 0px;
	background: transparent url(images/bg_fm.png) repeat-y;
	}


	
	#wp125adwrap_2c{width: 330px;float:right;
	 border:1px solid #AACCEE;
	overflow:hidden;
}
#wp125adwrap_2c .odd{float:left;width:130px;} #wp125adwrap_2c .odd{float:right;width:130px;}div.title {
	background: transparent url(http://zzbang.cn//guide_mid.png) repeat-x;
	height: 24px;
	}

div.title span {
	height: 24px;
	line-height: 24px;
	display: block;
	}
div.title .leftBorder {
	background: transparent url(http://zzbang.cn/guide_left.png) no-repeat;
	width: 3px;
	float: left;
	}
	
div.title .midBlock {
	text-indent: 1em;
	font-weight: bold;background: transparent url(http://zzbang.cn/guide_mid.png) repeat-x;
	color: #FFF;
	float: left;
	}
div.title .rightBorder {
	background: transparent url(http://zzbang.cn/guide_right.png) no-repeat;
	width: 3px;
	float: right;
	}
div.subTitle {
	border-left: 1px solid #369;
	border-right: 1px solid #369;
	background: transparent url(http://zzbang.cn/bg_subtitle.png) repeat-x;
	height: 18px;
	}
div.span { /*为了适应ff在clear=both的情况下无法设置margin*/
	height: 0px;
	clear: both;
	} * html div.span{height:0px;clear:none;} *+html div.span{height:0px;clear:none;}
.rc_item{padding-bottom:8px;valign:top;}
/*
 * Votes
 */
#sideBar #votes {width:348px;
	margin-top: 10px;
	clear:both;margin-bottom:10px;padding-bottom:10px;
}
#votes dl {
	padding: 5px;
	border: 1px solid #369;
	border-top: 0px;
	background: transparent url(http://zzbang.cn/guide_mid.png) repeat-y;
	word-break:all;
	}
#votes dl p{
   line-height: 150%;

}
#votes dl p a:visited,a:link {
	padding: 0px 2px;
	color: #036;
	font-weight: bold;
	text-decoration: none
	}
#votes dl p  a:hover {
		padding: 0px 2px;
		color: red;
		font-weight: bold;
		text-decoration: none
		}
#votes dl dd {
	text-indent: -1em;
	padding-left: 1em;
	line-height: 1.5em;
	font-weight:normal;
} * html #votes dl dd {text-indent: -1.8em;padding-left: 1.8em;line-height:1em;} *+html #votes dl dd {text-indent: -1.8em;padding-left:1.8em;line-height:1em;}
#votes dl dd.desc {
	padding: 1px;
	min-height: 1px; /* 解决float对象不自动增大问题 */
	height: auto;
	_height: 1px; /* 解决float对象不自动增大问题*/
	line-height: 150%;
	} 
#votes dl dd.desc span{
  padding: 7px;
}
#votes dl dd.detail {
	margin: 0px -10px;
	
	border-left: 1px solid #369;
	border-right: 1px solid #369;

	background: transparent url(http://zzbang.cn/bg_newlist_op.png) repeat-x;
	height: 27px;
	line-height: 27px;
	}
/*
 * Editor Recommend
 */
#EditorRecommendBox {width:348px;
	margin-top: 10px;
	clear: both;
}
#ERBox {
	
	border: 1px solid #369;
	border-top: 0px;
	color: #369;/*#F7FF9F*/
}

#ERBox dl {
	border-bottom: 1px dashed #000;
	line-height: 1.3em;
	
}
.a1{
	padding: 0px 5px 5px;
	background:#f7fbf3;
}

.a2{
	padding: 0px 5px 5px;
	background:#F7FFD4;
}

#ERBox dl dt {
	padding: 5px 0;
	font-weight: bold;
	font-size: 14px;
	color:#693;
	line-height: 1.5em;
}
#ERBox dl dt a:link, #ERBox dl dt a:visited {
	color:#693;
	font-weight: bold;
	text-decoration: none;
	} #ERBox dl dt a:hover {
		color: #900;
		font-weight: bold;
		text-decoration: none;
		}
#ERBox dl dd {
	text-indent: 2em;
}
#feedback #mark {
	margin: 0px 1px 1px;
	border: 0px;
	border-top: 1px solid #369;
	text-align: left;
	}
#feedback .subTitle {
	padding-left: 1em;
	line-height: 20px;
	font-weight: bold;
	text-align: left;
	}
#mark .about_content {
	padding: 10px;
	border: 1px solid #369;
	line-height: 20px;
	}

#feedback {
	width: 350px;
	text-align: left;
	
	float: right;
	}
#feedback #good {
	margin: 0px 1px 1px;
	border: 1px solid #FC0;
	
	background-color: #FFE57F;
	}
#good #g_title {
	background: #FFE57F url(http://zzbang.cn/news_fb_title.jpg) repeat-x;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	color: #C00;
	text-indent: 1em;
	}
#good #g_content {}
#g_content dl, #n_content dl  {
	margin: 1px 0px;
	padding: 10px 10px 0px;
	border: 0px;
	border-bottom: 1px solid #FC0;
	}

/*
 * feedback normal
 */

.cat_list li, .recent_article li  { height: 29px; line-height: 29px; padding-left: 10px; background: url(images/li_arrow2.gif) no-repeat 0 0; overflow:hidden;}
.recent_article li span { float:right; font-size:10px;}
/* *************************** 
   Footer
   ***************************/
#footer { background: url(images/menu_and_foot_bg.gif) no-repeat -950px -30px; }
#footer p { line-height: 150%; padding: 30px 5px 60px 5px; font-size: 11px; }
#footer a { color: #FF6200; }
#footer a:hover { text-decoration: underline; }
.footer-links{line-height:42px;text-align:left;font-weight:500;}

/* *************************** 
   WP-pagenavi 
   ***************************/
.navigation { padding-left:0px;}
.wp-pagenavi { font-family: Verdana, Arial, Helvetica, sans-serif; }
.wp-pagenavi a{ padding: 1px 4px; margin: 2px; text-decoration: none; border: 1px solid #999; background: #FFF; }
.wp-pagenavi a:hover { border: 1px solid #CC3333; color: #FFF; background: #CC3333; }
.wp-pagenavi span.pages { padding: 1px 4px; margin: 2px; border: 1px solid #999; background: #FFF; }
.wp-pagenavi span.current { padding: 1px 4px; margin: 2px; font-weight: bold; border: 1px solid #A74200; color: #FFF; background: #A74200; }
