@charset "utf-8";
/*
	[MOKO!美空] (c) 2010
	http://www.mokonet.cn/
	Powered by Jiekii
	19:22 2010-7-12
	style.css
*/

body { background: #000; color: #545053; font-size: 12px; font-family: Verdana, "宋体", sans-serif; }
ul, ol { list-style-type: none; }
body, div, span, pre, textarea, input { font-size:12px; font-family:Verdana, "宋体", sans-serif; }
img { border: 0; }
a { color: #f62e76; }
a:hover { color: #f62e76; }

.clear { clear: both }

.y { float: right; }
.z { float: left; }
.c { clear: both; overflow: auto; zoom: 1; }
.aleft { text-align: left; }
.aright { text-align: right; }
.acenter { text-align: center; }

#bd { *text-align: center; }
div { *text-align: left; }

#wrap { margin: 0 auto; width: 1100px; position: relative; }
#wrapper { width: 1000px; height: 200px; margin: 0 auto; border: 1px solid #fff; }
#header { background: url(image/header_bg.jpg) no-repeat left top; width: 100%; height: 170px; margin: 0 auto; }
	#header .subnav { color: #f62e76; height: 28px; line-height: 28px; overflow: hidden; }
	#header .subnav .subnav_icon { margin-top: 3px; _margin-top: 6px; }
	#header .subnav .subnav_icon a { margin-right: 13px; }
	#header .subnav .search_input { background: url(image/search_bg.gif) no-repeat; border: 0; color: #000; width: 183px; height: 15px; padding-left: 25px; }
	#header .search { margin-right: 50px; _margin-right: 20px; _margin-top: 4px; }
	/*#header .search .search_button { color: #bdb8bc; font-weight: bold; margin-left: 10px; text-decoration: none; }*/
	#header .search .search_button { background: none; border: 0; color: #bdb8bc; cursor: pointer; font-weight: bold; margin-left: 5px; _margin-left: 5px; text-decoration: none; }
	#header .logo { float: left; width: 438px; overflow: hidden; }
	#header .logo a { outline: none; }
		#header .logo a { margin-left: 50px; }
	#header .nav { float: left; margin-top: 35px; overflow: hidden; }
		.nav li { float: left; padding: 15px 35px 5px 35px; }
		/*.nav li:hover { background: url(image/nav_hover.png) bottom center no-repeat; }*/
		.nav li a { color: #D9B8C3; font-size: 15px; font-family:Verdana, Geneva, sans-serif; font-weight: 700; outline: none; text-decoration: none; }
		.nav li span { color: #cd78a2; font-size: 10px; font-weight: normal; display: block; margin: 2px 0 0 2px; }
		.nav .nav_line { background: url(image/nav_line.gif) no-repeat; float: left; width: 1px; height: 43px; }
		.nav li a { display: block; float: left; }
		.nav li a:hover { color: #fff; background: url(image/navbg.gif) no-repeat left top; }
#content { background: #1A1A1A; border-top: 1px solid #322e2f; border-bottom: 1px solid #322e2f; border-left: 1px solid #322e2f; width: 997px; margin: 0 50px; overflow: hidden; }

	#left { background: #FFF; float: left; width: 694px; _width: 692px; margin: 7px; _margin-right: 4px; _margin-left: 4px; overflow: hidden; }
		.listbox { margin: 45px 0 0;}
		.listcut {  }
		.titlebox { width: 664px; clear: both; padding-left: 30px; }
		.date { background: url(image/date_bg.gif) no-repeat; color: #FFF; font-size: 10px; float: left; width: 64px; height: 39px; margin-right: 12px; padding-top: 4px; text-align: center; display: none; }
		h1.title { font-size: 16px; font-family: "宋体"; width: 100%; }
			h1.title a { color: #3f2f33; font-size: 16px; text-decoration: none; }
			h2.title a { font-size: 18px; }
		.recommend_btn { float: right; margin: 6px 11px auto; _margin-right: 5px; }
			.recommend_btn a { margin-left: 25px; }
			.recommend_btn img { vertical-align: middle; }
		.contentbox { font-size: 12px; margin: 5px 25px 15px 32px; }
			.contentbox p { line-height: 20px; }
		.read_doc { margin-left: 32px; }
			.read_doc a { text-decoration: none; }
			.read_doc a:hover { text-decoration: underline; }
			.read_doc img { vertical-align: middle; }
		.page { float: right; margin: 30px; }

	#right { width: 289px; _width: 288px; overflow: hidden; }
		.rss_bg { background: url(image/rss_bg.gif) no-repeat; width: 78px; height: 62px; position: absolute; top: 166px; right: 46px;}
	    .sle .rss_bg { *top: -10px; *right: -10px; }
		.rss { border-right: 1px solid #322e2f; padding: 12px 0 0 22px; }
			.rss_title { background: url(image/rss_title.gif) no-repeat; width: 162px; height: 18px; margin-bottom: 10px; }
			.input { background: #000; color: #FFF; border: 1px solid #636162; width: 200px; padding: 3px; }
			.search_btn { background: url(image/search_btn.gif) no-repeat; border: 0; cursor: pointer; width: 31px; height: 21px; }
			.rss_icon { margin: 20px 20px 0 25px; padding-bottom: 20px; }
				.rss_icon a { margin-right: 15px; }

		.box_bg { background: #000 url(image/box_bg.jpg) no-repeat; width: 289px; height: 10px; }
		.category { background: #000; border-left: 1px solid #322e2f; padding: 10px 0 20px 19px; _padding-top: 5px; }

			.tab { height: 30px; _height: auto; display: block; background: url(image/tabbg.png) no-repeat; _background: url(image/tabg_ie6.png) no-repeat left top; margin: 10px 0 0; padding: 0; }
			.tab a { color: #948f93; font-size: 13px; font-weight: bold; display: block; width: 86px; height: 26px; text-decoration: none; text-align: center; outline: none; line-height: 26px; }
				.tab .alive {   }
				.tab #tab_nav_0 {  }
				.tab .alive a { color: #353535; }
				.tab .tab_l { background: url(image/tab_l.gif) no-repeat; width: 6px; height: 28px; }
				.tab .tab_r { background: url(image/tab_r.gif) no-repeat; width: 6px; height: 28px; }
				.tab_bg, .aliveOff { background: url(image/tab_bg.gif) repeat-x; }

			.category_list { margin: 15px 0 25px; _margin-top: 1px; }
				.category_list li { width: 235px; margin: 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; }
				.category_list li a { color: #545053; text-decoration: none; }
				.category_list li a:hover { text-decoration: underline; }
				.category_list2 li { margin: 8px 0; overflow: hidden; }
				.category_list2 li a { color: #545053; text-decoration: none; }
				.category_list2 li a:hover { text-decoration: underline; }


.related_post_title { margin-top: 25px; }
.related_post li { margin: 7px 0; }


.rssmore_list li { float: left; margin-right: 15px; }
.rssmore { margin-right: 10px; }


#footer { overflow: hidden; }
	#footer .footer_top { background: url(image/footer_top.jpg) top no-repeat; height: 38px; }
	#footer .footer {  padding:20px 20px 0;text-align:center; }
		#footer .footer_box { float: left; margin: 17px 0 0 35px; _margin-left: 25px;  }
			#footer .footer_box span { color: #be0748; }















/*C*/

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}





.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}



.thread-even {
	background-color: white;
}

.depth-1 {
border: 1px solid #ddd;
}


#respond { padding: 0 0 50px; }
#respond input { width: 200px; margin: 5px 0; padding: 5px 2px; }
#respond textarea { margin-top: 5px; padding: 2px; }

p#subNav { padding: 8px 3px; margin: 30px 30px; float: right; text-align: left; color: #ff6500; font: 12px/16px Tahoma, Arial, sans-serif}

p#subNav a, p#subNav a:link{border: 1px solid #ccc; margin-right: 3px; padding: 3px 5px; color: #888; background: #f9f9f9}

p#subNav a:hover{border: 1px solid #bbb;background: #fdfdfd; color: #777}

p#subNav a:active{border: 1px solid #111;background: #666; color: #f8f8f8}

p#subNav span.current{margin-right: 3px; padding: 3px 5px; border: 1px solid #aaa; font-weight: 700; background-color:#eee; color: #999}

p#subNav span.extend{margin-right: 3px; padding: 3px 5px; border: 1px solid #eee; color: #ddd}

ul#subNav {height: 18px; border: 1px solid #eee; background: #fafcf9; margin: 0 40px}

/*** add new ***/
#header .nav-menu { float: left; margin-top: 35px; overflow: hidden; }
#header .nav-menu a { display: block; float: left; }
#header .nav-menu a.n1 { width: 106px; height: 50px; background: transparent url(image/nav/wenzhang.jpg) no-repeat left top; }

#left .commentlist .children li  { background: #E8F3FD; border-top: 3px solid #fff; border-left: 3px solid #fff; border-bottom: 3px solid #fff; }

#dc_button { padding-left: 0; }
#dc_connect { margin: 0; padding: 0; } 

.cbox .cdiv { display: none; }

#right ul { list-style: none; }

.nav .b1 { background: url(image/navbg1.png) no-repeat left top; }

.navmenu { float: left; margin-top: 30px; width: 570px; height: 60px; }
.navmenu a { display: block; float: left; display: inline; width: 106px; height: 56px; overflow: hidden;  }
.navmenu img { display: block; float: left; margin-top: 20px; }
.navmenu a.n1 { background: url(image/nav/wz.jpg) no-repeat left top; }
.navmenu a.n2 { background: url(image/nav/zt.jpg) no-repeat left top; }
.navmenu a.n3 { background: url(image/nav/lj.jpg) no-repeat left top; }
.navmenu a.n4 { background: url(image/nav/gy.jpg) no-repeat left top; }
.navmenu a.n5 { background: url(image/nav/zp.jpg) no-repeat left top; }

.navmenu a.n1:hover,.navmenu .p1 { background: url(image/nav/wz.jpg) no-repeat left -56px; }
.navmenu a.n2:hover,.navmenu .p2 { background: url(image/nav/zt.jpg) no-repeat left -56px; }
.navmenu a.n3:hover,.navmenu .p3 { background: url(image/nav/lj.jpg) no-repeat left -56px; }
.navmenu a.n4:hover,.navmenu .p4 { background: url(image/nav/gy.jpg) no-repeat left -56px; }
.navmenu a.n5:hover,.navmenu .p5 { background: url(image/nav/zp.jpg) no-repeat left -56px; }

/* 兼容 writer */
#wrap #left .contentbox h3,#wrap #left .contentbox ul,#wrap #left .contentbox p,#wrap #left .contentbox div,#wrap #left .contentbox li { line-height: normal; vertical-align: baseline; }
#wrap .contentbox li { padding: 2px 0; }
#wrap .contentbox h1,#wrap .contentbox h2,#wrap .contentbox h3,#wrap .contentbox h4,#wrap .contentbox h5,#wrap .contentbox h6{
margin: 15px 0 15px; line-height: 1.5em; font-weight: normal; font-size: medium; }
#wrap .contentbox h1 strong,#wrap .contentbox h2 strong,#wrap .contentbox h3 strong,#wrap .contentbox h4 strong,#wrap .contentbox h5 strong,#wrap .contentbox h6 strong { font-size: medium; }
#wrap #left .contentbox p { margin: 0; padding-bottom: 4px; }
#wrap #left .contentbox  ul { list-style: disc; }
#wrap .contentbox h1,#wrap .contentbox h1 strong { font-size: 30px; }
#wrap .contentbox h2,#wrap .contentbox h2 strong { font-size: 24px; }
#wrap .contentbox h3,#wrap .contentbox h3 strong { font-size: 18px; }
#wrap .contentbox h4,#wrap .contentbox h4 strong { font-size: 16px; }
#wrap .contentbox h5,#wrap .contentbox h5 strong { font-size: 14px; }
#wrap .contentbox h6,#wrap .contentbox h6 strong { font-size: 12px; }

#wrap #left .contentbox li p,#wrap #left .titlebox h2 { margin: 0; padding: 0; }

#wrap #right ul { padding: 0; _margin: 0; }

#wrap #footer .footer .rssmore_list { display: block; width: 370px; height: 45px; margin: 10px 0 0 30px; padding: 0; }
#wrap #footer .footer .rssmore_list li img { width: 42px; height: 42px; }
#wrap #footer .footer .rssmore_list li.name { width: 30px; height: 42px; line-height: 42px; font-size: 16px; color: #ACA0AA; }
#wrap #footer .footer .tag { width: 280px; overflow: hidden; margin-top: 10px; }
#wrap #footer .footer .tag .category_list2 { margin-top: 5px; line-height: 22px; }
#wrap #footer .footer .tag .category_list2 a { text-decoration: none; }
#wrap #footer .footer .tag .category_list2 a:hover { text-decoration: underline; }
#wrap #footer .footer .category_list2 { text-align: left; }
#wrap #footer .footer .meta { width: 250px; height: 190px;  }
#wrap #footer .footer .rsss { width: 380px; height: 210px; }

#wrap #right .category_list li { background: url(image/category_doc.gif) no-repeat left 4px; padding-left: 10px; }

#wrap #left .listbox .titlebox .title a { color: #3B2F32; }
#wrap #right .rss_icon a img { width: 33px; height: 33px; }

/* add the second part */
#wrap #left .contentbox p,#wrap #left .contentbox ul li { font-size: 13px; line-height: 24px; }
#wrap #left .contentbox ul li a,#wrap #left .contentbox ul li font,#wrap #left .contentbox ul li span { font-size: 13px; }

/* share */
#share { width: 640px; height: 35px; margin: 10px 0 0 30px; }
#share a { display: block; width: 25px; height: 25px; float: left; }
#share span { float: left; display: block; width: 50px; height: 25px; line-height: 25px; }
#share a img { width: 22px; height: 22px; }
#shareword { width: 640px; margin: 0 0 0 30px; padding: 10px 0; border-bottom: 1px solid #333; font-size: 14px; font-weight: bold; }

#share_gw { float: right; width: 180px; height: 60px; }
#share_gw a img { width: 40px; height: 40x; }
#share_gw a,#share a { text-decoration: none; } 

#left .related_post_title { margin: 0 0 0 32px; font-size: 16px; }
#left .related_post li a { text-decoration: none; }
#left .related_post li a:hover { text-decoration: underline; }
#comments,#respond h3 { font-size: 14px; }
#right .category_list ul { margin: -10px 0 0; }
#tab_nav_0 a,#tab2_nav_0 a { color: #948F93 }
#tab_nav_1 a,#tab2_nav_1 a { width: 96px; }

.tab li.bleft { background: url(image/bleft.png) no-repeat left top; margin-top: 1px; }
.tab li.bcenter { background: url(image/tab_alive.gif) repeat-x left top; margin-top: 1px; }
.tab li.bright { background: url(image/bright.png) no-repeat right top; margin-top: 1px; }
#right .tab li.bleft a,#right .tab li.bcenter a,#right .tab li.bright a { color: #353535; }

#comments,#respond h3 { margin: 0; padding: 0; }

#right h6 { width: 100%; height: 20px; margin: 0 0 10px; padding: 0; }
#right .category_title { background: url(image/category_title.gif) no-repeat left top; }
#right .recommend_title { background: url(image/recommend_title.gif) no-repeat left top; }
#right .feature_title { background: url(image/feature_title.gif) no-repeat left top; }
