/* *************************** 
   Style 
   ***************************/
* {
 margin:0; 
 padding:0;
}

html, body {
 text-align:center;
 font:12px/180% Verdana, Arial, Helvetica, sans-serif;
 color:#666;
 background:url(images/body_bg.gif) repeat-x 0 0 #F6F5F0;
}

h1, h2, h3, ul, li, em, dl, dt, dd {
 font-size:12px;
 list-style:none;
 font-weight:100;
}

img, a img {
 border:0;
}

a {
 color:#586C75;
 text-decoration:none;
}

a:hover {
 color:#FF3300;
}

.clearfix {
 margin:0;
 padding:0;
 height:0;
 font-size:0;
 overflow:hidden;
 clear:both;
}

#wrapper, #footer_inner {
 width:980px;
 text-align:left;
 margin:0 auto;
}

/* *************************** 
   Header
   ***************************/

#header {
 height:165px; 
}

#logo {
 padding-left:10px;
}

#menu {
 height:28px;
 margin-top:40px;
 padding:0px 30px 0px 10px;
}

#menu #home {
 background:none;
}

#menu li {
 float:left;
 padding:0 15px;
 height:28px;
 line-height:25px;
 font-size:14px;
 font-weight:bold;
 background:url(images/menu_li_bg.gif) no-repeat 0% 50%;
}

#menu dl {
 float:right;
 margin-top:2px;
 width:250px;
}

#menu dt {
 float:left;
 width:186px;
 height:25px;
 background:url(images/search_left_bg.gif) no-repeat 0 0 #FFF;
}

#menu dd {
 float:left;
}

.search_box {
 width:186px;
 border:0px; 
 padding:3px 2px 0px 2px;
 font-size:12px;
}

.button {
 width:60px; 
 height:25px;
 border:0;
 background:url(images/search_button_bg.gif) no-repeat;
}

#container {
 background:url(images/container_bg.gif) no-repeat 0 0;
 margin-top:30px; 
 overflow:hidden;
 height:100%;
}

/* *************************** 
   Content
   ***************************/

#content {
 float:left;
 width:700px;  
 background:url(images/content_bg.gif) repeat-y 100% 0; 
}

#content_top {
 background:url(images/content_top.gif) no-repeat 100% 0; 
}

#content_bot {
 background:url(images/content_bot.gif) no-repeat 100% 100%; 
}

.content_text, .navigation {
 padding:25px 30px 0px 28px;
}

.content_text h1, #sidebar_inner h1 {
 font-size:14px;
 font-weight:bold;
 height:22px;
 color:#586C75;
 background:url(images/line_bg.gif) repeat-x 0 100%;
}

.content_text h2 {
 height:20px;
 font-size:11px;
}

.content_text p span {
 padding-left:15px;
 background:url(images/read_more.gif) no-repeat 0 50%;
}

.content_text p {
 padding:5px 0px;
 text-align:justify; 
 text-justify:inter-ideograph;
}

.content_text img {
 border:solid 0px #222;
}

/* *************************** 
   Side
   ***************************/

#sidebar {
 float:right;
 width:270px; 
}

#sidebar_inner {
 padding:20px 0px 0px 2px;
}

#sidebar_inner ul {
 padding-top:8px;
 padding-right:5px;
 margin-bottom:15px;
}

#sidebar_inner li {
 line-height:19px;
 color:#586C75;
}

#sidebar_inner li a {
 color:#888;
}

#sidebar_inner li a:hover {
 color:#586C75;
 text-decoration:underline;
}


.arrow_article {
 padding-left:13px;
 background:url(images/arrow_article.gif) no-repeat 0 4px;
}

.arrow_user {
 padding-left:15px;
 background:url(images/arrow_user.gif) no-repeat 0 4px;
}

.tags a {
 padding-right:2px;
 text-decoration:0;
 line-height:18px;
}

/** Post Comment*************************/
.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{ 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{padding: 7px 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; }



/* *************************** 
   WP-pagenavi 
   ***************************/

.wp-pagenavi { 
  font-family:Verdana, Arial, Helvetica, sans-serif;
 }

.wp-pagenavi a{
  padding: 1px 4px; 
  margin: 2px;
  text-decoration: none;
  border:1px solid #607F91;
  background:#FFF;	
}
.wp-pagenavi a:hover {	
  border: 1px solid #5B7589;
  color: #F8F8F8;
  background: #6B8597;
}
.wp-pagenavi span.pages {
  padding: 1px 4px; 
  margin: 2px;
  border:1px solid #607F91;
  background: #FFF;
}
.wp-pagenavi span.current {
  padding: 1px 4px; 
  margin: 2px;
  font-weight: bold;
  border: 1px solid #26282B;
  color: #FFF;
  background: #26282B;
}


/* *************************** 
   Footer 
   ***************************/

#footer {
 height:169px;
 background:url(images/footer_bg.gif) repeat-x;
}

#footer_inner {
 width:980px;
 line-height:150%; 
 padding-top:35px;
 padding-left:50px;
 color:#AEADAD;
}

