﻿/*  
作者：新鲜人
地址：http://www.htmlit.com.cn
邮箱：service@htmlit.com.cn
     htmlit@live.com
*/
@charset "utf-8";

body { padding:0; margin:0; font-family:"微软雅黑", "宋体", "Trebuchet MS", Tahoma, Arial, sans-serif; color:#222222; font-size: 12px; line-height: 20px; background: #EEEEEE url(images/bg.gif) repeat-x left top;}
* { padding:0; margin:0;}
div, h1, h2, h3, h4, p, form, ul, label, input, textarea, img, span, dl, dt, dd { margin:0; padding:0;}
table {border-collapse:collapse;}
a { text-decoration: none; color: #333333;}
a:hover { color:#5EAAE4; text-decoration: underline;}
ul { padding:0; margin:0;}
li { list-style-type: none;}
img { border: none;}
.clear { clear: both;}
/*主要框架*/
#headerbg { height:100px; background:#5EAAE4;} 
#content { width:980px; padding:20px 0; margin:0 auto; background: url(images/sidebar.png) repeat-y right top;}
#main { float:left; width:720px;}
#sidebar { float:right; width:240px; background:#E0E1E2; overflow:hidden;}
#footer { width:980px; margin:0 auto; color:#FFFFFF; background: #5EAAE4 url(images/foot.png) no-repeat right top;}
/*网站顶部*/
.header { width:980px; height:65px; padding-top:25px; margin:0 auto; color:#FFFFFF;}
.header h1 { font-size:22px; line-height:30px;}
.header h3 { font-size:12px; line-height:24px; font-weight:normal;}
.header a { color:#FFFFFF;}
.logo { float:left;}
/*导航*/
.nevbarbg { width:100%; height:40px; background:#A3D0F2;}
.navbar { width:980px; height:40px; line-height:40px; margin:0 auto; background:#A3D0F2; overflow:hidden;}
.navbar ul li { float:left; font-size:16px; padding:0 20px 0 0;}
.navbar ul li a { display:block; float:left; padding:0 10px; color:#1F6194;}
.navbar ul li a:hover { background:#FFFFFF; color:#1F6194;}
/*搜索框*/
.search { float:right; height: 40px; width: 240px; padding-top:10px;}
#edtSearch { float:left; width:160px; padding:6px 10px; border:1px solid #FFFFFF;}
#btnPost { float:left; background:#A3D0F2; border:none; width:50px; height:30px; font-weight:bold; color:#FFFFFF;}
/*主要内容*/
.post { font-size:14px; margin-bottom:30px; word-break:break-all;}
.post h2 { font-size:16px; line-height:20px; margin-bottom:10px; color:#5EAAE4;}
.post h4 { font-size:15px; line-height:20px; margin-bottom:10px; }
.post a { color:#5EAAE4;}
.post a:hover { color:#5EAAE4; text-decoration: underline;}
.post_r { float:left; width:670px;}
.post_body { width:640px; background:#FFFFFF; padding:15px; line-height:22px; margin-bottom:5px;}
.post_content { min-height:30px;}
.post_content img { 
   max-width:640px;  /*IE7,Firefox*/ 
   width: expression(this.width > 640 ? 640: true);   /*IE6*/ 
}
.post_content p { margin-bottom:10px;}
.post_tags { padding:10px 0;}
.post_info { height:30px; line-height:30px; text-align:right; margin-top:10px;}
/**/
.post_time { float:left; width:40px; height:85px; padding:10px 5px; overflow:hidden; text-align:center; color:#FFFFFF; background: #5EAAE4 url(images/icon/time.png) no-repeat right bottom;}
.post_time h5 { font-size:26px; line-height:28px; }
.post_time h6 { font-size:10px; line-height:12px; font-weight:normal;}
.post_fu { float:left; width:40px; height:40px; padding:5px 5px; background: #5EAAE4 url(images/icon/fu.png) no-repeat right bottom;}
/**/
.postistop { height:40px; line-height:40px; padding-left:65px; margin-bottom:10px; background: #FFFFFF url(images/icon/up.png) no-repeat left top;}
.postistop h2 { font-size:16px;}
.postistop a { color:#5EAAE4;}
.postistop a:hover { color:#5EAAE4; text-decoration: underline;}
/*上一篇下一篇*/
.post_nav { padding:5px 15px; height:22px; background:#FFFFFF; margin-bottom:5px;}
.post_nav a { color:#5EAAE4;}
.post_nav .l { float:left;}
.post_nav .r { float:right;}
/*相关文章*/
.mutuality { padding:15px; background:#FFFFFF; margin-bottom:5px;}
.mutuality_title { font-weight:bold; height:28px; line-height:28px;}
.mutuality_body { padding:0px 5px;}
.mutuality_body p { line-height:24px; background:url(images/li.jpg) no-repeat left 10px; padding-left:10px;}
/*侧栏主体*/
.function { float:left; width:240px; margin-bottom:15px; background: url(images/function_tbg.png) repeat-x left bottom;}
.function_t { float:left; width:210px; height:24px; line-height:24px; padding-bottom:5px; font-size:15px; padding-left:30px; font-weight:bold; color:#5EAAE4;}
.function_c { float:left; width:200px; padding:5px 10px 15px 30px;}
.function_c ul li { line-height:24px; margin-bottom:2px;}
/*图标*/
#divContorPanel .function_t { background: url(images/icon/ContorPanel.png) no-repeat 10px 5px;} /*控制面板*/
#divCatalog .function_t { background: url(images/icon/Catalog.png) no-repeat 10px 5px;} /*网站分类*/
#divComments .function_t { background: url(images/icon/Comments.png) no-repeat 10px 5px;} /*最新评论及回复*/
#divArchives .function_t { background: url(images/icon/Archives.png) no-repeat 10px 5px;} /*文章归档*/
#divFavorites .function_t { background: url(images/icon/Favorites.png) no-repeat 10px 5px;} /*网站收藏*/
#divLinkage .function_t { background: url(images/icon/Linkage.png) no-repeat 10px 5px;} /*友情链接*/
#divMisc .function_t { background: url(images/icon/Misc.png) no-repeat 10px 5px;} /*图标汇集*/
#divStatistics .function_t { background: url(images/icon/Statistics.png) no-repeat 10px 5px;} /*站点统计*/
#divAuthors .function_t { background: url(images/icon/Authors.png) no-repeat 10px 5px;} /*作者列表*/
#divPrevious .function_t { background: url(images/icon/Previous.png) no-repeat 10px 5px;} /*最新文章*/
#divTags .function_t { background: url(images/icon/Tags.png) no-repeat 10px 5px;} /*标签云集*/
#divSearchPanel .function_t { background: url(images/icon/Search.png) no-repeat 10px 5px;} /*搜索*/
/*日历*/
#divCalendar { width:235px; padding:0 0 15px 5px; text-align:center;}
#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:#FFFFFF;}
p.yd a { color:#FFFFFF;}
p.cd { font-weight:bold;}
p.w { background:#A9B8C5; padding:3px 0 2px 0; height:1.7em; color:#FFFFFF; text-transform: uppercase;}
/*侧边搜索*/
.function #edtSearch { float:left; width:110px; padding:6px 10px; border:1px solid #FFFFFF;}
.function #btnPost { float:left; background:#5EAAE4; border:none; width:50px; height:29px; font-weight:bold;color:#FFFFFF;}
/*侧边分类*/
#divCatalog .li-subcate { padding-left:15px; background:url(images/li-subcate.png) no-repeat left top;}
#divComments li,divPrevious li{ white-space:nowrap; word-break:keep-all; overflow:hidden; text-overflow:ellipsis;}
/*评论列表*/
.commentlist { padding:15px; background:#FFFFFF; margin-bottom:5px;}
.commentlist .msg { margin-top:10px; border-top:1px solid #CCCCCC; padding:5px 0 0 0;}
.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;}
/*发布评论*/
.commentpost { padding:15px; background:#FFFFFF; margin-bottom:10px;}
.commentpost p { margin-bottom:10px;}
li.msgarticle div.quote{ margin:10px 0 0 0; padding:10px; background:#FFFFFF; border:1px solid #F4F4F4;}
li.msgarticle div.quote-title{ margin:0; padding:0; font-size:1em; color:#CC0000;}
#inpName, #inpEmail, #inpHomePage, #inpVerify { width:200px; padding:6px 10px; border:1px solid #CCCCCC;}
#txaArticle { padding:5px; width:620px; height:120px; border:1px solid #CCCCCC;}
.button { background:#5EAAE4; border:none; width:100px; height:30px; font-weight:bold; color:#FFFFFF; }
/*分页*/
.pagebar { padding:5px 10px; text-align:right;}
.pagebar span.page{ color:#FFFFFF; padding:2px 8px; background:#5EAAE4; margin:4px;}
.pagebar span.now-page { color:#5EAAE4; padding:2px 8px; font-weight:bold; background:#FFFFFF; margin:5px;}
/*网站底部*/
.copyright { float:left; width:800px; padding:20px;}
.copyright a { color:#1F6194;}
#goTopBtn { float:right; width:120px; height:80px; cursor:pointer;}
#goTopBtn a { display:block; width:120px; height:80px;}
#goTopBtn span { display:none;}
