/*
Theme Name: TStyle
Theme URI: http://www.dafi.cn/
Description: The theme by <a href="http://www.dafi.cn">dafi</a>.
Author: dafi
Version: 1.8 Pro
Tags: cms, home-page, two-columns, fixed-width, custom-menu
*/
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
img { border: none; }
li { list-style: none; }
.clearfix:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* 栅格布局 */
div.col-1, div.col-2, div.col-3, div.col-4, div.col-5, div.col-6, div.col-7, div.col-8, div.col-9, div.col-10, div.col-11, div.col-12, div.col-13, div.col-14, div col-15, div.col-16, div.col-17, div.col-18, div.col-19, div.col-20, div.col-21, div.col-22, div.col-23, div.col-24,div.col-25,div.col-26,div.col-27,div.col-28,div.col-29 { float: left; margin-right: 10px; }
.col-1 { width: 30px; }
.col-2 { width: 70px; }
.col-3 { width: 110px; }
.col-4 { width: 150px; }
.col-5 { width: 210px; }
.col-6 { width: 370px; }
.col-7 { width: 270px; }
.col-8 { width: 310px; }
.col-9 { width: 370px; }
.col-10 { width: 390px; }
.col-11 { width: 430px; }
.col-12 { width: 400px; }
.col-13 { width: 510px; }
.col-14 { width: 550px; }
.col-15 { width: 590px; }
.col-16 { width: 630px; }
.col-17 { width: 670px; }
.col-18 { width: 570px; }
.col-19 { width: 750px; }
.col-20 { width: 790px; }
.col-21 { width: 830px; }
.col-22 { width: 870px; }
.col-23 { width: 910px; }
.col-24 { width: 950px; }
.col-25 { width: 160px; }
.col-26 { width: 230px; }
.col-27 { width: 230px; }
.col-27 { width: 230px; }
.col-28 { width: 400px; }
.col-29 { width: 160px; }
div.col-24, div.last { margin-right: 0; }
/* 栅格结束 */
.main-mid {float:right; width:400px;overflow:hidden;}
.left_tag #side-tag {margin-top:0;}
.left_tag {float:left; margin-right:10px;}
.left_main {float:left; width:160px;}
#choice-1 h3 {font-size:16px; line-height:30px; height:30px;}
.video_dis {line-height:180%; text-indent:2em; height:65px; overflow:hidden;}
body { font: 12px arial, sans-serif; background: #fff url(css/body.png); }
h2,
h3,
h4 { font-size: 13px; }
#article-cnt h2 { font-size: 14px; }
#article-cnt h3 { font-size: 13px; }
#slide{}
#love {}
#love h3{ text-align:center;line-height:40px; color:#CC0000; text-shadow: 1px 1px 0 #DDDDDD; text-indent:-9999px; height:40px;}
.more { float: right; width: 37px; height: 11px; overflow: hidden; margin-top: 7px; background: url(css/bg.png) -200px -100px; text-indent: -9999px; }
#side #choice-1 {margin-bottom:10px;}
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a span { cursor: pointer; }
em,
cite { font-style: normal; float:left; }
input,
button,
select,
textarea { vertical-align: middle; font-size: 12px; border-radius: 2px; }
input,
select,
textarea { background: #fff url(css/input.png) repeat-x; border-width: 1px; }
.f-s { clear: both; height: 1px; overflow: hidden; margin: 0 1px; background: #666; }
.f-e { clear: both; height: 1px; overflow: hidden; margin: 0 1px; background: #ddd; }
.f-e { border-bottom: 2px solid #eee; }
.f-m {     -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
	
}
.b_mark_frame {width:100%;}
.f-m h2 { height: 30px; line-height: 30px; padding: 0 10px; border-bottom: 1px solid #ddd; }
.f-m #page-cnt h2 {height:auto;}
.f-m h2 a { font-weight: bold; color:#000;}
#archive .f-m h2 {color:#DF01D7;}
.page #content .f-m h2 {color:#DF01D7;}
.f-m h2 a.section,
.f-m h2 a.null { font-weight: bold; }
.f-m h2 a.section:hover,
.f-m h2 a.null:hover { text-decoration: none; }
.f-m h2 span { margin: 0 4px; font-weight: normal; display:none; }
.f-m h2 span.cut { font-weight: bold; }
.box { clear: both; padding: 8px 10px; }
.dotted { clear: both; border-bottom: 1px dotted #ccc; }
.love-frame {line-height:20px;float:left;height:220px;}
.love-frame ul li {width:100%; float:left; text-align:center; border-bottom:1px dashed #ccc; line-height:24px;}
.alpha { filter: alpha(opacity=70); opacity: .7; }
.shadow { box-shadow: 2px 2px 5px #333; }
.hide { display: none; }
.tab { height: 25px; border-bottom: 1px solid #ddd; line-height: 24px; }
.tab li { float: left; margin: 1px -1px 0 0; text-align: center; border: 1px solid #ddd; border-width: 0 1px; }
.tab li a { float: left; height: 24px; margin: -1px 0 0; overflow: hidden; position: relative; background: #F5F5F5; border-top: 1px solid #ddd; outline: none; font-size:13px;  }
.tab li a:hover,
.tab li a.current { text-decoration: none; }
.tab li a.current { height: 25px; background: #fff;  font-weight: bold;border-color: #666; }
h2,
.current { text-shadow: 1px 1px 0 #DDDDDD;  }
#choice .f-m {border-top:none;}
.home .main-mid .f-m {border-left:0; border-right:0;}
.home .main-mid .f-e {display:none;}
.b_mark {background:#fafafa; padding:10px; float:right; clear:both;  border:1px dashed #ccc; margin-top:20px;}
.slideshow {margin-bottom:10px;border-radius:5px; border:1px solid #aaa;}
/* 分页 */
.pagination { clear: both; height: 28px; padding: 14px 6px 1px; text-align: center; font: bold 10px/20px arial, sans-serif; }
#album .pagination { padding: 5px 0 11px 40px; }
#comment-list .pagination { height: 38px; padding-top: 10px; }
.pagination li { float: left; width: 22px; margin-right: 5px; position: relative; }
.pagination li a,
.pagination li a.current,
.pagination li span { display: block; width: 20px; height: 20px; border: 1px solid #ccc; background: #fff; position: relative; border-radius: 0 4px 0 4px; }
.pagination li a.current{color:#DF01D7; }
.pagination li a:hover,
.pagination li a.current,
.pagination li span.current { width: 30px; height: 30px; margin: -5px 0 0 -5px; z-index: 2; text-decoration: none; font-size: 16px; line-height: 30px; box-shadow: 1px 1px 2px #ccc;  }
.pagination li:hover + li a { width: 23px; height: 23px; margin: -1px 0 0 -1px; z-index: 1; font-size: 14px; line-height: 23px; }
.pagination .first,
.pagination .last,
.pagination .prev,
.pagination .next { font-size: 13px; line-height: 18px; }
/* icon */
span.ico { padding-left: 13px; background: url(css/icon.png) no-repeat; }
span.rss { background-position: 0 -116px; }
span.post-date { background-position: 0 -147px; }
span.view { background-position: 0 -177px; }
span.cmt { background-position: 0 -206px; }
span.prev { background-position: 0 -236px; }
span.next { padding: 0 13px 0 0; background-position: 255px -266px; }
#qtranslate-chooser li {float:left; margin-right:5px;}

/* 主体开始 */
#wrap { width: 950px; margin: 0 auto; padding: 0 10px; }
#head-logo { height: 70px; }
#head-logo img { width: 200px; height: 50px; margin-top: 10px; }
#head-logo em { display: none; }
#head-banner { height: 60px; margin-top: 5px; text-align: center; overflow: hidden; }
#head-nav { position: relative; height: 32px; line-height: 32px; float: right; text-align:right; }
#head-nav a.rss { font-weight: bold; }
#head-nav .cut { margin: 0 5px; }
#skin { padding-top: 22px; margin-left: 140px; }
#skin li { float: left; margin-left: 5px; width: 10px; height: 9px; overflow: hidden; background: url(css/skin.png) no-repeat; cursor: pointer; }
#skin #s0 { background-position: -10px 0; }
#skin #s1 { background-position: 0 -10px; }
#skin #s2 { background-position: 0 -20px; }
#skin #s3 { background-position: 0 -30px; }
#skin #s4 { background-position: 0 -40px; }
#skin #s5 { background-position: 0 -50px; }
#skin li.current span { display: block; width: 6px; height: 6px; overflow: hidden; border: 1px solid #000; border-color: #000 #666 #666 #000; background: #ddd; filter: alpha(opacity=70); opacity: .7; text-indent: -9999px; }
#search { float: right; position: relative; bottom: -10px;  z-index: 2; }
#search label { position: absolute; left: 0; padding-left: 20px; line-height: 19px; height: 19px; }
#search input,
#search button { float: left; width: 135px; height: 17px; padding: 1px 0 1px 20px; background: url(css/bg.png) 0 -100px no-repeat;line-height: 17px; border-radius: 3px;  border:1px solid #ccc;}
#search button {border:none; margin-left:10px;}
#search button { width: 35px; height: 19px; padding: 0; background-position: -155px -100px; text-indent: -9999px; }
#nav { clear: both; height: 33px; background: url("css/bg.png") no-repeat scroll right -33px #333333; border-radius:3px; display:block; }
#nav h2 { display: none; }
#nav ul { height: 33px; background: url("css/bg.png") no-repeat scroll 0 0 transparent;line-height: 33px;border-radius:3px; }
#nav li { float: left; position: relative; z-index: 2; height: 15px; margin-top: 9px; padding: 0 5px; border-left: 1px solid #000; border-right: 1px solid #999; line-height: 15px; text-shadow: 0 0 0 #000, 1px 1px 0 #000; }
#nav li.first { border-left: none; }
#nav li.last { border-right: none; }
#nav li a { float: left; position: relative; height: 33px; margin-top: -9px; padding: 0 12px; line-height: 33px; }
#nav li a:hover,
#nav li.current a,
#nav li.current-cat a,
#nav li.current-cat-parent a,
#nav li.current-category-ancestor a,
#nav li.current-post-ancestor a,
#nav li.current-menu-item a,
#nav li.current_page_item a { background: url(css/bg.png) center -66px no-repeat; text-decoration: none; }
#nav li.current a,
#nav li.current-cat a,
#nav li.current-cat-parent a,
#nav li.current-category-parent a,
#nav li.current-category-ancestor a,
#nav li.current-post-ancestor a,
#nav li.current_page_item a,
#nav li.current-menu-item a,
#nav li li.current-post-parent a { font-weight: bold; }
#nav li.current-cat li a,
#nav li.current-cat-parent li a,
#nav li.current-menu-item li a,
#nav li.current-category-parent li a,
#nav li.current-post-ancestor li a,
#nav li.current-category-ancestor li a { font-weight: normal; background-image: none; }
#nav ul ul { display: none; position: absolute; top: 24px; left: 0; height: auto; background: #000; border-bottom: 1px solid #999; filter: alpha(opacity=70); opacity: .7; box-shadow: 2px 2px 4px #333; }
#nav ul ul ul { position: absolute; top: 0; left: 88px; border-left: 1px solid #999; filter: alpha(opacity=100); opacity: 1; }
#nav li li { min-width: 88px; background: none; }
#nav li li,
#nav li li a { display: block; float: none; height: 25px; margin: 0; padding: 0; line-height: 24px; border: none; }
#nav li li a { width: 110px; height: 24px; padding: 0 10px; border-top: 1px solid #999; }
#nav li li a:hover,
#nav li li a.current,
#nav li li.current-menu-item a,
#nav li li.current-post-parent a,
#nav li li.current-post-ancestor a,
#nav li li.current-category-ancestor a,
#nav li li li a:hover,
#nav li li li a.current,
#nav li li.current-menu-item li a:hover,
#nav li li.current-menu-parent li.current-menu-item a,
#nav li li.current-menu-parent li a:hover,
#nav li li.current-post-ancestor li.current-post-parent a,
#nav li li.current-post-ancestor li a:hover,
#nav li li li.current-category-ancestor a { background: #666; }
#nav li li li a,
#nav li li.current-menu-item li a,
#nav li li.current-post-parent li a,
#nav li li.current-post-ancestor li a,
#nav li li.current-category-ancestor li a { background: none; }
#nav li#menu-item-593 a {color:#FF00FF;}
/* for ie6\7 */
#nav ul ul { *background: #444;
}
#nav li li { *overflow: visible;
}
#side #choice-1 .f-m .box .list {overflow:visible;}
/* for ie6\7 */
#container { padding: 10px 0; }
#notice { height: 350px; overflow-x: hidden; overflow-y:scroll line-height: 1.6em; }
#notice p { padding: 3px 0; }
#notice a { text-decoration: underline; }
#slide h2 { display: none; }
#slide .f-m { position: relative; height: 300px;  }
.love-frame {padding:5px;}
#slide-pic,
#slide-pic img { width: 220px; height: 227px; overflow: hidden; }
#slide-pic div { position: absolute; }
#slide-pic p { width: 200px; height: 30px; position: absolute; bottom: 5px; left: 5px; padding: 0 5px; font: 12px/30px verdana, sans-serif; background: #fff; opacity: 0.6; filter: alpha(opacity=60); border-radius: 5px; box-shadow: 0 2px 4px #333; }
#slide-pic span { display: block; width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#controller { width: 200px; height: 10px; position: absolute; top: 8px; right: 10px; text-align: right; }
#controller span { display: inline-block; width: 9px; height: 9px; overflow: hidden; cursor: pointer; background: url(css/bg.png) 0 -260px no-repeat; text-indent: 2em; }
#controller span.jFlowSelected { background-position: -10px -260px; }
#slide-btn,
.jFlowNext { display: none; }
#choice .f-m { height: 350px; padding: 10px; overflow: hidden; }
#choice .tab a { width: 400px; height:30px; line-height:30px;}
#choice .tab a.current { width: 199px; }
#choice .tab a:hover {text-decoration:underline;}
#side #choice .tab a { width: 75px; }
#side #choice .tab a.current { width: 76px; }
.h_video a { font-size:13px;}
/* 文章列表 */
.list li { clear: both; padding: 0 5px 0 15px; line-height: 27px; background: url(css/icon.png) -44px 12px no-repeat; border-radius: 5px; }
.list li:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.list li { display: inline-block; }
.list li { display: block; }
.list li * { vertical-align: middle; }
.list li.odd { background-color: #f5f5f5; }
.list li em { float: left; max-width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.list li span { float: right; width: 120px; font-size: 10px; text-align: right; white-space: nowrap; overflow: hidden; }
#choice .list { padding-bottom: 20px; }
#choice .list li { line-height: 24px; background-position: -43px 11px; }
#choice .list li em { width: 340px; }
#choice .list li span,
.column-item .list li span { width: 70px; }
.column-item .list li { line-height: 25px; background-position: -43px 11px; height:25px; overflow:hidden;}
.column-item .list li em { max-width: 320px; }
.column-item .list li.post-1 { background: none; padding-left: 0; }
.column-item .list li.post-1 em { width: 220px; padding-left: 7px; font-weight: bold; }
.column-item .list li.post-1 em.excerpt { max-width: 260px; width: 260px; height: 34px; white-space: normal; line-height: 17px; font-weight: normal; }
.column-item .list li.post-1 span { float: left; }
.column-item .list li.post-1 em,
.column-item .list li.post-1 span { line-height: 24px; }
.column-item .list li.pdd { background: none; }
.column-item .list cite,
.column-item .list cite img { float: left; width: 48px; height: 48px; overflow: hidden; }
.column-item .list cite { float: left; height: 58px; padding: 4px; margin-top: 3px; background: url(css/bg.png) -100px -200px no-repeat; }
#side #choice { width: 230px; }
#side #choice .f-m { width: 208px; height: 200px; }
#side #choice .list li { line-height: 25px; padding-left: 10px; background-position: -50px 12px; }
#side #choice .list li.odd { background-color: #fff; }
#side #choice .list li em { width: 200px; }
#side #choice .list li span { display: none; }
.list .synopsis { clear: both; line-height: 16px; padding-bottom: 5px; }
.list .synopsis .ctn { display: block; max-height: 32px; overflow: hidden; }
i.new,
i.hot,
i.top { float: left; width: 10px; height: 9px; overflow: hidden; margin: 3px 0 0 2px; background: url(css/bg.png) -80px -180px no-repeat; text-indent: -9999px; }
i.hot { background-position: -100px -180px; }
i.top { background-position: -120px -180px; }
#home-album .box { padding: 12px 0 13px 15px; }
#home-album .dailyp .box { padding: 12px 0 10px 15px; }
.dailyp {}
#home-album li { float: left; text-align: center; margin: 0 6px 0 0; }

#home-album li a { position: relative; display: block; width: 100px; height: 75px; overflow: hidden; padding: 5px; margin: 0 4px 8px;  line-height: 90px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
#home-album  .dailyp li a { position: relative; display: block; width: 350px; height: 265px; overflow: hidden; padding: 5px; margin: 0 4px 8px;  line-height: 90px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}

#home-album li a:hover { text-decoration: none; }
#home-album li img { width: 100px; height: 75px; }
#home-album .dailyp li img { width: 350px; height: 265px; }
#home-album li a span { display: none; position: absolute; width: 100px; height: 20px; bottom: 5px; left: 5px; background: #000; line-height: 21px; filter: alpha(opacity=70); opacity: .7; }
#home-album .dailyp li a span { display: none; position: absolute; width: 350px; height: 20px; bottom: 5px; left: 5px; background: #000; line-height: 21px; filter: alpha(opacity=70); opacity: .7; }
#column-nav.col-5 { width: 198px; margin-right: 2px; }
#column-nav li { height: 25px; margin: 0 0 2px 1px; line-height: 23px; }
#column-nav li a { display: block; width: 196px; border: 1px solid #ddd; border-width: 1px 0; }
#column-nav li a span { position: relative; display: block; width: 176px; height: 23px; margin-left: -1px; padding: 0 10px; border: 1px solid #ddd; border-width: 0 1px; background: #eee; }
#column-nav li a:hover { text-decoration: none; }
#column-nav li a:hover span { background: #fff; }
#column-nav li a.current { position: relative; width: 200px; font-weight: bold; text-align: right; }
#column-nav li a.current span { width: 180px; background: #fff; border-right: none; }
#part .f-m { height: 200px; padding: 10px 9px; overflow: hidden; }
#part .list li { line-height: 25px; background-position: -43px 11px; }
#part .list li em { width: auto; max-width: 338px; }
#video-list {margin:10px 0;}
#video-list li { float: left; width: 160px; height: 148px; margin: 15px 10px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
#video-list li span { display: block; overflow: hidden; text-align: center; }
#video-list li .cover { width: 150px; height: 110px; margin: 5px 0 0 5px; background: #f5f5f5; border: 1px solid #eee; line-height: 100px; }
#video-list li .cover img { max-width: 150px; max-height: 110px; vertical-align: middle; }
#video-list li .title { width: 150px; height: 27px; margin: 0 0 0 6px; line-height: 26px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
#video-list li .count { float: right; width: 25px; height: 12px; margin-right: 11px; font-size: 10px; }
#album-list { margin: 10px 0; }
#album-list li { float: left; width: 117px; height: 138px; margin: 15px 10px; background: url(css/bg.png) -180px -180px no-repeat; }
#album-list li span { display: block; overflow: hidden; text-align: center; }
#album-list li .cover { width: 100px; height: 100px; margin: 5px 0 0 5px; background: #f5f5f5; border: 1px solid #eee; line-height: 100px; }
#album-list li .cover img { max-width: 100px; max-height: 100px; vertical-align: middle; }
#album-list li .title { width: 100px; height: 27px; margin: 0 0 0 6px; line-height: 26px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
#album-list li .count { float: right; width: 25px; height: 12px; margin-right: 11px; font-size: 10px; }
.column-list { margin-bottom: 8px; }
.column-list .list { padding: 11px 10px; }
.column-list .list li em { width: 245px; }
.column-list .list li span { width: 35px; }
#choice-1 .more a {display:block;}
#side { position: relative; }
#contact .box { height: 50px; padding: 10px 0 0 10px; overflow: hidden; }
#contact li { float: left; margin: 0 9px 10px 4px; }
#contact li a { display: block; width: 40px; height: 40px; background: url(css/contact.png) no-repeat; text-indent: -9999px; cursor: pointer; }
#contact li.tc a { background-position: 0 -40px; }
#contact li.tt a { background-position: 0 -80px; }
#contact li.rr a { background-position: 0 -120px; }
#contact li.fb a { background-position: 0 -160px; }
#contact li.plus a { background-position: 0 -200px; }
#contact li.qq a { background-position: 0 -240px; }
#contact li.msn a { background-position: 0 -280px; }
#contact li.skp a { background-position: 0 -320px; }
#contact li.mail a { background-position: 0 -360px; }
#contact li.user1 a { background-position: 0 -400px; }
#contact li.user2 a { background-position: 0 -440px; }
.side-pop { display: none; position: absolute; top: 75px; left: -100px; z-index: 2; width: 220px; padding-top: 6px; opacity: .8; }
.side-pop .f-s,
.side-pop .f-e { background: #bbb; }
.side-pop .f-m { border-color: #bbb; }
.side-pop .f-m { width: 198px; padding: 10px 10px 5px; background: #fff; }
.side-pop .f-arr,
.side-pop .close a { position: absolute; top: 0; left: 182px; width: 7px; height: 7px; overflow: hidden; background: url(css/bg.png) 0 -130px; }
.side-pop .close a { top: 11px; right: 5px; left: auto; width: 11px; height: 11px; background-position: -10px -130px; text-indent: -9999px; }
.side-pop .close a:hover { background-position: -30px -130px; }
.side-pop .txt-r { text-align: right; }
#side-cmt .tab a { width: 138px; }
#side-cmt .tab a.current { width: 139px; }
#side-cmt .f-m,
#side-cmt2 ul,
#side-msg ul { width: 258px; height: 230px; padding: 7px 10px 8px; overflow: hidden; }
#side-msg,
#side-gad { margin-top: 8px; }
#side-gad .gad-ctn { width: 200px; height: 200px; padding: 10px 0; margin: 0 auto; overflow: hidden; }
.side-cmtli li { position: relative; padding-left: 42px; height: 36px; overflow: hidden; margin: 6px 0 10px; line-height: 18px; }
.side-cmtli .avatar { position: absolute; left: 0; width: 39px; height: 36px; background: url(css/bg.png) -60px -200px no-repeat; }
.side-cmtli .avatar img { width: 30px; height: 30px; margin: 3px; }
.side-cmtli .fn { float: left; width: 90px; margin-right: 6px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: bold; }
.side-cmtli .date { float: left; width: 70px; text-align: right; font-size: 10px; }
.side-cmtli .txt { clear: both; float: left; width: 170px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 20px; }
#side-ads,
#side-dfn,
#side-tag { margin-top: 8px; }
#side-ads .f-m { height: 252px; overflow: hidden; }
#side-tag .f-m,
#side-dfn .f-m { min-height: 220px; overflow: hidden; }
#side-ads-ctn,
#side-dfn-ctn { width: 200px; height: 200px; margin: 10px auto; }
#side-ads-ctn { margin-top: 13px; }
#side-tags { position: relative; width: 160px; min-height: 178px; overflow: hidden; margin: 8px auto 0; }
#side .tags { line-height: 25px; }
#page-cnt.tags,
#page-cnt.friends { min-height: 578px; padding-top: 5px; overflow: visible; line-height: 30px; }
.tags a { display: inline-block; margin: 0 4px 4px; white-space: nowrap; }
.widget { margin-top: 8px; }
.widget li { padding: 2px 0 2px 10px; line-height: 1.6em; background: url(css/icon.png) -50px 10px no-repeat; }
.widget #searchform { padding: 5px }
#content h1 { padding-bottom: 5px; text-align: center; font: bold 14px/1.8em \5fae\8f6f\96c5\9ed1, arial, sans-serif; text-shadow: 1px 1px 2px #999; }
#content h1 span { margin-right: 5px; }
#article-inf { height: 20px; padding-left: 0; border-bottom: 1px dotted #ccc; line-height: 18px; }
#article-inf span { float: left; margin-right: 10px; }
#article-inf .rss,
#article-inf .add,
#article-inf .edit { float: right; font-size: 12px; }
#article-inf span.edit,
#article-inf span.add { margin: 0 0 0 10px; }
#article-cnt { width: 548px; overflow: hidden; padding: 8px 0; }
#article-dfn { float: right; width: 250px; height: 250px; padding: 5px 0 10px 10px; overflow: hidden; }
#article-banner { clear: both; margin: 8px auto 0; }
#article-tag { clear: both; border: 1px dotted #ccc; padding: 5px; margin-bottom: 5px; }
#article-tag,
#article-cnt #article-tag a { text-decoration: none; }
#article-cnt #article-tag a:hover { text-decoration: underline; }
#article-cnt img {/* max-width: 260px; lastzzz 09292014 */ height:100%; width:100%; box-shadow: 1px 1px 3px #999; margin:5px; }
#content #page-cnt img {max-width:548px; height:auto;}
#article-cnt .gallery img { max-width: auto; box-shadow: 0 0 0; }
#article-cnt,
#article-cnt p,
#article-cnt font { line-height: 1.8em; }
#page-cnt p,
#article-cnt p { padding: .4em 0; }
#article-cnt a { text-decoration: underline; }
#article-cnt ol li { list-style: outside decimal; margin-left: 32px; }
#article-cnt pre { clear: both; padding: 3px 5px; background: #fffff5; border: 1px dotted #aaa; word-wrap: break-word; font-family: georgia, serif; }
#article-cnt pre:before { content: "Code:"; display: block; clear: both; font-weight: bold; }
#share { clear: both; padding: 5px 0 0; display:none;}
#share img { box-shadow: 0 0 0; }
.gallery { margin: 0 3px; height: 500px; background: url(css/loading.gif) center center no-repeat; }
.gallery br { line-height: 0; }
.gallery-item { float: left; margin: 13px 11px 7px 12px; text-align: center; display: none; }
.gallery-icon { width: 106px; height: 106px; overflow: hidden; }
.gallery-icon img { width: 100px; height: 100px; padding: 2px; border: 1px dashed #ccc; }
.gallery-icon a:hover img { border-color: #c00; }
.gallery-caption { width: 106px; padding-top: 3px; line-height: 18px; }
.galleria-errors { display: none; }
/* 文章分页 */
#article-cnt #article-page { clear: both; height: 28px; margin-left: 5px; padding: 15px 0 0; text-align: center; font-size: 10px; line-height: 20px; }
#article-page a { text-decoration: none; }
#article-page em { float: left; width: 22px; margin-right: 4px; position: relative; }
#article-page span { display: block; width: 24px; height: 24px; margin: -2px 0 0 -2px; position: relative; background: #fff; border: 1px solid #ccc; text-decoration: none; font: bold 14px/24px arial, sans-serif; box-shadow: 1px 1px 2px #ccc; border-radius: 0 4px 0 4px; }
#article-page a span { width: 20px; height: 20px; margin: 0; font: 10px/20px arial, sans-serif; }

#article-page span.prenext { font-weight: bold; }
/* 文章分页结束 */
#page-cnt,
#page-cnt p { line-height: 1.5em; }
#p-n { clear: both; height: 20px; padding-top: 5px; line-height: 20px; border-top: 1px solid #ddd; }
#p-n span { float: left; width: 250px; margin-right: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#p-n span.next { float: right; margin: 0; text-align: right; }
#p-n span.next a { display: inline-block; max-width: 300px; overflow: hidden; white-space: nowrap; } /* for firefox */
#comment-list .box { padding: 10px 10px 1px; }
#comment-list h2 .to-respond { float: right; }
.no-comment { padding-bottom: 10px; }
/* 你可以去网上找一套配色方案替换掉下面的评论CSS */
.comment { clear: both; position: relative; margin: 0 0 10px; }
.comment-body { position: relative; padding: 0 5px 5px; margin: 0 0 10px; margin-left: 65px; min-height: 50px; background: #eee; border-radius: 4px; }
.comment-author img { position: absolute; left: -65px; width: 48px; height: 48px; padding: 4px 18px 10px 4px; background: url(css/bg.png) -100px -200px; }
.comment-body .fn { font-weight: bold; max-width: 200px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.comment-body .fn,
.comment-body em,
.comment-body .says,
.comment-meta { float: left; margin-right: 5px; line-height: 25px; }
.comment-meta { float: right; font-size: 10px; }
.comment-body br { display: none; }
.comment-body p br { display: block; }
.comment-body p { clear: both; overflow: hidden; padding: 5px; background: #f5f5f5; line-height: 1.4em; border: 1px solid #e5e5e5; border-right-color: #fff; border-bottom-color: #fff; word-wrap: break-word; }
.comment-body .wp-smiley { vertical-align: bottom; }
.reply { clear: both; margin-top: 5px; }
.reply a.comment-reply-link { display: block; width: 50px; height: 20px; line-height: 20px; background: url(css/button.png) 0 -60px no-repeat; text-align: center; text-decoration: none; }
.children .comment { margin: 0 0 0 65px; }
.children .comment-body { margin-left: 42px; }
.children .comment-author img { left: -42px; width: 30px; height: 30px; padding: 3px 6px 3px 3px; background: url(css/bg.png) -60px -200px; }
.children .comment-body p { line-height: 1.2em; }
.children .children .comment { margin: 0 0 0 42px; }
.comment #respond { margin: 0 0 10px 65px; }
.comment .comment #respond { margin-left: 42px; }
.comment #respond-form textarea { width: 99%; max-width: 99%; min-width: 99%; }
.comment #respond-form .cancel { display: inline-block; }
/* 评论结束 */
#respond .box { padding: 0 10px 7px; }
#respond-form li { clear: both; padding-top: 10px; position: relative; }
#respond-form label { padding-left: 213px; line-height: 22px; }
#respond-form label.tit { padding-left: 313px; }
#respond-form input,
#respond-form select,
#respond-form textarea { position: absolute; width: 200px; height: 16px; padding: 2px; left: 0; line-height: 16px; border: 1px solid #ccc; }
#respond-form input.tit { width: 300px; }
#respond-form select { width: 206px; height: 22px; padding: 1px; }
#respond-form textarea { position: static; width: 542px; max-width: 682px; height: 90px; max-height: 200px; overflow: auto; overflow-x: hidden; }
#respond-form textarea.contribute { height: 600px; max-height: none; }
#respond-form button { height: 25px; }
#respond-form .cancel { display: none; }
#friendly { clear: both; }
#friendly .box { padding-right: 0; }
#friendly h3 { display: none; }
#friendly .friends h3 { display: block; clear: both; margin: 5px 0 0; }
#friendly li { float: left; margin: 0 10px 0 5px; white-space: nowrap; line-height: 20px; }
#friendly-img li { width: 92px; height: 35px; margin: 3px 1px 5px 9px; }
#page-cnt #friendly-img li { margin: 3px 13px 5px 10px; }
#friendly-img img { width: 88px; height: 31px; padding: 2px; }
#friendly-img a:hover img { padding: 1px; border: 1px dashed #c00; }
#friendly-txt { padding-top: 3px; }
#foot { clear: both; height: 60px; border-top: 1px solid #0A0A2A; line-height: 1.5em; }
#foot-logo { height: 31px; margin: 10px 9px 0 0; border-right: 1px solid #ccc; }
#foot-logo img { width: 140px; height: 31px; }
#foot-nav { padding-top: 8px; }
#foot-nav .cut { margin: 0 5px; }
#copyright { font-size: 11px; }
#copyright a { font-weight: bold; }
#product-logo { margin-top: 10px; text-align: right; }
#to-top { display: none; position: fixed; right: 5px; bottom: 5px; text-indent: -9999px; }
#to-top a { display: block; width: 18px; height: 20px; background: url(css/bg.png) -250px -100px no-repeat; cursor: pointer; }
#count-code { width: 1px; height: 1px; overflow: hidden; }
#slide,
#home-album,
#login,
#contact,
#choice,
#comment-list,
#content,
#home-column,
.column-item,
#home-dfn { margin-bottom: 8px; }
#tips { position: absolute; padding: 5px; line-height: 16px; background: #333; border-radius: 4px; box-shadow: 1px 1px 2px #333; z-index: 5; left: -500px; }
#tips,
#tips p { max-width: 180px; }
#tips em { display: block; margin-right: 5px; font-size: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.btn { display: inline-block; position: relative; height: 26px; margin: 0 5px; background: url(css/button.png) right -30px no-repeat; white-space: nowrap; }
.btn span { float: left; height: 26px; background: url(css/button.png) left 0 no-repeat; position: relative; left: -5px; line-height: 25px; }
.btn button { float: left; overflow: visible; padding: 0 10px 0 15px; background: none; outline: none; border: 0 none; overflow: visible; }
/* 登陆框，暂未用到 */
#login .box { position: relative; height: 45px; padding: 10px 10px 5px; }
#login p { height: 23px; overflow: hidden; margin-bottom: 5px; }
#login p.end { position: absolute; top: 10px; right: 10px; height: auto; }
#login p label { float: left; width: 48px; overflow: hidden; padding: 1px 3px 0 0; line-height: 20px; }
#login input { width: 95px; height: 16px; padding: 2px; line-height: 15px; border: 1px solid #ccc; }
#login button { width: 50px; height: 50px; background: url(css/bg.png) 0 -200px; border: 0 none; text-indent: -9999px; }
/* forIE */
*+ html #side #choice .list li { height: 22px; background-position: -50px 10px; }
*+ html .side-cmtli li { margin-bottom: 9px; }
*+ html #tips { border-color:  #000; border-width: 0 1px 1px 0; }
*+ html .more { position: relative; top: -25px; }
*+ html .to-respond { position: relative; top: -24px; }
/* wordpress 必须 */
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }
.alignright { float: right; }
/* widget */
#wp-calendar { width: 100%; }
#wp-calendar #today { background: #eee; }
#wp-calendar tbody a { font-weight: bold; }
#wp-calendar caption { letter-spacing: -0.05em; font-size: 100%; text-align:  center; padding-bottom: 5px; }
#wp-calendar th,
#wp-calendar td { text-align: center; padding:  2px 0; border-radius: 2; }
#wp-calendar tbody td { border: 1px solid #ccc; }
#wp-calendar tbody td.pad { border: 0 none; }
#wp-calendar th { background: #ccc; }
#wp-calendar td#prev,
#wp-calendar td#next { padding-top: 3px; text-align: right; }
#wp-calendar td#prev { text-align: left; }
/* 独立出来的字体颜色 */
body,
input,
button,
textarea,
h2 .cut { color: #444; }
a { color: #222; }
h2 span,
.date,
#search label { color: #666; }
#nav,
#nav a,
#home-album a span { color: #fff; }
h2, .current, a:hover { color: #000; }
.cut { color: #999; }