body {
  margin: 0;
  padding: 0;
  background: url(images/bg.jpg) #fff;
  font: 12px Verdana;
  color: #444;
}

a:link, a:visited{
  color: #444;
  text-decoration:none;
}

a:hover{
  color:#FF0066;
}

.username a:link, .username a:visited{
  font-size: 12px;
  color: #FF0066;
  font-weight: bold
}

.username a:hover{
  font-size: 12px;
  color: #FF0066;
  font-weight: bold;
  text-decoration:underline;
}

#bg-center{
  width:850;
  background:#fff;
  position:relative;
  left:50%;
  margin-left:-425px;
}

#bg-left-shadow{
  background: url(images/bg-left.jpg) repeat-y 0 0;
}

#bg-right-shadow{
  background: url(images/bg-right.jpg) repeat-y 100% 0;
}

#wrapper{
  width:650px;
  background:#fff;
  position:relative;
  margin-left:100px;
  border:1px solid #000;
}

#wb-header{
  width:650px;
  height:400px;
  background: url(images/bg-header.jpg) no-repeat 0 0;
}

#wb-center{
  width:650px;
  background: url(images/bg-center.jpg) 0 0;
}


#wb-footer{
  width:650px;
  height:100px;
  background: url(images/bg-footer.jpg) no-repeat 0 0;
}

/* --------- login ------ */

#login-form{
  z-index:10;
  position:absolute;
  right:23px;
  top:100px;
}

#login-form-reply{
  z-index:10;
  position:absolute;
  right:23px;
  top:30px;
}

.login {
  font-size: 10px;
  color: #000;
  font-weight: bold
}

.memoSubmit input{
  font-size:10px;
}

#regis-form {
  position:relative;
  left:50%;
  margin-top:30px;
  margin-left:-210px;
  background:#fff;
  width:400px;
  height:200px;
  padding:10px;
}

.regis-head {
  font-size: 15px;
  font-weight:bold;
  color:#FF0066;
  padding-bottom: 5px;
}

#regis-form .field{
  padding:4px 0 0 0;
}

#regis-form   label{
  text-align:right;
  float:left;
  width:140px;
  color:#666;
  font-size:10px;
  padding:3px 10px 0 0;
}

#regis-form  .regis-input{
  width:230px;
}

.logout {
  font-size: 12px;
  color: #FF0066;
  font-weight: bold
}

/* --- paging ---*/

#paging{
  position:relative;
  height:30px;
  text-align:right;
  margin:0px 20px 0 0px;
}

.pagelink{
  font-weight:bold;
  color:#FF0066;
  padding:3px;
}

#paging-footer{
  position:relative;
  margin:0px 20px 0 0;
  top:20px;
}

#postnew-button{
  position:relative;
  margin:-30px 0 5px 30px;
  background:#fff;
  width:100px;
}

/* ---- webboard main ---- */

#wb-body{
  position:relative;
  width:600px;
  margin:-230px 0 0 30px;
}

.head {
  font-weight:bold;
  color:#fff !important;
  background: #aaa;
}

.head-topic{
  position:relative;
  font-weight:bold;
  color:#fff;
  background: #aaa;
  width:584px;
  padding-top:3px;
  margin:0 0 0 3px;
  height:20px;
}

#wb-body .topic-node{
  position:relative;
  width:584px;
  background:#fff;
  margin:0 0 0 3px;
}

#wb-body .id{
  position:relative;
  width:45px;
  height:20px;
  padding:0 0 0 6px;
  top:2px;
  color:#999;
}

#wb-body .topic{
  position:relative;
  width:390px;
  height:20px;
  overflow:hidden;
  margin:-20px 0px 0 45px;
  top:2px;
}

#wb-body .poster{
  position:relative;
  width:100px;
  height:20px;
  top:2px;
  padding:0 0 0 10px;
  margin:-20px 0px 0 435px;
}

#wb-body .count{
  position:relative;
  width:49px;
  height:20px;
  margin:-20px 0 0 535px;
  text-align:center;
  top:2px;
  color:#999;
}

.line1{
  background: #DFDFDF;
}

.line2{
  background: #fff;
}

.ago{
  background: #DFDFDF;
}
.today{
  padding-right:10px;
  background: #FB70A8;
  color:fff !important;
}
.soon{
  background: #FFF;
}


/* ---- reply ----*/


#rp-center{
  position:relative;
  width:1000px;
  margin-left:-500px;
  left:50%;
  background: #fff;
  color:#000;
}

#rp-wrapper{
  position:relative;
  width:800px;
  margin-left:100px;
  background:url(images/rp-center.jpg) #fff;
}

#rp-footer{
  width:800px;
  height:80px;
  background: url(images/rp-footer.jpg) no-repeat 0 100%;
}


#wb-reply-topic{
  position:relative;
  width:800;
  background:url(images/rp-header.jpg) no-repeat 0 0;
  padding:100px 0 0 0;
}

#wb-reply-topic-center{
  position:relative;
  width:800;
  background:url(images/rp-cented-topic.jpg);
}


#wb-reply{
  position:relative;
  width:800;
}

