@charset "utf-8";
/* 
*Filename:		style.css
*Description:		Theme CSS
*Author:		toyean
*Website:		http://www.toyean.com/
*Mail:			toyean@qq.com
*MicroBlog:		http://weibo.com/toyean
*Version:		1.0(2014-04-07)
*Page width:		850px
*/

* { margin:0; padding:0; }
body { margin:0; padding:0; background:#e2e5e5; font-size:12px; color: #545454; font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑E\8F6F\96C5\9ED1"; }
::selection {color: #fff;background-color: #1f1f1f;}
::-moz-selection {color: #fff;background-color: #1f1f1f;}
a:link, a:visited { text-decoration:none; -webkit-transition:background-color .15s linear, color .15s linear; -moz-transition:background-color .15s linear, color .15s linear; -o-transition:background-color .15s linear, color .15s linear; -ms-transition:background-color .15s linear, color .15s linear; transition:background-color .15s linear, color .15s linear; }
h1,h2,h3,h4,h5,h6 { color:#545454; font-weight:normal; }
em { font-style:normal; }
body a { color:#545454; text-decoration:none; }
a:hover { color:#3d9c85; }
img { max-width:100%; height:auto; width:auto\9; border:0; }
ul { list-style:none; }
.clear { clear:both; }
table { border:1px solid #B1CDE3; padding:0; margin:0 auto; border-collapse:collapse; }
td { border:1px solid #B1CDE3; background:#fff; font-size:12px; color:#4f6b72; }
.wrapper { width:100%; overflow:hidden; }
.header { width:100%; background:url(../include/headbg.jpg) fixed; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -o-background-size:100% 100%; position:relative; }
.hdbgshadow { background:-webkit-linear-gradient(top,#000,rgba(0,0,0,0) 85%); }
.hdbgcolor { background:#3d9c85; opacity:.8; filter:alpha(opacity=80); }
.hdbgshadow, .hdbgcolor { width:100%; height:100%; _height:9999px; position:absolute; left:0; bottom:0; }
.logo { width:100%; padding-top:70px; text-align:center; position:relative; }
.logo h1 { padding:0 0 10px; }
.logo a { font-size:45px; color:#fff; letter-spacing:2px; }
.logo img { width:180px; height:180px; border-radius:90px; }
.webintro { padding:0 0 15px; font-size:14px; color:#fff; }
.menu { width:100%; height:55px; margin:40px 0 0; background:#1e2828; position:relative; }
.nav { width:850px; min-width:371px; height:55px; margin:0 auto; overflow:hidden; }
.nav ul li { float:left; text-align:center; }
.nav ul li a { padding:0 15px; font-size:14px; color:#fff; line-height:55px; display:block; }
.nav ul li a:hover { background:#000; }
.nav ul li a.active { background:#000; }
.search { float:right; position:relative; }
.search input.txt { width:160px; height:30px; margin-top:10px; padding:2px 8px; padding-left:24px; font-size:12px; color:#ddd; line-height:16px; _line-height:30px; border:0; outline:0; background:#2b3434; }
.search input.btn { width:14px; height:15px; border:none; cursor:pointer; background:url(images/icon.png) no-repeat; position:absolute; left:5px; top:20px; }
.main { padding:55px 0 30px; position:relative; }
.post { width:295px; margin:0 15px 30px; padding:22px 22px 14px; border:1px solid #cbcdcd; box-shadow:0 2px 4px rgba(0,0,0,0.05); background:#fff; }
.postintro { padding:0 0 22px; }
.postintro h2 { margin-bottom:10px; }
.postintro h2 a { font-size:28px; color:#171717; }
.postintro a:hover { color:#3d9c85; }
.postintro img, .postintro table, .postintro object { width:100%; margin:0 0 15px; }
.postintro p { margin:0 0 10px; }
.postinfo { width:100%; margin-right:20px; padding:12px 0 0; color:#aeaeae; border-top:1px solid #f3f3f3; display:inline-block; }
.postinfo a { color:#aeaeae; }
.postinfo a:hover { color:#3d9c85; }
.pagenav { width:100%; height:47px; margin:20px 0; position:relative; }
.page_text { width:15%; padding:5px 0; line-height:18px; text-align:center; font-size:12px; color:#666; position:absolute; left:42.5%; }
.pagebar-previous { width:47px; height:47px; display:inline-block; position:absolute; left:40%; }
.pagebar-previous a { width:100%; height:47px; display:block; font-size:0; line-height:0; text-indent:-999px; background:url(images/page_nav.png) no-repeat -47px 0; }
.pagebar-previous a:hover { background:url(images/page_nav.png) no-repeat -141px 0; }
.pagebar-next { width:47px; height:47px; display:inline-block; position:absolute; right:40%; }
.pagebar-next a { width:100%; height:47px; display:block; font-size:0; line-height:0; text-indent:-999px; background:url(images/page_nav.png) no-repeat 0 0; }
.pagebar-next a:hover { background:url(images/page_nav.png) no-repeat -94px 0; }
.pagebox { width:850px; margin:55px auto 0; overflow:hidden; }
.single { width:596px; float:left; }
.articlebox { width:550px; margin-bottom:5px; padding:22px 22px 14px; border:1px solid #cbcdcd; box-shadow:0 2px 4px rgba(0,0,0,0.05); background:#fff; }
.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(images/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 { width:550px; height:22px; margin-bottom:5px; padding:5px 22px; line-height:22px; border:1px solid #cbcdcd; box-shadow:0 2px 4px rgba(0,0,0,0.05); 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(images/icon.png) no-repeat -6px -87px; }
.commentlist { padding:22px 22px 14px; margin-bottom:5px; border:1px solid #cbcdcd; box-shadow:0 2px 4px rgba(0,0,0,0.05); 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:550px; margin-bottom:5px; padding:22px 22px 14px; line-height:22px; border:1px solid #cbcdcd; box-shadow:0 2px 4px rgba(0,0,0,0.05); background:#fff; }
.msg .reply-frm { width:362px; }
#cancel-reply { padding-left:18px; background:url(images/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; }

.sidebar { width:234px; float:right; }
.sideblock { width:200px; margin-bottom:20px; padding:16px; border:1px solid #cbcdcd; box-shadow:0 2px 4px rgba(0,0,0,0.05); 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(images/icon.png) no-repeat 0 -60px; }
#divCatalog ul.ul-subcates li a { padding-left:37px; background:url(images/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; }
.footer { width:100%; margin-top:30px; padding:30px 0; background:#1e2828; overflow:hidden; }
.foot { width:850px; margin:0 auto; color:#999; text-align:center; }
.foot a { color:#3d9c85; }

body{_background-image: url(about:blank);_background-attachment: fixed;}
a.backtotop { width:36px; height:65px; text-indent:-999px; cursor:pointer; opacity:.6; filter:Alpha(opacity=60); position:fixed; _position:absolute; right:10px; bottom:100px; _bottom:30px; _top:expression(documentElement.scrollTop+documentElement.clientHeight-100+"px"); background:url(images/top.png) no-repeat; overflow:hidden; }
a.backtotop:hover { background-position:0 -65px; }

@media screen and (max-width:840px) {
.nav { width:100%; text-align:center; }	
.nav ul li { float:none; display:inline-block; }
.search { display:none; }
}