/* CSS Document */



* { margin:0; padding:0; }
body { margin:0; padding:0; background:url(/static/image/body_bg.gif) repeat; font-family:"Oxygen",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; font-size:14px; color:#503E2C; }
a { text-decoration:none; cursor:pointer; color:#9B8878;}
ul { list-style:none;}
img { border:0; }
.clearfix:after{   clear: both;content: ".";display: block;height: 0;visibility: hidden;}


/*header*/
.header{ background:url(/static/image/web_icon.png) repeat-x scroll 0 -477px #EED9B4;}
.header .top{ height:180px;}
.header .top .tpb{ width:980px; margin:0 auto;}
.header .top .tpb .logo{ float:left;height:180px; background:url(/static/image/logo.png); opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5;}
.header .top .tpb .logo a{ display:block; width:350px; padding-top:10px; font-size:72px; font-weight::100;text-indent:-9999px;}
.hidden {display:none;}
.login {display:none;}
.header .userbar{background:#d95338;float:right;box-shadow:0 1px 2px rgba(0,0,0,.2);line-height:100%;padding:3px}
.header .userbar a{color:#fff;cursor:pointer;}
.header .login,.header .logout{border:1px dashed #eeb3a8;border-top:none;padding:6px 15px}
.header .logout {padding: 8px 15px 10px;}
.header .logout a {margin:0 0 0 15px;}
.header .logout #logintop {margin:0;}
.header a.username{font-weight:bold}
.header a.exit{color:#e79180;padding:0 10px 0 4px}
.header a.exit:hover{color:#fff}
.header .bti{opacity:0.7;display:inline-block;width:20px;height:20px;vertical-align:middle;_margin-left:6px}
.header a:hover .bti{opacity:1}
.header .message .bti{background: transparent url(/static/image/web_icon.png) no-repeat -80px 0;}
.header .code .bti{background: transparent url(/static/image/web_icon.png) no-repeat -100px 0;}
.header a.message, .header a.message:hover {text-decoration:none;}
.header #unread_messages_count{display:inline-block;position:absolute;font-size:10px;color:#fff;background:#fe8f00;font-weight:bold;margin:-5px 0 0 -10px;padding:0 2px 0 2px; box-shadow:0 1px 2px rgba(0,0,0,.2);border-radius:2px;}

.header .nav{background: url(/static/image/web_icon.png) repeat-x scroll 0 -657px #AF865A;height: 40px;position: relative;z-index: 999;}
.header .nav .menu{ width:980px; margin:auto;}
.header .nav .menu li{ width:98px; text-align:center; font-size:21px; font-weight:bold; float:left; cursor:pointer; line-height:40px;text-shadow:0 1px 1px rgba(0, 0, 0, 0.5);}
.header .nav .menu .at{ background-color:#7D4A2B; }
.header .nav .menu li a{ color:#FFF; display:block;}
.header .nav .menu li a:hover{ background-color:#7D4A2B;}

/*footer*/
.footer{ background-color:#5B432C; }
.footer a{ color:#FFF;}
.footer .ft{ width:980px; margin:0 auto;}
.footer .ft p{ line-height:40px; padding:15px 0px; text-align:center; color:#FFF;}

/*page*/
.page{ float:right; margin:10px; margin-right:0px;}
.page a,.current{background: none repeat scroll 0 0 #FFFFFF;border:1px solid #DFD5CB;color: #9E8C7B;display: inline;float: left;height: 30px;line-height: 30px;margin:0px -2px 0px 4px;padding: 0 10px; border-radius:3px;}
.current{ color:red; font-weight:bold;}



/* main */
.main { width:980px; margin:20px auto; overflow:hidden; }
.left { width:680px; float:left; }
.list,.cmtlist { width:640px; padding:20px; background:#fff; border:1px solid #e7e5e6; -webkit-box-shadow:0 0 3px #CCC; -moz-box-shadow:0 0 3px #CCC; box-shadow:0 0 3px #CCC; position:relative; margin-bottom:10px; }
.list_title { width:100%; }
.list_title h2{ vertical-align:middle; }
.list_title h2 img{ width:30px; height:30px;vertical-align:middle; }
.list_title h2 a { font-size:28px; color:#171717; font-weight:normal; }
.list_title h2 a:hover { color:#330000; }
.list_intro { padding:20px 0px; line-height:30px; font-size:14px; color:#503E2C;word-break:break-all; font-family:"Oxygen",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif; }
.list_intro img { max-width:600px; width:expression(this.width > 600 ? 600: true); }

.list .tag{margin:10px;}
.list .tag a{ text-indent: 0px; width:auto; padding:0px 15px;}

.list ul li{ float:left;}
.list ul li a { border: 1px solid #DFD5CB;border-radius: 3px 3px 3px 3px;color: #9E8C7B;display: block;height: 28px;line-height: 30px;text-indent: 36px;width: 80px; }
.list ul li a:hover { border-color:#a78b6f;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); }

.list ul .share{ }

.list ul .up a{ background: url(/static/image/web_icon.png) no-repeat scroll 0 -720px #FFFFFF;margin: 0 10px 0 0;}
.list ul .up a:hover {background: #fff url(/static/image/web_icon.png) no-repeat 0 -750px;}

.list ul .dn a{ /*background: url(/static/image/web_icon.png) no-repeat scroll -80px -720px #FFFFFF;*/margin: 0 10px 0 0; text-indent:0px; text-align:center;}
/*.list ul .dn a:hover {background: #fff url(/static/image/web_icon.png) no-repeat -80px -750px;}*/

.list ul .cmt a{ background: url(/static/image/web_icon.png) no-repeat scroll 0 -780px #FFFFFF;margin: 0 280px 0 0;}
.list ul .cmt a:hover {background: #fff url(/static/image/web_icon.png) no-repeat 0 -810px;}

.list ul .shr a{ background: url(/static/image/web_icon.png) no-repeat scroll -80px -780px #FFFFFF;margin: 0 10px 0 0;}
.list ul .shr a:hover {background: #fff url(/static/image/web_icon.png) no-repeat -80px -810px;}

.cmtlist li{ border-bottom: 1px solid #F4F2EF;padding: 10px 0 8px;word-break: break-all;}
.cmtlist li img{ width:20px; height:20px; margin-top:-2px; float:left; margin-right:5px;}
.cmtlist li p{ float:left; line-height:25px; width:550px;}
.cmtlist li p a { color:#9B8878; margin-right:10px;}
.cmtlist li span a{ color:#9B8878; margin-right:5px;}
.cmtlist li span{ float:right; width:50px; color:#D7D0C6;}
.cmtlist .reply{ margin:20px 0px;}
.cmtlist .reply textarea{ float:left; width:500px;height:75px;}
.cmtlist .reply span{ float:right; width:120px;}
.cmtlist .reply span .txt{ width:50px; height:30px;}
.cmtlist .reply span .sbt{ width:120px; height:30px;}
/* New Tadd */
.Tadd{background-color: #FFFFFF;clear: both;padding: 18px 20px;}
.Taddc textarea{font-size:14px;color:#54412E;width:560px;height:160px; padding-top:5px;}
.Taddc textarea.original{ color:#999; }
.Taddc .tagbox,.Taddc .buttonbox,.Taddc .picbox,.Taddc .optionbox{padding:10px 0 0 0; font-size:12px}
.Taddc .tagbox label,.Taddc .picbox label,.Taddc .optionbox label{display:block;float:left;width:50px; }
.Taddc .buttonbox input {display:inline-block;width:80px;height:30px;text-align:center;}
.postsuccess{line-height:180%;min-height: 300px;}
.postsuccess h2{font-size:32px;padding:20px 0;}
.postsuccess strong{color:#F63;font-size:18px;}
.post-readme {border-top: 1px solid #ece5d8;margin:20px 0 0 0;}
.post-readme h1 {font-size:21px;margin:20px 0 10px 0;}
.post-readme {background:#fff;}
.post-readme ol li {list-style-position: inside;list-style-type: decimal;line-height:160%;}


.articlebox { margin-bottom:5px;background:#fff; border:1px solid #E7E5E6; box-shadow:0 0 3px #CCCCCC; width:638px; padding:20px;}
.articlebox img, .articlebox p, .articlebox h2 { margin:0 0 15px; }
.articlebox h2 { margin-top:10px; font-size:28px; color:#171717; line-height:35px; }
.content { font-size:13px; color:#555; line-height:24px; letter-spacing:1px; overflow:hidden; }
.info { width:100%; margin-top:10px; padding:12px 0 0; font-size:12px; color:#aeaeae; border-top:1px solid #f3f3f3; display:inline-block; }
.info em { padding-left:18px; background:url(/static/image/icon.png) no-repeat; }
.info em.date { background-position:0 -44px; }
.info em.views { background-position:0 -15px; }
.info em span { float:none; }
.info em.commentnum { background-position:0 -29px; }
.info span { width:45%; height:17px; float:right; padding-right:3px; line-height:17px; text-align:right; overflow:hidden; }
.info a { color:#3d9c85; }
.postnav { height:22px; margin-bottom:5px; padding:5px 20px; line-height:22px; border:1px solid #E7E5E6; box-shadow:0 0 3px #CCCCCC; width:638px; background:#fff; overflow:hidden; }
.postnav a { width:50%; color:#3d9c85;}
.postnav .l { float:left; text-align:left; }
.postnav .r { float:right; text-align:right; }
.mutuality { padding:22px 22px 14px; background:#fff; margin-bottom:5px; border:1px solid #cbcdcd; box-shadow:0 2px 4px rgba(0,0,0,0.05); background:#fff; }
.mutuality h3, .commentlist h3, .comment h3 { margin-bottom:10px; font-weight:bold; line-height:20px; }
.mutuality p { padding-left:10px; color:#ccc; line-height:24px; background:url(/static/image/icon.png) no-repeat -6px -87px; }
.commentlist { padding:22px 22px 14px; margin-bottom:5px; border:1px solid #E7E5E6; box-shadow:0 0 3px #CCCCCC; background:#fff; overflow:hidden; }
.commentlist .msg { margin-top:10px; border-top:1px solid #eee; padding-top:5px; overflow:hidden;}
.commentlist .msg .msgimg { float:left; width:48px; height:48px; padding-top:5px;}
.commentlist .msg .msgimg .avatar { width:48px; height:48px;}
.commentlist .msg .msgtxt { width:100%; float:right; margin-left:-60px;}
.commentlist .msg .msgtxt .msgtxtbogy { margin-left:60px;}
.commentlist .msg .msgtxt .msgname { height:24px; line-height:24px;}
.commentlist .msg .msgtxt .msgname span { font-size:12px; color:#999999;}
.commentlist .msg .msgtxt .msgarticle { padding:5px 0;}
.commentlist .msg .msgarticle .msg { font-size:12px;}
.commentlist .msg .msgarticle .msg .msgimg { width:32px; height:32px;}
.commentlist .msg .msgarticle .msg .msgimg .avatar { width:32px; height:32px;}
.commentlist .msg .msgarticle .msg .msgtxt { width:100%; float:right; margin-left:-40px;}
.commentlist .msg .msgarticle .msg .msgtxt .msgtxtbogy { margin-left:40px;}
.commentlist .msg .msgarticle .msg .dot { display:none;}
.comment { width:638px; margin-bottom:5px; padding:22px 20px 14px; line-height:22px; border:1px solid #E7E5E6; box-shadow:0 0 3px #CCCCCC; background:#fff; }
.msg .reply-frm { width:362px; }
#cancel-reply { padding-left:18px; background:url(/static/image/icon.png) no-repeat 0 -29px; }
.msg .reply-frm input { width:339px; }
.msg .reply-frm .commenttextarea { margin-bottom:5px; }
.msg .reply-frm .button { width:357px; }
.commenttextarea { margin-bottom:5px; display:inline-block; vertical-align:top; }
.commenttextarea { *display:inline; }
#txaArticle { height:111px; padding:5px; color:#888; border:1px solid #ddd; outline:0; background:#fafafa; }
.commenttext label { padding:0 10px; }
.commenttext label, .comment_textarea label { font-size:14px; color:#666; line-height:30px; vertical-align:top; }
.commenttext .text { width:300px; margin-bottom:5px; padding:5px 8px; color:#888; line-height:18px; border:1px solid #ddd; outline:0; background:#fafafa; display:inline-block; vertical-align:top; }
#inpVerify { width:200px; }
.verifyimg { width:70px; height:27px; margin-left:9px; }
.commentbtn { width:100%; display:inline-block; vertical-align:top; }
.commentbtn .button { width:100%; height:35px; font-size:14px; color:#555; font-family:microsoft yahei; text-align:center; border:1px solid #ddd; border-radius:3px; text-shadow:1px 1px white; -moz-box-shadow:0 1px 1px #d0d0d0; -webkit-box-shadow:0 1px 1px #d0d0d0; box-shadow:0 1px 1px #d0d0d0; cursor:pointer; background:#fafafa; }
.commentbtn input.button:hover { color:#fff; text-shadow:1px 1px #111; border:0; background:#444; }


/* right */
.right { width:280px; float:right;}
.right dl{ background:#ffffff; margin-bottom:10px;}
.sideblock { width:246px; margin-bottom:20px; padding:16px; border:1px solid #E7E5E6; box-shadow:0 0 3px #CCCCCC; background:#fff; }
.sidetitle { font-size:14px; color:#000; font-weight:bold; line-height:35px; border-bottom:1px solid #eee; }
.sidetitle h3 { }
.sidecon { padding:10px 0; overflow:hidden; }
.sidecon ul li { line-height:24px; }
#divComments ul li, #divPrevious ul li { height:24px; overflow:hidden; }
#divPrevious .article-date { display:none; }
#divCatalog ul li a { padding:0 0 0 20px; background:url(/static/image/icon.png) no-repeat 0 -60px; }
#divCatalog ul.ul-subcates li a { padding-left:37px; background:url(/static/image/icon.png) no-repeat 17px -75px; _background-position:17px -77px; }
#divSearchPanel  input[type="text"]{ width:70%; height:22px; float:left; border:1px solid #c8c8c8; outline:0; background:#fff; line-height:24px; font-size:12px; color:#333; font-family:"微软雅黑";}
#divSearchPanel  input[type="submit"]{ width:25%; height:24px; float:right; line-height:24px; border:1px solid #999; background:#eee; }
#divMisc ul li { width:50%; float:left; overflow:hidden; }
#divTags li { width:auto; float:left; margin-bottom:2px; padding:0; text-indent:0; border:0; background:none; }
#divTags li a { height:20px; margin:2px; padding:3px 8px; color:#474747; border-radius:3px; background:#f3f3f3; }
#divTags a:hover { color:#fff; background:#16A085; }
#divTags ul li .tag-count { display:none; }
.tags-cloud .tag-name{ padding:3px 10px; margin:0 10px 15px 0; font-size:14px; line-height:19px; border:1px solid #e0e0e0; display:inline-block; vertical-align:top; }
.tag-name { *display:inline; }
.tags-cloud a { height:20px; margin:2px; padding:3px 8px; font-size:14px; color:#474747; border-radius:3px; white-space:nowrap; background:#f3f3f3; }
.tags-cloud a:hover { color:#fff; background:#3d9c85; }
.tags-cloud .tag-name-size-0{font-size: 1.1em;}
.tags-cloud .tag-name-size-1{font-size: 1.3em;}
.tags-cloud .tag-name-size-2{font-size: 1.6em;}
.tags-cloud .tag-name-size-3{font-size: 2.0em;}
.tags-cloud .tag-name-size-4{font-size: 2.5em;}
.tags-cloud .tag-name-size-5{font-size: 3.1em;}
.tags-cloud .tag-name-size-6{font-size: 3.8em;}
.tags-cloud .tag-name-size-7{font-size: 4.6em;}
/* 日历 */
#divCalendar .function_t { display:none;}
#divCalendar .function_c { width:240px; padding:0 0 0 0;}
p.y { text-align:center; height:24px; margin:0; padding:0; font-size:12px; font-weight:bold;}
p.y a { padding:0 20px;}
p.w,p.d,p.yd,p.nd,p.cd { float:left; border:1px solid #E0E1E2; width:32px;  height:24px; margin:0 0 -1px -1px; padding:3px 0 0 0; text-align:center; vertical-align :middle;}
p.d { background:#f0f0f0;}
p.yd { background:#5eaae4; color:#fff;}
p.yd a { color:#fff;}
p.cd { font-weight:bold;}
p.w { background:#A9B8C5; padding:3px 0 2px 0; height:1.7em; color:#fff; text-transform: uppercase;}
#divCalendar .function_t { display:none;}
#divCalendar .function_c { width:232px; padding:0 4px 15px 4px;}
#divCalendar table{width:100%; table-layout:fixed}
#divCalendar caption{ text-align:center; height:24px; margin:0; padding:0; font-size:12px; font-weight:bold;}
#divCalendar caption a { padding:0 18px; color:#3d9c85; }
#divCalendar th{background:#82bdb8;color:#fff;text-transform: uppercase;border:1px solid #e0e1e2; height:26px; }
#divCalendar td{text-align:center;border:1px solid #E0E1E2;height:30px;}
#divCalendar td.pad{background:none}
#divCalendar td a{display:block;line-height:30px;background:#78bbab; color:#fff;}
#today{font-weight:bold; color:#3d9c85; }