/*
Theme Name: TStyle
Theme URI: http://www.dafi.cn/
Description: The template by <a href="http://www.dafi.cn">dafi</a>.
Author: dafi
Version: 1.0
Tags: white, two-columns, fixed-width, custom-menu
*/
@charset "utf-8";
@import url("css/base.css");
body { font: 12px arial, sans-serif; background: url(css/body.png) repeat-x; }
h2,
h3,
h4 { font-size: 12px; }
a { color: #333; }
.more { float: right; width: 37px; height: 11px; overflow: hidden; margin-top: 7px; background: url(css/bg.png) -200px -100px; text-indent: -9999px; }
#wrap { width: 910px; margin: 0 auto; }
#head-logo { height: 60px; }
#head-logo img { width: 200px; height: 50px; margin-top: 5px; }
#head-logo em { display: none; }
#head-banner { height: 45px; margin-top: 7px; overflow: hidden; }
#head-nav { position: relative; height: 30px; line-height: 30px; text-align: right; }
#head-nav a { color: #666; }
#head-nav .cut { margin: 0 5px; color: #999; }
#sponsor { display: none; position: absolute; top: 30px; right: 0; float: left; width: 228px; height: 20px; border: 1px dotted #ccc; background: #ffe; text-align: center; line-height: 20px; color: #666; }
#search { float: right; position: relative; bottom: -37px; right: 7px; z-index: 2; }
#search label { position: absolute; left: 0; padding-left: 20px; line-height: 19px; color: #999; }
#search input,
#search button { float: left; width: 135px; height: 19px; padding-left: 20px; background: url(css/bg.png) 0 -100px no-repeat; border: none; outline: none; line-height: 19px; -moz-border-radius: 0; -webkit-border-radius: 0; }
#search button { width: 35px; padding: 0; background-position: -155px -100px; text-indent: -9999px; }
#nav { clear: both; height: 33px; background: #333 url(css/bg.png) right -33px no-repeat; }
#nav h2 { display: none; }
#nav ul { height: 33px; background: url(css/bg.png) 0 0 no-repeat; line-height: 33px; }
#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: 1px 1px 2px #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 15px; line-height: 33px; color: #fff; }
#nav li a:hover,
#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 { background: url(css/bg.png) center -66px no-repeat; text-decoration: none; text-shadow: 1px 1px 2px #000; }
#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 li.current-post-parent a { font-weight: bold; }
#nav li.current-cat li a,
#nav li.current-cat-parent 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; filter: alpha(opacity=70); opacity: .7; -moz-opacity: .7; border-bottom: 1px solid #999; }
#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: 68px; height: 24px; padding: 0 10px; border-top: 1px solid #999; }
#nav li li a:hover,
#nav li li a.current,
#nav li li.current-post-parent a,
#nav li li.current-category-ancestor a { background: #666; }
#container { padding: 10px 0; }
#slide h2 { display: none; }
#slide .f-m { position: relative; height: 227px; padding: 4px; }
#controller { display: none; }
#slide-pic,
#slide-pic img { float: left; width: 220px; height: 227px; overflow: hidden; }
#slide-pic p { float: left; width: 210px; height: 30px; position: relative; top: -30px; padding: 0 5px; font: 12px/30px verdana, sans-serif; background: #000; opacity: 0.7; -o-opacity: 0.7; filter: alpha(opacity=70); }
#slide-pic a,
#slide-pic span { color: #fff; }
#slide-pic span { display: block; width: 170px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#slide-btn { width: 34px; height: 16px; position: absolute; bottom: 9px; right: 10px; text-indent: -9999px; }
.jFlowPrev,
.jFlowNext { display: block; float: left; width: 16px; height: 16px; overflow: hidden; background: url(css/bg.png) 0 -180px no-repeat; cursor: pointer; }
.jFlowNext { width: 17px; background-position: -16px -180px; }
.jFlowPrev:hover { background-position: -40px -180px; }
.jFlowNext:hover { background-position: -56px -180px; }
#choice .f-m { height: 190px; padding: 10px; overflow: hidden; }
#choice .tab a { width: 142px; }
#side #choice .tab a { width: 75px; }
#side #choice .tab a.current { width: 76px; }
/* 鏂囩珷鍒楄〃 */
.list li { clear: both; padding: 0 5px 0 15px; line-height: 27px; background: url(css/icon.png) -44px 12px no-repeat; -moz-border-radius: 5px; -webkit-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: 470px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.list li span { float: right; width: 80px; font-size: 10px; color: #666; 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: 300px; }
#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 a { display: block; max-height: 32px; overflow: hidden; color: #666; }
i.new,
i.hot,
i.top { float: left; width: 21px; height: 11px; overflow: hidden; margin: 3px 0 0 3px; background: url(css/bg.png) -80px -180px no-repeat; text-indent: -9999px; }
i.hot { background-position: -110px -180px; }
i.top { background-position: -140px -180px; }
#home-album .box { padding: 15px 0 15px 10px; }
#home-album li { float: left; text-align: center; }
#home-album li a { position: relative; display: block; width: 80px; height: 60px; overflow: hidden; padding: 2px; margin: 0 11px; line-height: 60px; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 2px #333; -moz-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333; }
#home-album li a:hover { border-color: #c00; }
#home-album li img { width: 80px; height: 60px; }
#home-album li a span { position: absolute; width: 80px; height: 20px; bottom: 2px; left: 2px; background: #000; color: #fff; line-height: 20px; filter: alpha(opacity=60); opacity: .7; -moz-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; color: #c00; 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: 278px; }
#album { }
#album-list { margin: 10px 0; }
#album-list li { float: left; width: 117px; height: 138px; margin: 15px 15px 15px 27px; 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; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#album-list li .count { float: right; width: 25px; height: 12px; margin-right: 11px; font-size: 10px; color: #999; }
#contact .box { height: 40px; padding: 10px 0 10px 10px; }
#contact-li li { float: left; margin: 0 9px 0 4px; }
#contact-li li a { display: block; width: 40px; height: 40px; background: url(css/contact.png) no-repeat; text-indent: -9999px; }
#contact-li li.microblog a { background-position: 0 -40px; }
#contact-li li.msn a { background-position: 0 -80px; }
#contact-li li.guestbook a { background-position: 0 -120px; }
#side-cmt .tab a { width: 113px; }
#side-cmt .tab a.current { width: 114px; }
#side-cmt .f-m { height: 230px; padding: 8px 10px; 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: 2px; border: 1px solid #fff; }
.side-cmtli .fn { float: left; width: 90px; margin-right: 6px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-weight: bold; color: #555; }
.side-cmtli .fn a { color: #333; }
.side-cmtli .date { float: left; width: 70px; text-align: right; color: #999; font-size: 10px; }
.side-cmtli .txt { clear: both; float: left; width: 170px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; line-height: 20px; }
.side-cmtli .txt a { color: #666; }
#side-dfn { margin-top: 8px; }
#side-dfn .f-m { height: 220px; overflow: hidden; }
#side-dfn-ctn { width: 200px; height: 200px; margin: 10px auto; }
#side-tag { margin-top: 8px; }
#side-tag .f-m { height: 220px; }
#side-tag-ctn { width: 210px; height: 175px; overflow: hidden; margin: 10px auto; }
.tags a { margin-right: 8px; line-height: 29px; }
#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 { color: #666; margin-right: 5px; }
#article-inf { height: 18px; padding-left: 10px; border-bottom: 1px dotted #ccc; line-height: 18px; color: #999; }
#article-inf span { float: left; margin-right: 10px; }
#article-inf .date,
#article-inf .view,
#article-inf .cmt { font-size: 10px; }
#article-inf .rss,
#article-inf .add,
#article-inf .edit { float: right; font-size: 12px; }
#article-cnt { width: 648px; overflow: hidden; padding: 8px 0; }
#article-cnt div#article-dfn { float: right; width: 250px; height: 250px; padding: 5px 0 10px 10px; overflow: hidden; }
#article-cnt img { max-width: 648px; }
#article-cnt,
#article-cnt p,
#article-cnt font { line-height: 1.7em; }
#page-cnt p,
#article-cnt div,
#article-cnt p { padding: .3em 0; }
#article-cnt a { color: #036; text-decoration: underline; }
#article-cnt a:hover { color: #c00; }
#article-cnt ol li { list-style: outside decimal; margin-left: 32px; }
.gallery br { line-height: 0; }
.gallery-item { float: left; margin: 13px 11px 7px 12px; text-align: center; }
.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: 100px; padding-top: 3px; color: #666; line-height: 18px; }
/* 鏂囩珷鍒嗛〉 */
#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; color: #c00; -webkit-box-shadow: 1px 1px 2px #ccc; -moz-box-shadow: 1px 1px 2px #ccc; -moz-border-radius: 0 4px 0 4px; -webkit-border-radius: 0 4px 0 4px; }
#article-page a span { width: 20px; height: 20px; margin: 0; font: 10px/20px arial, sans-serif; color: #333; }
#article-page a:hover span { color: #c00; }
#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: 300px; margin-right: 10px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; 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; }
#comment-list .pagination { height: 39px; padding-bottom: 0; margin-left: 59px; margin-top: -9px; }
.no-comment { padding-bottom: 10px; }
/* 浣犲彲浠ュ幓缃戜笂鎵句竴濂楅厤鑹叉柟妗堟浛鎹㈡帀涓嬮潰鐨勮瘎璁篊SS */
.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; -moz-border-radius: 4px; -webkit-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; color: #555; }
.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-meta a { color: #666; }
.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; }
.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; color: #333; text-align: center; text-decoration: none; }
.children .comment { margin: 0 0 0 65px; }
.children .comment-body { margin-left: 42px; background: #eee; }
.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: 210px; line-height: 22px; }
#respond-form input,
#respond-form textarea { position: absolute; width: 200px; height: 16px; padding: 2px; left: 0; line-height: 16px; border: 1px solid #ccc; }
#respond-form textarea { position: static; width: 642px; max-width: 642px; height: 90px; max-height: 200px; overflow: auto; overflow-x: hidden; }
#respond-form button { height: 25px; }
#respond-form .cancel { display: none; }
#friendly { clear: both; }
#friendly .box { padding-right: 0; }
#friendly h3 { display: none; }
#friendly li { float: left; margin-right: 10px; white-space: nowrap; line-height: 20px; }
#friendly-img li { width: 92px; height: 35px; margin: 3px 6px 5px 1px; }
.friendly-page #friendly-img li { margin: 3px 12px 5px 5px; }
#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 #c00; 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 { color: #999; margin: 0 5px; }
#copyright { font-size: 11px; }
#copyright a { font-weight: bold; }
#product-logo { margin-top: 10px; text-align: right; }
#to-top { position: fixed; right: 8px; 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,
#home-dfn { margin-bottom: 8px; }
#tips { position: absolute; padding: 5px; line-height: 16px; background: #333; color: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #333; -moz-box-shadow: 1px 1px 2px #333; box-shadow: 1px 1px 2px #333; z-index: 5; top: -100px; }
#tips,
#tips p { max-width: 180px; }
#tips em { display: block; margin-right: 5px; color: #f36; font-size: 10px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; 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; color: #333; }
.btn button { float: left; overflow: visible; padding: 0 10px 0 15px; color: #000; 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; }
/* IE7 */
*+ 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; }
/* wordpress 蹇呴』 */
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }
.alignright { float: right; }