﻿/*=====================================================
==========                                   ==========
==========   作者：林肆（随笔）              ==========
==========   地址：http://www.maosay.com     ==========
==========   邮箱：xiaoxiandoc@163.com       ==========
==========                                   ==========
=====================================================*/

::selection {color: #888;background: #eee;}
::-moz-selection {color: #888;background: #eee;}

body{
  font-size:13px;margin:0;background:#eee;color:#333;
  font-family:Verdana, Arial, Helvetica,sans-serif;}

div,form,ul,ol,li,span,p,dl,dt,dd,h1,h2,h3,h4,#postb dl{
  margin:0px;padding:0px;}
li{list-style-type:none;}
img{border:0;}
.clear{clear:both;}

a{text-decoration:none;color:#333;}
a:hover{color:#888;text-decoration:underline;}

.ad1{float:right;}
.ad2{float:right;margin:10px 0px 10px 10px;}
.ad3{padding-bottom:10px;}

#comment_year .function_c ul{
  background:url(rank.png) no-repeat left;padding-left:22px;margin-left:-3px;}

/*====== 顶部全局样式 ======*/
#head{height:100px;overflow:hidden;padding-top:15px;}
#head dl{
  width:940px;margin:0 auto;overflow: hidden;padding:20px;background:#fff;
  border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
#head dd{
  float:right;width:440px;height:60px;font-size:12px;color:#fff;text-align:center;
  padding:0px;margin-top:5px;margin-right:0px;margin-bottom:0px;margin-left:0px;}

.logo_img{float:left;width:250px;height:60px;overflow:hidden;}
.logo{float:left;height:60px;}
.logo h1 a{margin-top:10px;font-size:22px;color:#555;font-weight:normal;display:block;}
.logo h1 a:hover{color:#888;text-decoration:none;}
.logo h2{font-size:13px;color:#666;font-weight:normal;margin-top:5px;}

#search{
  float:right;display:block;height:24px;margin-top:2px;margin-right:3px;
  margin-top:1px\9;}
#edtSearch { 
  background:#fff; height:16px;line-height:16px; 
  border:1px solid #777;width:145px;padding:3px 5px;}
#btnPost{ 
  width: 50px;height: 22px;border: 0px;padding: 0px;margin-left: 2px;
  text-align: center;background: #bbb;color: white;
  margin-bottom:1px\9;padding-top:3px\9;}
#btnPost:hover{cursor:pointer;background:#aaa}

#menu{
  margin:0 auto;padding:0px 20px;width:940px;
  border-left:1px solid #ccc;border-right:1px solid #ccc;background:#fff;}
#nav{
  background:#777;height:28px;width:940px;line-height:35px;
  font-weight:normal;margin:0 auto;}
#nav ul{height:28px;width:720px;float:left;}
#nav li{
  float:left; line-height:28px;position:relative;
  line-height:30px\9;}
#nav a{padding:0px 25px; display:block;color:#f8f8f8;font-weight:normal;}
#nav a:hover{height:28px\9;background:#555;text-decoration:none;}

#plac{
  font-size:12px;border-left:1px solid #ccc;border-right:1px solid #ccc;margin:0 auto;
  background:#fff;padding:0px 20px;line-height:45px;height:45px;width:940px;}

