﻿/*=====================================================
==========                                   ==========
==========   作者：林肆（随笔）              ==========
==========   地址：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:'Microsoft Yahei',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;}
#nav span,#zi img{display:none;}
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;}

/*====== 顶部全局样式 ======*/
#head{height:110px;overflow:hidden;padding-top:20px;}
#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 dt{clear:left;float:left;height:70px;}
#head dd{
  float:right;width:380px;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 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;}
#edtSearch { 
  border:none; 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;}
#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:59px;width:720px;float:left;}
#nav li{float:left; line-height:28px; position:relative;}
#nav a{padding:0px 25px; display:block;color:#f8f8f8;font-weight:normal;}
#nav a:hover{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;line-height:22px;}

.function .function_c div{margin:8px 0px;;line-height:22px;}

/*====== 主体内容样式 ======*/
#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:635px;}
#content .content-right{float:right;width:265px;padding-left:20px;border-left:1px solid #ccc;}

#wen{padding-right: 0;padding-bottom: 18px;padding-left: 0;float: left;width: 635px;}
#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:635px;overflow:hidden;}
#wen ul{overflow:hidden;margin:8px 0px;}

#wen #time{font-style:normal;color:#999;text-align:left;height:25px;overflow:hidden;}
#time a{color:#FFF;background-color:#390;float:right;height:22px;padding:1px 8px;}
#time b{float:left;font-weight:normal;}

/*====== 主体底部翻页 ======*/
.pager{
  overflow:hidden;white-space:nowrap;background-color:#FFF;
  width:625px;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;}
#datu{
  margin:0px;padding:0px;float:left;height:234px;width:497px;
  list-style-type:none;}

/*====== 底部内容样式 ======*/
#foot{ 
  margin:0 auto;width:940px;background:#fff;border:1px solid #ccc;border-top:none;
  padding:20px;padding-top:0px;margin-bottom:20px;}
#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:635px;overflow:hidden;margin-top:10px;}
#postb #neir p{padding:5px 0px;}

.fengexian{ 
  background:url(fengexian.png) no-repeat center;
  height:17px;width:635px;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:10px 15px;background:#efefef;border:1px dashed #ccc;}
.mutuality li{
  background-image:url(li.gif);background-repeat:no-repeat;
  background-position:left center;padding-left:15px;margin-right:5px;
  line-height:22px;overflow:hidden;width:281px;float:left;}

/*====== 嵌套评论样式 ======*/
.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 #eaeaea;}

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{float:left;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;}

#inpName,#inpEmail,#inpHomePage,#inpVerify{
  width:200px;border:1px solid #CCC;height:15px;float:left;margin:0;padding:6px 10px;}
#txaArticle{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 a{
  float:left;width:87px;line-height:23px;height:23px;overflow:hidden;text-align:center;
  border:1px solid #CCC;padding:3px;margin:5px;background:#FBFBFB;}
.links a:hover{color:#f8f8f8;background:#888;text-decoration:none;}