/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */

body {
	font-family: "宋体", Arial, Helvetica, sans-serif;
	text-align: center;
	color: #6f6f6f; /* 深灰色 */
	background: #373839;
	padding-bottom: 12px;
}

html, body, #wrapper, h1, #nav, #nav ul, #nav li {
	margin: 0;
	padding: 0;
	list-style: none;
}

body, th, td {
	font-size: 12px;
}

img { border: 0; }

#wrapper {
	width: 858px;
	margin: 16px auto;
	text-align: left;
	position: relative;/*对象不可层叠，但将依据 left ， right ， top ， bottom 等属性在正常文档流中偏移位置*/
}

h1, h2, h3 {
	font-size: 12px;
}

h1 {
	margin: 0;
	padding: 0;
}

h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

h3 {
	padding: 4px 0 0 0;
}

p {
	margin: 0.5em 0px;
	padding: 0px;
}

.block {
	display: block;
}

.clear {
	clear: both;/*不允许有浮动*/
	height: 1px;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1px;
	line-height: 1px;
}

* html .clear {
	margin-top: -5px;
	margin-bottom: -4px;
}

.left {
	float: left;
	/* margin: 1px 12px 0px 0px; */
}

.right {
	float: right;
}

/* end basic */

/* h1 {
	margin-bottom: 2px;
} */

a {
	color: #f5f5f5;
	text-decoration: none;
	/* font-weight: bold; */
}

a:hover {
	text-decoration: underline;
}

/* -----  header --------------------------------------------------------------------------------------------------------------------------------- */

#header {
	height: 38px;
	text-align: left;
	/*position: relative; /*relativve：对象不可层叠，但将依据left，right，top，bottom等属性在正常文档流中偏移位置*/
}

#title{
	float:left;
	margin-top:0px;
	margin-left:10px;
	color: #FFF;
	height: 36px;
}

#title a:hover{
	text-decoration:none;
}

#title h1 {
	margin: 3px 0px 0px;
	font-size:18px;
	font-weight:lighter;/*细字体*/
	font-family: "宋体";
	}
	
#title h2 {
	margin: 0px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}

#nav {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	position: absolute;
	top: 15px;
	right: 0;
	width: 31em; /*em：相对长度单位，相对于当前对象内文本的字体尺寸*/
}

#nav li {
	width: 7em;
	float: left;
	margin: 0 0.3em;
	padding: 0;
}

#nav a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;/*检索或设置对象中的文本的装饰：无装饰*/
	padding: 4px 0;
	display: block;/*block：块对象的默认值，将对象强制作为块对象呈递，为对象之后添加新行*/
	text-align: center;
}

#nav a:hover {
	text-decoration: underline;
}

#nav li.a   { background: url(images/menu_a_bg.gif) no-repeat; }
#nav li.a a { background: url(images/menu_a_r.gif)  top right no-repeat; }
#nav li.b   { background: url(images/menu_b_bg.gif) no-repeat; }
#nav li.b a { background: url(images/menu_b_r.gif)  top right no-repeat; }
#nav li.c   { background: url(images/menu_c_bg.gif) no-repeat; }
#nav li.c a { background: url(images/menu_c_r.gif)  top right no-repeat; }
#nav li.d   { background: url(images/menu_d_bg.gif) no-repeat; }
#nav li.d a { background: url(images/menu_d_r.gif)  top right no-repeat; }

/* end header */

/* -----  body --------------------------------------------------------------------------------------------------------------------------------- */

#body { width: 100%; }

#body { background: #373839 url(images/body_bg.gif); }
#body div { background: url(images/body_tl.gif) top left no-repeat; }
#body div div { background: url(images/body_tr.gif) top right no-repeat; }
#body div div div { background: url(images/body_bl.gif) bottom left no-repeat; }
#body div div div div { background: url(images/body_br.gif) bottom right no-repeat; }
#body .inner div { background: none; }

#body .inner {
	color: white;
	padding: 18px 20px;
}

#body h2 {
	margin-top: 3px;
	text-indent: -3px;
}

* html #body h2 {
	margin-top: 21px;
	marg\in-top: 3px;
}

#body p {
	margin: 0.5em 0;
}

#body #stripe {
	clear: both;
	margin: 0 1em;
	padding: 6px 0;
	background: url(images/stripe.gif) 6px 6px repeat-x;
}

#body #dot {
	clear:both; 
	padding: 12px 0; 
	background: url(images/dot.gif) 0px 6px repeat-x; 
}

#body #dividerx {
	clear: both;
	margin: 0 1em;
	padding: 12px 0px;
	background: url(images/divider_h.gif) top repeat-x;
}

/* end body */

/* -----  darkboxes --------------------------------------------------------------------------------------------------------------------------------- */

* html #boxes, * html #boxes .inner { width: 100%; }
* html #body #boxes #left .inner  { width: 100%; w\idth: 90%; }
* html #body #boxes #right .inner { width: 100%; w\idth: 90%; }

#boxes { width: 100%; }

#body #boxes { background: url(images/box_bg.gif) repeat-y; }
#body #boxes div { background: url(images/box_t.gif) top left no-repeat; }
#body #boxes div div { background: url(images/box_b.gif) bottom left no-repeat; }
#body #boxes .inner div { background: none; }

#body #boxes .inner {
	color: white;
	padding: 0;
}

#left {
	float: left;
	width: 270px;
}

