/*
Theme Name: Yofox_v11
Version: 2.6
Author: Yofox
*/

/* *************************** 
All the style
***************************/
* { margin: 0; padding: 0; }
p { margin:0 0 16px 0; padding: 0; }
html, body {
	text-align: center;
	font: 12px/180% 'Century Gothic',"BitStream vera Sans",Verdana, Arial, Helvetica, sans-serif;
	background: url(images/body_bg.gif)  0 0 repeat-x #E6EDDA;
}
h3, ul, li, em, dl, dt, dd, cite {
	font-size: 12px;
	list-style: none;
	font-style: normal;
	font-weight: 100;
	color: #333;
}
h1, h2 { font-size: 18px; list-style: none; font-style: normal; font-weight: normal; }
h2 { font-size: 15px; list-style: none; font-style: normal; font-weight: normal; }
img, a img { border: 0; }
a { color: #698040; text-decoration: none; outline: none; font-weight: normal;}
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: 950px;}
/* *************************** 
Header 
***************************/
#header { background: url(images/top_bg.gif) no-repeat 96% 9px;}
#logo { padding: 24px 0px 25px 10px; }
#logo h1 { font-size:24px; font-weight:bold;}
#menu { height: 50px; background: url(images/menu_and_foot_bg.gif) no-repeat 0 0; }
#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 { color: #FFF; display: block; }
#menu li a:hover { text-decoration: underline; }
#menu li.current_page_item { color: #4091BF; background: url(images/menu_nav.gif) no-repeat 0 0 #F7FAF0; }
#menu li.current_page_item a { color: #686A52; }
#menu li span { display: block; padding: 0 12px; }
#menu li.current_page_item span { background: url(images/menu_nav.gif) no-repeat 100% -34px; }
/* *************************** 
Container
***************************/
#container { overflow: hidden; height: 100%; background: #F7FAF0; padding: 5px 10px; }
#content { width: 660px; float: left; }

/* *************************** 
   Post List
  ***************************/
.post_topic { margin-bottom: 20px; overflow: hidden; height: 100%; }
.post_title { background: #D9E0CC; line-height: 150%; }
.post_title h1 { color: #BE6116; font-size: 16px; background: url(images/title_box.gif) no-repeat 0 0; padding: 5px 0px 0px 10px; }
.post_title h1 a{ color: #BE6116; }
.post_title h1 a:hover { color: #D6620F; text-decoration: underline; }
.post_title h2 { font-size: 11px; color: #7F7F7F; background: url(images/title_box.gif) no-repeat -660px 100%; padding: 0px 0px 5px 5px; }
.post_title h2 span { padding: 0 5px; }
.post_title h2 a { color: #7F7F7F; }
.post_title h2 a:hover { color: #CC3000; text-decoration: underline; }
.post_info { padding: 10px 8px 5px 8px;}
.post_bot h3 { background: url(images/line_bg.gif) repeat-x 0 0; padding: 2px 8px; }
.post_bot h3 span { float: right; background:url(images/go_comment_ico.gif) no-repeat 0 4px; padding-left:20px;}
.post_info .link_more { background: url(images/li_arrow.gif) no-repeat 1px 7px; padding-left: 8px; }
.other_topic{ padding: 5px 8px 10px 6px; text-align: right; overflow: hidden; height: 100%; }
.other_topic span{ float: left; }
.page_info { padding: 0px 5px 10px 5px; }
.archive_box h1{ color: #5A6743; font-size: 14px; font-weight: bold; padding: 0px 2px 5px 2px; background: url(images/line_bg.gif) repeat-x 0 100%; }
.page_info .text_info { padding: 2px; }
/* *************************** 
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; }
/* *************************** 
   Sidebar
   ***************************/
#sidebar { width: 260px; float: right; }
.side_box { background: url(images/home_box_bg.gif) repeat-y -2240px 0px; }
.side_box h2 { background: url(images/home_box_bg.gif) no-repeat -1980px 0px; line-height: 30px; padding-left: 30px; color: #E25703; }
.side_box ul { background: url(images/home_box_bg.gif) no-repeat -2500px 100%; padding: 10px 15px; overflow: hidden; height: 100%; }
.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;
	font-weight: normal;
}
.recent_article li span {
	float:right;
	font-size:10px;
	color: #333;
}
/* *************************** 
   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; }

/* *************************** 
   WP-pagenavi 
   ***************************/
.navigation {
	height: 50px;
}