/*====== 侧栏样式代码 ======*/
.function {float:left;width:100%;margin:0 0 10px 0;padding:0;text-align:left;}
.function .function_t{
  font-size:16px;line-height:26px;white-space: nowrap;overflow: hidden;
  color:#333;font-weight:normal;border-bottom:1px dashed #ddd;padding-bottom:3px;}

.function ul{
  text-align:left;margin:8px 0px;padding:0;
  border-top:1px solid #FFFFFF;list-style-position:outside;list-style-type:none;}
.function li{
  margin:0;padding:0px;white-space: nowrap;
  width: 260px;overflow: hidden;line-height:22px;}

.function .function_c div{margin:8px 0px;;line-height:22px;}

#divTags .function_c li{float:left;margin-right:10px;}

/*====== 主体内容样式 ======*/
#content{width:940px;margin:0 auto;overflow: hidden;padding:0px 20px;border-left:1px solid #ccc;border-right:1px solid #ccc;background:#fff;padding-bottom:18px;}

#content .content-left{float:left;width:640px;}
#content .content-right{float:right;width:260px;padding-left:20px;border-left:1px solid #ccc;}

#wen{padding-right: 0;padding-bottom: 18px;padding-left: 0;float: left;width: 640px;}
#wen h3{
  border-bottom:1px dashed #ddd;font-size:16px;font-weight:normal;
  line-height: 26px;padding: 0 0 3px 0px;margin:0px;color:#000;}
#wen h3 a:hover{color:#888;text-decoration:none}
#wen dd{line-height:22px;float:right;width:640px;overflow:hidden;}
#wen ul{overflow:hidden;margin:8px 0px;}
#wen .wen-bottom{color:#888;}

/*====== 主体底部翻页 ======*/
.pager{
  overflow:hidden;white-space:nowrap;background-color:#FFF;
  width:630px;float:left;padding:5px;text-align: center;}
.pager a,.pager strong.pager-current{
  border:1px solid #ccc;background:#fff;margin:2px;padding:3px 6px;}
.pager a:hover{border:1px solid #333;text-decoration:none;color:#333}
.pager .now-page{
  border:1px solid #888;color:#fff;font-weight:normal;
  background:#888;margin:2px;padding:3px 6px;}
#head p{background-color: #999999;display: block;}

/*====== 底部内容样式 ======*/
#foot_b{padding-bottom:15px;}
#foot{ 
  margin:0 auto;width:940px;background:#fff;border:1px solid #ccc;border-top:none;
  padding:20px;padding-top:0px;}
#foot .f-info{padding-top:8px;border-top: 4px solid #777;}
#foot p{line-height:22px;}

/*====== 文章内容样式 ======*/
#postb #title{height:55px;}

#title h1{
  font-size:16px;line-height:26px;white-space: nowrap;overflow: hidden;
  color:#333;font-weight:normal;border-bottom:1px dashed #ddd;padding-bottom:3px;}
#title h2{font-size:13px;font-weight:normal;margin-top:10px;color:#888;}

#postb {margin-bottom:10px;}
#postb #neir{line-height:22px;width:640px;overflow:hidden;margin-top:10px;}
#postb #neir p{padding:5px 0px;}

.fengexian{ 
  background:url(images/fengexian.png) no-repeat center;
  height:17px;width:640px;margin-top:13px;}
#postb #tags{
  line-height:30px;text-align:right;margin-top:15px;
  font-size:12px;height:30px;overflow:hidden;}

#post_nav{float:right;text-align:right;}
#post_nav .r{ border-left:1px solid #ccc;padding-left:5px;margin-left:5px;}

#left .mutuality{line-height:30px;text-align:right;margin:0;}
#left .commentlist{margin-top:15px;}
.mutuality h4,.commentlist h4,#divCommentPost h4{
  font-size:15px;padding:5px 0px;font-weight:normal;line-height:20px;text-align:left;
  border-bottom:2px solid #777;background-position:left bottom;margin-bottom:5px;}
.mutuality_body{padding-bottom:12px;}
.mutuality ul{padding:8px 13px;padding-bottom:5px\9;background:#efefef;border:1px dashed #ccc;}
.mutuality li{
  background-image:url(images/li.gif);background-repeat:no-repeat;
  background-position:left center;padding-left:15px;margin-right:5px;
  line-height:22px;overflow:hidden;float:left;float:none\9;white-space: nowrap;width:285px;}

/*====== 嵌套评论样式 ======*/
.commentlist .msg{padding-top:10px;}

ul.msg{
  width:100%;text-align:left;list-style-position:outside;table-layout: fixed;
  word-wrap:break-word;}

li.msgname{padding-bottom:5px;margin:0px;font-weight: normal;font-size:13px;}
li.msgname .info{font-size:12px;color:#888;}
li.msgurl{text-align:right;padding:2px 10px 2px 10px;margin:0;font-size:1em;}
li.msggravatar{display:block;float:left;margin-right:5px;}
li.msgarticle{
  list-style-position : outside;margin:0;line-height:22px; background:#FFF;
  padding-left:46px;border-bottom:1px solid #eaeaea;padding-bottom:8px;}
li.msgtime{padding:5px 0 0 0;font-weight: normal; font-size:0.8em;}
img.avatar{
  width:34px;height:34px;
  float:left;padding:2px;margin-right:2px;border:1px solid #ccc;}
.floor{float:right;color: #888;}

ul.msg ul.msg{
  padding:10px 0 0 0;margin:5px 0 0 0;border-top:1px dashed #eaeaea;border-bottom:none;}
ul.msg ul.msg li.msgarticle{padding-bottom:0px;border-bottom:0px solid #eaeaea;}
ul.msg ul.msg li.msgname{padding:0px;}

.msg .pagebar .l{float:left;}
.msg .pagebar .r{float:right;}

/*====== 评论发布样式 ======*/
#divCommentPost{font-size:12px;margin:0;padding:0;width:100%;}
#divCommentPost label{
  height:15px;overflow:hidden;clear:left;float:left;line-height:15px;padding:6px 10px;
  border-color:#CCC;border-style:solid;border-width:1px 0 1px 1px;margin:0;}
#divCommentPost .cancel{margin-left:205px;}
#divCommentPost small{
  color:#999;font-size:12px;font-weight:400;margin-left:10px;line-height:29px;}
#divCommentPost .keep{color:#888;font-size:12px;font-weight:400;}
#divCommentPost img{margin-top:3px;margin-left:10px;}
#divCommentPost p{margin-bottom:10px;padding:0;}

input[type="text"]{
  font-size:12px;color:#333;font-family:Verdana, Arial, Helvetica,sans-serif;}
#inpName,#inpEmail,#inpHomePage,#inpVerify{
  width:200px;border:1px solid #CCC;height:15px;float:left;margin:0;padding:6px 10px;}
#txaArticle{
  font-size:12px;color:#333;font-family:Verdana, Arial, Helvetica,sans-serif;
  width:90%;height:120px;border:1px solid #CCC;padding:5px;}

.you{float:right;}
#divCommentPost .button{
  font-size:14px;line-height:30px;color:#FFF;background-color:#888;
  height:30px;width:80px;border-width:0;}
#divCommentPost .button:hover{cursor:pointer;}


/*====== 页面内容样式 ======*/
.post_body{line-height:22px;}
.post_body h2{
  font-size:16px;line-height:26px;white-space: nowrap;overflow: hidden;
  color:#333;font-weight:normal;border-bottom:1px dashed #ddd;padding-bottom:3px;}
.post_content{padding:8px 0px;margin-bottom:5px;}
.post_content p{padding:5px 0px;}

/*====== 页面友情链接 ======*/
.links {margin:5px 0px;}
.links li{
  float:left;width:87px;line-height:23px;height:23px;overflow:hidden;text-align:center;
  border:1px solid #CCC;padding:3px;margin:5px;}