#right {
	float: right;
	width: 527px;
}

#body #boxes #left .inner,
#body #boxes #right .inner {
	padding: 15px 0px 20px 25px;
}

#boxes ul {
	margin: 0;
	padding: 0;
}

* html #boxes ul {
	margin-left: -0.7em;
	marg\in-left: 0.0em;
}

#boxes ul, #boxes li {
	list-style: none;
}

#boxes li.middle {
	list-style: none;
	margin-bottom: 0.5em;
	padding: 0;
}

#boxes li.arrow {
	margin: 0.4em 1.8em 0 0.1em;
	list-style-image: url(images/arrow.gif);
	list-style-position: inside;
}



/* end darkboxes */

/* -----  footer --------------------------------------------------------------------------------------------------------------------------------- */

#footer {
	font-family: tahoma, helvetica, arial, sans-serif;
	margin-top: 3px;
	text-align: right;
}

#footer {
	font-size: 9px;
	color: #989994;
}

#footer a {
	color: #989994;
	text-decoration: underline;
}

#footer a:hover {
	color: #fff;
	text-decoration: none;
}

/* end footer */

/* -----  wordpress --------------------------------------------------------------------------------------------------------------------------------- */

/* -----  article --------------------------------------------------------------------------------------------------------------------------------- */

#article {
	width: 818px;
	padding-top: 12px;
}

.date {
	width: 260px;
	float: left;
	text-align: right;
	color:#F90;
}

.date ul {
	list-style: none;
}

.content {
	float: right;
	width: 480px;
	margin: -10px 20px 0 0;
}

.small {
	font-size: 10px;
	color:#F90;
	display: inline;
}

.middle {
	font-size:15px;
	color: #FFF;
	font-weight: 600;
	font-family:Tahoma, Geneva, sans-serif, "宋体";
}

.middle a:hover{
	color:#FF0;
}

.large {
	font-size: 36px;
	font-weight: bold;
	margin: -5px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.special {
	display: inline;
	color:#FF0;
}

.headline a{
	color:#FF0;
}

.normal {
	font-weight: normal;
	color: #FFF;
	display: inline;
}
 



.page_navi { 
	margin:0 0 10px 0; 
	text-align: right;
}
.page_navi li { 
	line-height:0%; 
	display:inline; 
	padding:0; 
	margin:0; 
	font-size:11px;
}

.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current, .page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots { 
	color:#373839; 
	width:30px; 
	padding:0; 
	margin: 0 3px 0 0; 
	display: block; 
	float:left;
	text-align:center; 
	line-height:30px; 
	background:url(images/pager_hover.gif) no-repeat left top;
}
 
.page_navi a:hover { 
	color: #FF0; 
	background:url(images/pager_hover.gif) no-repeat left bottom; 
	text-decoration:none; 
}

.page_navi span.current { 
	background:url(images/pager_recent.gif) no-repeat left top; 
	color:#FFF; 
}

#return_top a { 
	position:absolute;
	position:fixed; 
	right:15px; 
	bottom:30px; 
	width:18px; 
	height:99px;
	display:block;
	background:url(images/return_top.png) no-repeat left top; }
#return_top a:hover { background:url(images/return_top.png) no-repeat right top; }




/* */


/* search area */

#body #search_area{ 
	margin-right: 20px;
	width: 285px;
	float: right;
}
#body #search_form {
	width:206px;
	height:27px;
	background:url(images/search_area.gif) no-repeat left top;
	float: left;
}
#body #search_input {
	float:left;
	margin:7px 0 0 10px;
	border:0px; height:15px; display:inline; width:150px; font-size:12px; color:#999; background:transparent; 
}
#body #search_button { float:right; }

#body #tag_list {
	margin-top: 8px;
	margin-bottom: -6px;
}
#body .search_tag {
	float: right;
	display:block; 
	margin:0 0 5px 0; 
	padding:2px 0 2px 24px; 
	font-size:11px; 
	background:url(images/button_unfold.png) no-repeat left top; 
}
#body .search_tag:hover { text-decoration:none; }
#body .active_search_tag { background:url(images/button_fold.png) no-repeat left top; }
#body #tag_list .wp-tag-cloud {
	clear:both; margin:0 0 10px 0; border:1px solid #FF0; background:#373839; padding:6px; display:none; }
#body #tag_list .wp-tag-cloud li { display:inline; margin:0 5px 0 0; line-height:170%; }
#body #tag_list a:hover {
	color: #FF0;
}

#recent, #archive, #categories, #links{
	margin-top: 8px;
	margin-bottom: -3px;
}
.fold_recent, .fold_archive, .fold_categories, .fold_links {
	display:block; 
	margin:0 0 5px 0; 
	padding:2px 0 2px 24px; 
	background:url(images/button_unfold.png) no-repeat left 3px; 
}

.fold_recent:hover, .fold_archive:hover, .fold_categories:hover, .fold_links:hover { text-decoration:none; }
.unfold_recent, .unfold_archive, .unfold_categories, unfold_links { background:url(images/button_fold.png) no-repeat left 3px; }
#body .expand {
	clear:both; margin:0 0 10px 0; border:1px solid #FF0; background:#373839; padding:6px; display:none; }
#body .expand li { margin:0 5px 0 0; line-height:150%; }
#recent a:hover, #archive a:hover, #categories a:hover, #links a:hover{ color: #FF0;}