﻿#comment{}
.comment { width: 500px;display: block; float:left;}
#commentList { margin-bottom:20px;height:auto;}

.item { border: 1px solid #bcbcbc; float:left; width:488px;margin-bottom:7px;padding:5px;background:#fff;}
#commentList .odd { background-color: #f9f9f9; }
#commentList .user {width:100%;text-align:right; display: block; border-bottom: 1px solid #bcbcbc;}
.user .u-name {  margin-right: 15px;}
.user .star {   float: left; }
.user .date-ask { margin-right: 15px; }

.answer { margin-top: 15px; float: left; }
.answer dt { background: url(comments.png) no-repeat left center; float: left; padding-left: 22px; color: #069; width: 75px; line-height: 16px; height: 16px; }
.answer dd { width: 533px; float: left; color:#333; } 

.reply { float: left; background-color: #F7F7F7; border: 1px solid #F8E0C7; width: 95%; padding: 10px; margin-top: 10px; }
.odd .reply { background-color: #fff; }
.reply dt { font-weight: bold; color: #F90;  }
.reply dt i { font-style: normal; color: #666; float: right; font-weight: normal; }
.reply dd { color: #F00; margin-top: 10px; }

.commentform {width:650px;  margin: 20px auto 0 auto;  background-repeat: repeat-x; background-position: left top;}
.commentform .nTitle { font-size: 16px;  line-height: 30px; height: 30px;  }

.commentform { margin: 20px 0px 10px 0px;}
.commentform dl { float:left; padding: 0 0 10px 0; width:100%;}
.commentform dl dt { float:left; line-height: 30px; width: 110px; text-align: right; margin: 0 5px 0 0; }
.commentform dl dd { float:left; line-height: 30px;}
.commentform input,#comment_form textarea { padding: 3px; }
.commentform dl dd .textarea { height: 100px; width: 330px; }