@charset "utf-8";

/* Fj1982.com Version2009 CSS Document ///////////////////////////////////////////////////////////////////////////////////////////////*/
/* Deisgn by zTao ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

* { padding: 0; margin: 0; }

/* Html //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
body { background: #061616 url('images/body_bg.gif') ; font-family: Arial,新细明体,宋体; font-size: 9pt; line-height: 1.5em; color: #222; }
a { text-decoration: none; }
p { text-align: justify; word-wrap: break-all; }
img { border: 0; }
ul { list-style-type: none;}
div { display: block; }
h1 { display: block; font-size: 1.8em; font-family: 微软雅黑,Arial; line-height: 1.2em; font-weight: normal; }
h2 { font-size: 1.2em; }
h3 { display: block; font-size: 1em; }

/* Element ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

/* Basic /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.p-date { width: 28px; height: 33px; padding: 7px 0 0 10px; margin-right: 20px; background: url('images/datebar.jpg') no-repeat; float: left; color: #FFF; line-height: 1.2em; }
.p-date .day { display: block; font-size: 1.5em; }
.gotop { display: block; width: 36px; height: 36px; background: url('images/btn_top.gif') no-repeat; float: right;}
.gotop:hover {  background: url('images/btn_top_on.gif') no-repeat;}
.gotop span { display: none; }
.wp-pagenavi { width: 710px; height: 20px; background: url('images/pagebar.jpg') no-repeat; margin-left: 38px; padding: 10px; margin-bottom: 20px; } 
.timer { height: 53px; padding: 18px 0 0 20px;  }
.icon_comment a { background: url('images/icon_comment.gif') no-repeat left 3px; padding-left: 12px; font-size: 0.8em;}
.more-link { font-size: 0.8em; } 
.subtitle { padding-left: 248px; color: #f90; height: 60px; }


/* Layout ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.base { width: 978px; background: #c5c5c5 url('images/bg.jpg') no-repeat -10px top; padding: 10px 0 20px 10px; margin:0 auto; }
.masthead { height: 230px; }
.navi { height: 18px; }
.content { float:left; width:768px; }
.entries {  background: url('images/entries_bg.gif') repeat-y;  padding: 10px 0; margin-bottom: 20px; min-height: 550px; }
.sidebar { width: 204px; background: url('images/sidebar_bg.png') no-repeat bottom; float:left; }
.footer { width: 930px; height: 36px; background: #FFF; margin-left: 38px; }

/* Header ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.masthead { position: relative; }
.masthead h1 a { display: block; width: 160px; height: 60px; position: absolute; right: 40px; top: 170px; }
.masthead span { display: none; }
.masthead h3 { display: none; }
.calendar_holder { color: #666;  width: 220px; margin: 40px 0 0 48px; }
.calendar_holder #wp-calendar caption { font-weight: bold;}

/* Navi /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.masthead .navi { margin-left: 7px; }
.footer .navi { padding: 10px 0 0 10px; }
.navi span { display: none; }
.navi li { margin-right: 15px; float: left ; }
.navi a { color: #666; }
.navi a:hover { color: #06f; }
.navi .icon_home { display: block; background: url('images/icon_home.png') no-repeat left -1px; width: 18px; height: 18px; }
.navi .icon_rss {display: block; background: url('images/icon_rss.png') no-repeat; width: 18px; height: 18px; }
.navi .icon_email {display: block; background: url('images/icon_mail.png') no-repeat left 2px; width: 18px; height: 18px; }
.navi .icon_me { display: block;background: url('images/icon_me.png') no-repeat left -1px; width: 18px; height: 18px; }
.navi .icon_en { display: block;background: url('images/icon_en.png') no-repeat; width: 30px; height: 18px;}
.navi .icon_t { display: block;background: url('images/icon_t.png') no-repeat ; width: 18px; height: 18px;}

.navi .icon_home:hover { background: url('images/icon_home_on.png') no-repeat left -1px; }
.navi .icon_rss:hover { background: url('images/icon_rss_on.png') no-repeat; }
.navi .icon_email:hover { background: url('images/icon_mail_on.png') no-repeat  left 2px; }
.navi .icon_me:hover { background: url('images/icon_me_on.png') no-repeat left -1px; }
.navi .icon_en:hover { background: url('images/icon_en_on.png') no-repeat; }
.navi .icon_t:hover { background: url('images/icon_t_on.png') no-repeat; }

/* Content //////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.single h1 { color: #06f;  }
.content h1 {   width: 500px; float: left; margin-bottom: 10px;}
.content a  { color:#222; } 
.content a:hover { color:#06f; } 

.entries .post_info { width: 248px; float: left; } 
.entries .post { margin: 0 0 20px 0; padding: 0 20px 0 248px; }
.entries .post p { color: #333; font-size:1.2em; line-height: 1.5em; margin-bottom: 1em;  }
.entries .post a { font-weight: bold; }
.entries .post img { margin-bottom: 10px;  }
.entries .post img.alignleft{ margin-left: -190px !important; float:left; }

.entries .tags_holder { padding: 0 0 40px 248px; font-size: 0.8em; color: #666; }
.entries .tags_holder a { display: inline; height: 16px; background: #666; color: #fff; margin-right: 5px; padding: 2px;}
.entries .tags_holder a:hover { background: #06f; color: #fff; }
.entries .tags_holder .share { margin-top: 1.2em;}
.entries .tags_holder .share a { background: none;}
.entries .tags_holder .share a { float: left; margin-right: 2px; }
/* Side /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sidebar ul { margin-left: 20px; }
.sidebar li {  width: 160px; height: 25px; padding-top: 5px; color: #666; background: url('images/dot.gif') repeat-x bottom;}
.sidebar li a {  color: #ccc; background: url('images/icon_category.gif') no-repeat left 1px;  padding-left: 20px;}
.sidebar a:hover { color: #06f; }
.sidebar .gbook { display: block;  height: 25px; color: #ccc; background: url('images/icon_guestbook.gif') no-repeat left 8px;  padding: 5px 0 0 20px; margin-left: 20px; }
.sidebar .bottom { height: 55px; padding: 50px 0 0 20px; color:#CCC; }
.sidebar .bottom a { color:#CCC; }
.sidebar .bottom img { margin-bottom: -3px;}

/* Search ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.search_holder { width: 180px; height: 40px;  background: url('images/search_bg.png') no-repeat; padding: 10px 0 0 20px; }
.searchform { width: 160px; height: 28px; background: url('images/search_box.gif') no-repeat; }
.search_holder .textfield { width: 127px; background: none; height: 22px; border: 0; padding: 6px 0 0 5px; }
.submit { width: 28px; height: 28px; }
.results_info { font-size: 0.8em; }
.results_list { width: 500px; }
.results_list a:hover { color:#0066FF;}

/* Footer ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.extra { padding-left: 38px; margin-bottom: 20px; font-size: 1em;  }
.extra a { color: #4d4d4d; font-weight: normal; }
.extra a:hover { color: #06f; }
.extra h3 { text-transform: uppercase; }
.extra li {color: #4d4d4d; background: url('images/list_square.gif') no-repeat left 8px; padding-left: 15px; font-weight: bold; margin-bottom: 5px; line-height: 1.3em;}
.RecentPosts { width: 230px; margin-right: 20px; padding-top: 2px; border-top: 1px solid #333; float: left; }
.LastComments { width: 230px; margin-right: 20px; padding-top: 2px; border-top: 1px solid #333; float: left; }
.LastComments a {  }
.MostCommented { width: 230px; margin-right: 20px; padding-top: 2px; border-top: 1px solid #333; float: left;} 
.Links { width: 180px; padding-top: 2px; border-top: 1px solid #333; float: left; }

/* Begin Comments ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.commentfield { width: 500px;  background: #FFF; margin-left: 38px; padding: 10px 10px 10px 210px; }
.commentbox { width: 500px; height: 100px; background: #eee; border: 1px solid #ccc; margin-bottom: 10px;  }
.commentfield .textfield { width: 260px; height: 20px; background: #eee; border: 1px solid #ccc; float: left; margin-right: 5px; } 
.commentfield .commentbox, 
.commentfield .textfield,
.commentfield h3, 
.commentfield .btn { margin-bottom: 10px; }
.commentfield a { color: #06f; font-weight: bold;}
.commentfield a:hover { text-decoration: underline; }
.commentfield .holder { width: 500px;}
.commentfield .holder p { height: 20px; float: left; }
.commentfield li img { float: left }
.comment-number { display: none; }
.comm-holder { padding-left: 10px; height: auto; float: left; width: 458px; }
.commentlist li { display:block; width: 500px; border-top: 1px solid #ccc; padding: 10px 0; } 
.guest_info { font-size: 0.8em;  }

/* Blockquote ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.commentfield blockquote { background: #eee url('images/blockquote_bg.gif') no-repeat; padding: 20px 10px 10px 10px; width: 438px;}
.post blockquote { margin-left:10px; padding-left: 10px; border-left: 5px solid #eee; }