* { font-family:Tahoma,Verdana,"BitStream vera Sans",Arial,Helvetica,Sans-serif,微软雅黑,宋体;  }
body { margin: 0; padding: 0; background:url(../images/bg.gif) #f2f2f2 repeat-x 50% top; font-size: 12px;}
p { margin: 3px 0; padding: 0; }
a { color: #6385a1; }
a.button { display: inline-block; margin: 2px 5px 2px 0px; padding: 2px 10px 0 9px; width: auto; height: 18px; line-height: 18px; text-align: center; text-decoration: none; border: 1px solid #999; background-color: #ccc; color: black; }
a.button:hover { border: 1px solid #ccc; background-color: white; }
.inner { width:1000px; margin:auto; }
div#div_page { }
div#div_head { margin: 0 auto; }
div#div_title { padding: 20px 0 0; margin: 0 auto; width: 1000px; height:70px; }
div#div_title h1 { margin: 0 0 10px 0; padding: 0; font-size: 18px; font-family: 微软雅黑, 黑体; }
div#div_title sub { font-size: 14px; vertical-align: middle; }
div#div_title sub a { text-decoration: none; color:Black; font-weight:normal; }
div#div_mainmenu { margin: 0 auto 0; position: relative; height: 32px; background:#e9e9e9; }
dl#dl_mainmenu { margin: 0; padding: 0; }
dl#dl_mainmenu dd { margin:0; padding:0; }
dl#dl_mainmenu dd a { display: block; float:left; color:Black; text-align: center; text-decoration: none; padding: 0 20px; height: 32px; line-height:32px; border:#ccc 0px solid; }
dl#dl_mainmenu dd a:hover { background-color: #ddd; }
dl#dl_mainmenu dd a.checked { border-width:0 1px; background-color:#f2f2f2; }
dl#dl_controlmenu { margin: 0; padding: 0; }
dl#dl_controlmenu dd a { display: block; float: right; color:Black; text-align: center; text-decoration: none; padding: 0 20px; height: 32px; line-height:32px; border:#ccc 0px solid; }
dl#dl_controlmenu dd a:hover { background-color: #ddd; }
div#div_foot { clear: both; background-color:#e9e9e9; font-family:Verdana; line-height:18px; color:Gray; padding:15px 0px 30px; margin-top:20px; font-size:90%;}
div#div_body { width: 1000px; margin: 0 auto;  }
#div_silder { float: right; width: 230px; }
div.silderbox { clear: both; margin-top:10px; }
div.silderbox div.content { padding: 10px; text-align: center; }
div.silderbox div.content a { text-decoration: none; }
div.silderbox dl { margin-left: 10px; line-height: 25px; }
div.silderbox dl dt { font-size: 14px; font-weight: bold; font-family: Verdana, 微软雅黑,黑体; }
div.silderbox dl dd { margin-left: 10px; }
.clear { clear: both; }
/*mainbody*/
#div_mainbody { margin: 0 230px 0 0; }
#div_mainbody h2 { font-size: 14px; margin: 10px 10px 0; padding: 0; }
#div_mainbody h2 a { text-decoration: none; }
/*post*/
#div_posts { }
.post { padding: 5px 10px; line-height: 1.8;border-bottom: 1px solid #ccc; margin-bottom:10px; }
.post h3 { font-size: 14px; margin: 0; padding: 0; color: #4c4c4c }
.post h3 span.top { color: red; font-weight: normal; }
.post h3 a { text-decoration: none; color: #4c4c4c; }
.post sub { font-size: 14px; color: Gray; }
.post sub .date { background:url(../images/icons.gif) no-repeat 0px -48px; padding-left:20px; }
.post sub .category { background:url(../images/icons.gif) no-repeat 0px -208px; padding-left:20px; }

.post .content { font-size: 12px; padding-right: 15px; padding-left: 15px; overflow: hidden; }
.post .content .more { margin: 0; padding: 0;  background:url(../images/icons.gif) no-repeat 0px 0px; padding-left:20px; line-height:18px; height:18px; display:block; margin-top:5px; }
.post .content .more a { }
/*text detail*/
#div_post { padding: 10px; line-height: 1.8; }
#div_post h3 { font-size: 14px; margin: 0; padding: 0; border-bottom: 1px solid #ccc; width: 95%; color: #4c4c4c; }
#div_post sub { font-size: 14px; color: Gray; }
#div_post sub .date { background:url(../images/icons.gif) no-repeat 0px -48px;  padding-left:22px;}
#div_post .content { font-size: 12px; padding:0 10px; overflow: hidden; }
/*comments*/
#div_comments { padding: 10px 20px; line-height: 1.8; }
#div_comments .comment { margin:3px 0; padding-top:5px; background:url(../images/bg.gif) #f2f2f2 repeat-x 50% -5px; }
#div_comments .ocomment { margin:3px 0; padding-top:5px; background:url() #fff; }
#div_comments .comment h4 { margin: 0; font-weight: normal; color: gray; line-height:20px; }
#div_comments .comment h4 img.avatar { vertical-align: middle; width: 30px; height: 30px; padding: 1px; border: 1px solid gray; margin: 5px 10px 5px 5px; float:left; }
#div_comments .comment h4 .date { font-size: 11px; font-family: Verdana; color: Gray; }
#div_comments .comment h4 .floor { font-size: 11px; color: gray; }
#div_comments .comment .content { padding: 5px; }
#div_comments .comment .foot { text-align:right; }
#div_comments #footpager { display:none; }
/*提交评论*/
#div_newcomment { padding: 0 0 8px 5px; line-height: 1.8; margin-bottom: 15px; margin-left: 0px; border-top: 1px solid #562D28; }
#div_newcomment h2 { margin: 0; }
#div_commentpostbox { padding:  15px; color:Gray; line-height:25px; }
#div_commentpostbox input, #div_commentpostbox textarea { border: 1px solid #ccc; font-size: 12px; font-family: Verdana; color: gray; line-height: 20px; }
#div_commentpostbox input  { width:40%; height:20px; padding-left:22px; background-image:url(../images/icons.gif); background-repeat:no-repeat; }
#div_commentpostbox textarea  { width:100%; height:100px; }
#div_commentpostbox input.name { background-position:3px -477px; }
#div_commentpostbox input.link { background-position:3px -509px; }
#div_commentpostbox input.email { background-position:3px -349px;}
#div_commentpostbox .tooltip, #div_commentpostbox .tooltip a { color: gray; font-size: 11px; }
/*album*/
dl#div_albums { }
dl#div_albums .albumbox { float: left; margin: 10px; }
dl#div_albums .albumbox .album { background: url(../images/transparent_album_background.gif) no-repeat left; width: 120px; height: 120px; line-height: 120px; vertical-align: middle; }
dl#div_albums .albumbox .album a img { width: 100px; height: 100px; margin: 8px 12px 12px 8px; }
dl#div_albums .albumbox .title a { text-align: center; font-size: 12px; width: 120px; display: block; }
dl#div_album dl dt { clear:both; }
div#div_image { padding: 20px; text-align: center; }
/*-------------impromptu---------- */
.jqifade { position: absolute; background-color: #aaaaaa; }
div.jqi { width: 650px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; position: absolute; background-color: #ffffff; font-size: 12px; text-align: left; border: solid 1px #eeeeee; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 7px; }
div.jqi .jqicontainer { font-weight: normal; }
div.jqi .jqiclose { position: absolute; top: 4px; right: -2px; width: 18px; cursor: default; color: #bbbbbb; font-weight: bold; }
div.jqi .jqimessage { padding: 10px; line-height: 20px; color: #444444; }
div.jqi .jqibuttons { text-align: right; padding: 5px 0 5px 0; border: solid 1px #eeeeee; background-color: #f4f4f4; }
div.jqi button { padding: 3px 10px; margin: 0 10px; background-color: #2F6073; border: solid 1px #f4f4f4; color: #ffffff; font-weight: bold; font-size: 12px; }
div.jqi button:hover { background-color: #728A8C; }
div.jqi button.jqidefaultbutton { background-color: #BF5E26; }
.jqiwarning .jqi .jqibuttons { background-color: #BF5E26; }
div.jqi .jqimessage input { font-size:12px; font-family:Verdana, 宋体; }
div.jqi .jqimessage .field { padding: 5px 0; }
div.jqi .jqimessage .field label { display: block; clear: left; float: left; width: 100px; }
div.jqi .jqimessage .field input { width: 150px; border: solid 1px #777777; }
div.jqi .jqimessage .field input.error { width: 150px; border: solid 1px #ff0000; }
div.jqi h2 { line-height: 18px; font-size: 14px; margin-bottom: 8px; border-bottom: 1px dotted; }
div.jqi h3 { line-height: 16px; font-size: 12px; margin-bottom: 8px; border-bottom: 1px dotted; }
div.jqi dl.tooltip { margin: 0; padding: 0; line-height: 1.6; }
div.jqi dl.tooltip dt { margin: 0; padding: 0; font-weight: bold; border-bottom: 1px dotted; }
div.jqi dl.tooltip dd { margin: 0 0 0 10px; padding: 0; }
div.jqi span.tooltip { color:gray; font-size:11px; }
/*-------------------------------- */

#progressBar{ width:100%; height:30px; line-height:30px; position:relative; background-color:#562D28;  }
#progressBar .progress { width:1px;  height:30px;  position:absolute; left:0; top:0; background-color:#888888; display:none; }
#progressBar .status { width:100%; height:30px; color:White; text-align:center;  }

.datatable { border-collapse:collapse; border: solid 1px gray; }
.datatable thead th { padding:5px; border: solid 1px gray; background-color:gray; color:White;}
.datatable tbody td { padding:5px; border: solid 1px gray; }
.datatable tfoot td { padding:5px; border: solid 1px gray; background-color:#fffeee; }

#loadingProgressLine { position:absolute;  top:15px; right:15px; width:120px; padding:5px; background-color:black; color:white; }

#smilesector { width:200px; background-color:white; position: absolute; display:none; border:1px solid gray; }
#smilesector img.face { width:18px; height:18px; padding:1px; margin:1px; cursor:pointer; }
#smilesectorbutton img{ border-width:0;  }

#showpopcomment { position:absolute; width:400px; background-color:White; border:1px solid gray; display:none; }
#showpopcomment  { margin:3px 0; padding-top:5px; background:url(../images/bg.gif) #f2f2f2 repeat-x 50% -5px; }
#showpopcomment  { margin:3px 0; padding-top:5px; background:url() #fff; }
#showpopcomment  h4 { margin: 0; font-weight: normal; color: gray; line-height:20px; }
#showpopcomment  h4 img.avatar { vertical-align: middle; width: 30px; height: 30px; padding: 1px; border: 1px solid gray; margin: 5px 10px 5px 5px; float:left; }
#showpopcomment  h4 .date { font-size: 11px; font-family: Verdana; color: Gray; }
#showpopcomment  h4 .floor { font-size: 11px; color: gray; }
#showpopcomment  .content { padding: 5px; }
#showpopcomment  .foot { text-align:right; display:none; }