#wb-reply-topic .reply-node-topic{
  position:relative;
  width:730px;
  left:30px;
  margin:20px 0 0 5px;
}

#wb-reply .reply-node {
  position:relative;
  width:730px;
  border:1px solid #ACACAC;
  left:30px;
  margin:20px 0 0 0;
}

#wb-reply .topic, #wb-reply-topic .topic{
  padding:4px 0 3px 10px;
  color:#fff;
  background: #aaa;
  font-size:13px;
}

#wb-reply .comment-head, #wb-reply-topic .comment-head{
  background: #E5E5E5;
  color:#444;
  padding:3px 0 2px 10px;
}

#wb-reply .head-line, #wb-reply-topic .head-line{
  height:5px;
  width:730px;
  background: #EFEFEF;
  border-bottom:1px solid #BCBCBC;
  border-top:1px solid #BCBCBC;
}

#wb-reply .picture, #wb-reply-topic .picture{
  position:relative;
  text-align:center;
  padding:20px 0 0 0px;
}

#wb-reply .message, #wb-reply-topic .message{
  position:relative;
  padding:20px 5px 20px 140px;
  min-height:130px;
}

#wb-reply .poster img, #wb-reply-topic .poster img{
  padding:2px;
  border:1px solid #ccc;
}

#wb-reply .poster, #wb-reply-topic .poster{
  font-size:16px;
  color:FF6600;
  padding:20px 10px 10px 10px;
  text-align:center;
  width:100px;
  height:120px;
  float:left;
}

#wb-reply .postdate, #wb-reply-topic .postdate{
  position:relative;
  color:#ccc;
  font-size:12px;
  text-align:center;
  width:100px;
}

.post-topic{
  position:absolute !important;
  display:none;
  z-index:10;
  margin-top:5px !important;
  margin-left:-330px !important;
  border:1px solid #FF0066 !important;
}

#post-form{
  background:#fff;
  margin-top:50px;
  border:1px solid #BCBCBC;
  width:650;
  position:relative;
  left:50%;
  margin-left:-325px;
  padding:0 0 0px 0;
}

.ext{
  background: #FF0066 !important;
  color:#fff !important;
}
#post-form .post-head{
  color: #444444;
  background: #E5E5E5;
  padding:2px;
  border-bottom:1px solid #BCBCBC;
}

#post-form #rules {
  position:relative;
  border:1px solid #505050;
  background: #EFEFEF;
  width:550px;
  color:#444;
  padding:10px;
  margin:30px 0 0 0;
  left:50%;
  margin-left:-275px;
}

.bold{
  font-weight:bold;
  color:#444;
}

#post-form #post-area{
  margin:20px 0 0 40px;
}

#post-form #post-area .field{
  padding:4px 0 0 0;
  width:600px;
}

#post-form #post-area  label{
  text-align:right;
  float:left;
  width:100px;
  color:#666;
  font-size:10px;
  padding:3px 10px 0 0;
}

#post-form #post-area .regis-input{
  width:400px;
}

#ref-box{
  margin:0 0 0 100px;
}

#rp-bottom{
  width:800px;
  height:30px;
  background:url(images/rp-bottom.jpg) no-repeat 0 0;
}
.bgtopic{
  background:url(images/rp-center-topic.jpg);
}

.sticky img{
  position:relative;
  margin:0 0 0 12px;
}




#event{
  width:650px;
  position:relative;
  margin:10px 0 0 50px;
}

#event .event-node{
  position:relative;
  width:580px;
  background:#fff;
  border-bottom:1px solid #aaa;
  }

#event .event-date{
  position:relative;
  width:100px;
  height:40px;
  padding:0px 0 0 7px;
  color:#999;
}

#event .event-name{
  position:relative;
  width:480px;
  height:40px;
  overflow:hidden;
  margin:-40px 0px 0 100px;
  padding:0px 0 0 0px;
}

#event .event-tool{
  position:relative;
  width:70px;
  height:35px;
  overflow:hidden;
  margin:-35px 0px 0 580px;
  padding:0px 0 0 20px;
  color:#999;
}

#event-post {
  padding-top:10px;
}

#event-post .event-date{
  position:relative;
  width:120px;
  height:30px;
  color:#999;
}

#event-post .event-time{
  position:relative;
  width:120px;
  height:30px;
  margin:-30px 0px 0 120px;
  color:#999;
}

#event-post .event-name{
  position:relative;
  width:360px;
  height:30px;
  margin:-30px 0px 0 240px;
  padding:0px 0 0 7px;
  color:#999;
}

#event-post .event-ok{
  position:relative;
  width:120px;
  height:30px;
  margin:-30px 0px 0 600px;
  padding:0px 0 0 7px;
  color:#999;
}


#profile {
  background:#fff;
  height:100px;
  width:400px;
  padding:10px;
  margin:20px;
}

#profile #profile-avatar{
  position:relative;
}

#profile #profile-name{
  position:relative;
  width:250px;
  margin:-90px 0 0 140px;
}

#profile #profile-upload{
  position:relative;
  width:250px;
  margin:10px 0 0 140px;
}

#profile #profile-ok{
  position:relative;
  width:100px;
  margin:10px 0 0 140px;
}