@charset "utf-8";
/* 
CSS Document 
*/

body {font-size:12px;font-family:Arial,"simsun";color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding:0;margin: 0;}
body{padding:50px 0;background:#000000 url(../images/16.jpg) no-repeat fixed center top;}
input,textarea {font-family:verdana;}
table {border-collapse:collapse;border-spacing:0;}
img {border:0;}
address,caption,cite,code,dfn,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
caption,th {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
button {font:bold 12px/18px arial;color:#666;border-bottom:2px solid #bbb;border-right:2px solid #bbb;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;background-color:#f5f5f5;}

/*link*/
a,a:visited{text-decoration:none;color:#333;}
#header h1 a:hover {text-decoration:none;}
.post-footer a,.post-footer a:visited,.profile p a,.profile p a:visited {color:#e80;}
.post-action a,.post-action a:visited{font:normal 12px/12px arial;color:#e80;padding:3px 4px 3px 22px;background:#fff url(../images/note_edit.gif) no-repeat 3px center;border:1px solid #fff;}
.post-action a.del,.post-action a.del:visited{background-image:url(../images/note_delete.gif);}
.post-action a:hover {border-color:#f8e595;background-color:#fffbeb;}
a:hover,a:active{text-decoration:underline;color:#666;}
/*clear*/
.clear:after{content:"."; display:block; height:0px; clear:both; visibility:hidden;}
.clear{display:inline-block;}
.clear{display:block}
/*page*/
.page {padding:3px;margin:6px auto;text-align:right;}
.page a,.page .current,.page .disabled {border:1px solid #eee;padding:2px 5px;margin:2px;color:#e80;text-decoration:none;}
.page a:hover,.page a:active {border:1px solid #f50;color:#f50;}
.page .current {border-color:#e80;color:#fff;background-color:#e80;font-weight:bold; }
.page .disabled {color:#ddd;}

.text {padding:2px;border-top:2px solid #bbb;border-left:2px solid #bbb;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;color:#333;}

#container {width:765px;margin:0 auto;background:#FFF;}
#header {width:745px;padding:40px 0 20px 20px;position:relative;}
#header h1 {font:normal 24px/24px Arial Black;padding:5px 0 15px 54px;background:url(../images/logo.gif) no-repeat left center;}
#header h1 span {color:#e80;}
#header h2 {position:absolute;top:67px;left:114px;font:normal 10px/10px arial;}
/*write*/
#write {padding-left:20px;margin-top:30px;}
#write h3 {padding:.3em 0;font-size:16px;}
#write input {width:493px;}
#write textarea,#reply textarea  {width:493px;height:60px;overflow:auto;}
#subhere {text-align:right;padding:.5em 0;width:500px;}
#subhere button {width:111px;height:32px;border:0;background:url(../images/update.gif) no-repeat left top;font:bold 16px/32px arial;color:#666;}
#main {margin:30px auto 0;padding-bottom:15px;}
#post_list,#siderbar {width:524px;float:left;}
#post_list{margin-right:30px;}
#post_list ul li {margin-bottom:50px;padding-left:20px;position:relative;width:500px;background-color:#fff;}
.post-title {font:bold 16px/24px arial;color:#333;}
.post-date {position:absolute;top:0;right:0;line-height:24px;width:120px;text-align:right;color:#ccc;}
.post-content {padding:.8em 0;line-height:20px;width:500px;}
.post-footer{line-height:20px;color:#666;}
.post-action {float:right;position:absolute;top:0;right:80px;line-height:24px;display:none;}

#siderbar {width:200px;}
#siderbar div {margin-bottom:15px;}
.profile h2 {width:100px;height:100px;text-indent:-100em;overflow:hidden;background:url(../images/mehead.gif) no-repeat left top;}
.profile p {padding:1em 0;}
#create {margin-right:5px;}
div#manage {margin:0;display:none;}
.siteinfo p {line-height:24px;}
.siteinfo p.conts,.message p span,#reply p span, .link li span{font:10px/12px arial;color:#aaa;}
.message h3, .link h3{padding:.8em 0;font-size:14px;}
.message p {padding:.2em 0;}
.message input {width:180px;}
.message textarea{overflow:auto;width:180px;}
.link li{padding:5px 0;}
.link li span{margin-left:5px;}
/*comment*/
#comment {padding-left:20px;}
#comment h3 {padding:.5em 0;font:bold 16px/24px arial;}
#comment ol li {padding:6px 10px;margin-top:15px;}
.avatar {float:right;padding:2px;border:1px solid #eee;}
#comment ol li h4 a,#comment ol li h4 a:visited {color:#e80;}
#comment ol li h4 a:hover {color:#666;}
#comment ol li p {margin:10px 0;}
#comment ol li h5 {font:normal 10px/12px arial;color:#666;}
#comment ol li.alt {border-style:solid;border-width:1px 0;border-color:#ddd;background-color:#f8f8f8;}

#reply p {padding:0.2em;}
#reply p.right {text-align:right;}
#cnzz {text-align:center;display: none;}