div.forum {
width: 487px;
margin: 0 1px;
padding-bottom: 10px;
background: url(../img/forum_footer.png) bottom center no-repeat;
}
div.forum ul {
margin: 0;
padding: 0 10px;
width: 467px;
}
div.forum ul.header {
background: url(../img/forum_header.png) top center no-repeat;
}
div.forum ul.header li {
height: 26px;
line-height: 30px;
}
div.forum ul.even {
background: url(../img/forum_even.png) top center no-repeat;
}
div.forum ul.even li {
height: 20px;
line-height: 20px;
}
div.forum ul.odd {
background: url(../img/forum_odd.png) top center no-repeat;
}
div.forum ul.odd li {
height: 15px;
line-height: 14px;
}
div.forum ul li {
list-style: none;
float: left;
padding: 0 2px;
overflow: hidden;
}
div.forum ul li.forum {
width: 98px;
}
div.forum ul li.topic {
width: 111px;
}
div.forum ul li.comment {
width: 151px;
}
div.forum ul li.num_topic {
width: 41px;
text-align: center;
}
div.forum ul li.num_comment {
width: 46px;
text-align: center;
}
div.forum ul.admin li.comment {
width: 131px;
}
div.forum ul.admin li.operation {
width: 16px;
text-align: center;
}
div.forum form {
  display: block;
  margin: 0;
  padding: 5px 20px;
  background: url(../img/forum_even.png);
  overflow: auto;
}
div.forum form label { display: block; font-weight: bold; padding-top: 5px; }
div.forum form input { float: left; width: 380px; border: 1px solid #999; background: #f9f9f9; padding: 1px 0; }
div.forum form input.submit { float: right; width: auto; border: 1px solid #999; background: #f0f0f0; padding: 0; }
div.topic {
width: 486px;
margin: 0 2px;
padding-bottom: 10px;
background: url(../img/topic_footer.png) bottom center no-repeat;
}
div.topic h2 {
margin: 0;
padding: 0 15px;
height: 30px;
line-height: 36px;
font-size: 12px;
background: url(../img/topic_header.png) top center no-repeat;
overflow: hidden;
}
div.topic ul {
margin: 0;
padding: 0 10px;
width: 466px;
}
div.topic ul.header {
background: url(../img/topic_title.png) top center no-repeat;
}
div.topic ul.header li {
height: 21px;
line-height: 22px;
}
div.topic ul.even {
background: url(../img/topic_even.png) top center no-repeat;
}
div.topic ul.even li {
height: 20px;
line-height: 20px;
}
div.topic ul.odd {
background: url(../img/topic_odd.png) top center no-repeat;
}
div.topic ul.odd li {
height: 15px;
line-height: 14px;
}
div.topic ul li {
list-style: none;
float: left;
padding: 0 5px;
overflow: hidden;
}
div.topic ul li.topic {
width: 91px;
}
div.topic ul li.create {
width: 120px;
}
div.topic ul li.comment {
width: 175px;
}
div.topic ul li.num_comment {
width: 40px;
text-align: center;
}
div.topic ul.admin li.comment {
width: 155px;
}
div.topic ul.admin li.operation {
width: 10px;
}
div.topic form {
  display: block;
  margin: 0;
  padding: 5px 20px;
  background: url(../img/topic_even.png);
  overflow: auto;
}
div.topic form label { display: block; font-weight: bold; padding-top: 5px; }
div.topic form input { float: left; width: 380px; border: 1px solid #999; background: #f9f9f9; padding: 1px 0; }
div.topic form input.submit { float: right; width: auto; border: 1px solid #999; background: #f0f0f0; padding: 0; }
div.comment {
width: 490px;
background: url(../img/comment_footer.png) bottom center no-repeat;
padding-bottom: 10px;
}
div.comment h2 {
margin: 0;
padding: 0 15px;
height: 30px;
line-height: 36px;
font-size: 12px;
background: url(../img/comment_header.png) top center no-repeat;
overflow: hidden;
}
div.comment ul {
margin: 0;
padding: 0;
width: 490px;
background: url(../img/comment_bg.png);
}
div.comment ul li {
list-style: none;
float: left;
padding: 0 10px;
overflow: hidden;
}
div.comment ul li.nick {
height: 17px;
line-height: 16px;
width: 225px;
background: url(../img/comment_title.png) left center no-repeat;
text-align: left;
}
div.comment ul li.time {
height: 17px;
line-height: 16px;
width: 225px;
background: url(../img/comment_title.png) right center no-repeat;
text-align: right;
}
div.comment ul li.info {
width: 89px;
padding-right: 5px;
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
div.comment ul li.info img {
padding: 2px;
border: 1px solid #848484;
margin-top: 2px;
}
div.comment ul li.comment {
width: 371px;
padding-left: 5px;
text-align: justify;
padding-top: 5px;
padding-bottom: 5px;
}
div.comment ul li.operation {
  clear: both;
  text-align: right;
  width: 470px;
  font-weight: bold;
}
div.comment form {
  display: block;
  margin: 0;
  padding: 5px 20px;
  overflow: auto;
}
div.comment form label { display: block; font-weight: bold; padding-top: 5px; }
div.comment form textarea { float: left; width: 380px; height: 100px; border: 1px solid #999; background: #f9f9f9; }
div.comment form input.submit { float: right; border: 1px solid #999; background: #f0f0f0; }
div.comment form br { clear: both; }