@import url('content-item.css');
@import url('top-bar.css');
@import url('add-link.css');

/* layout */
#body { padding-left: 0; padding-right: 0; width: 980px; }

.content { width: 958px; margin: 20px auto 0 auto; }

#comments { width: 957px; margin: 29px auto 0 auto; padding-bottom: 1px; }
#comments h2 { padding: 10px 0 0 14px; position: relative; top: -9px; }
.comment { width: 936px; margin: 13px auto; padding-top: 10px;  }
.comment .wrapper { padding-bottom: 10px; }
.comment p { margin: 0 13px; padding-bottom: 10px; border-bottom: 1px dashed #51504b; }
.comment .info { margin: 7px 0 0 13px;  display: block;  }

#add-comment { width: 857px; height: 411px; margin: 0 auto; padding: 20px 50px; position: relative; left: -1px; }
#add-comment h2 { margin-bottom: 5px; }
#add-comment label { width: 145px; margin-bottom: 3px; padding-right: 5px; float: left; clear: left; }
#add-comment .text { width: 361px; height: 19px; margin: 4px 0 0 10px; float: left; }
#add-comment #comment { width: 521px; height: 115px; margin-top: 5px; float: left; clear: left; }
#add-comment #comment textarea { width: 510px; height: 100px; display: block; }
#add-comment .submit { width: 112px; height: 27px; margin: 14px 0 0 410px; float: left; clear: left; border-width: 0; }

#add-comment .text, #add-comment textarea { padding: 6px; border-width: 0; }

/* color */
#comments { background-color: #68644e; }
#comments h2 { color: white; background: transparent url(../images/comments/top_bg.png) no-repeat scroll 0 0; }
.comment { color: #51504b; background: #b4b2a7 url(../images/comments/comment_top_bg.png) no-repeat scroll 0 0; }
.comment .user { color: #51504b; }
.comment .wrapper { background: transparent url(../images/comments/comment_bottom_bg.png) no-repeat scroll bottom left; }
.comment .delete { color: #51504b; }

#add-comment { background: transparent url(../images/comments/comments_bottom_bg.png) no-repeat scroll 0 0; }
#add-comment.short { background: transparent url(../images/comments/comments_bottom_short_bg.png) no-repeat scroll 0 0; }
#add-comment h2 { color: white; }
#add-comment label { color: #b4b2a7; }
#add-comment .text { background: transparent url(../images/comments/add_comment_text_bg.png) no-repeat scroll 0 0; }
#add-comment #comment { background: transparent url(../images/comments/add_comment_comment_bg.png) no-repeat scroll 0 0; }
#add-comment textarea { background-color: transparent; }
#add-comment .submit { background: transparent url(../images/comments/add_comment_bg.png) no-repeat scroll 0 0; }
#add-comment .text, #add-comment textarea { color: #51504b; }
#add-comment .submit { color: #4b3a17; }
#add-comment label.captcha { font-size: 15px; }

/* type */
#comments h2 { font-size: 30px; font-weight: bold; }
#comments h2 .count { font-size: 36px; }
.comment { font-size: 14px; }
.comment .user { font-style: italic; font-weight: bold; text-decoration: none; }

#add-comment h2 { font-size: 36px; font-weight: bold; }
#add-comment label { font-size: 30px; text-align: right; font-weight: bold; }
#add-comment .text { font-size: 17px; }
#add-comment .submit { font-family: verdana; font-size: 12px; font-weight: bold; }