/**
 * @file
 * Comment Styling
 */


#comments /* Wrapper for the list of comments and its title */ {
  margin: 1.5em 0;
}

#comments h2.title /* Heading for the list of comments */ {
  background-image:url(../images/com_h2.png);
  background-repeat:repeat-x;
  background-position:0 0;
  height:55px;
  line-height:55px;
  margin:0 -20px 15px -20px;
  padding-left:20px;
}

#comments h2.comment-form /* Heading for the comment form */ {
}

.comment /* Wrapper for a single comment */ {
  margin-bottom:20px;
  position:relative;
}

.comment-preview /* Preview of the comment before submitting new or updated comment */ {
  background-color: #ffffea; /* Drupal core will use a #ffffea background. See #1110842 */
}

.comment.new /* A new comment since the user last viewed the page. */ {
}

.comment.first /* The first comment in the list of comments */ {
}

.comment.last /* The last comment in the list of comments */ {
}

.comment.odd /* An odd-numbered comment in the list of comments */ {
}

.comment.even /* An even-numbered comment in the list of comments */ {
}

.comment-unpublished /* Unpublished comments */ {
  /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished div.unpublished /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */ {
}

.comment-by-anonymous /* A comment created by an anonymous user */ {
}

.comment-by-node-author /* A comment created by the node's author */ {
}

.comment-by-viewer /* A comment created by the current user */ {
}

h3.comment-title /* Comment title */ {
}

.new /* "New" marker for comments that are new for the current user */ {
  color: #c00;
}

.comment .user-picture /* The picture of the comment author */ {
}

.comment .submitted /* The "posted by" information */ {
}

.comment .content  .field-name-comment-body/* Comment's content wrapper */ {
  border:1px solid #dfdfd7;
  background-color:#f8f8f5;
  border-radius:10px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  padding:20px 10px;
  background-image:url(../images/com_body.png);
  background-repeat:repeat-x;
  background-position:0 0;
}
.comment .content{
  
}
.comment .user-signature /* The user's signature */ {
}

.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
  margin:0;
  padding:0;
  width:100%;
  overflow:hidden;
  position:absolute;
  bottom:-12px;
}
.comment ul.links li{
  display:block;
  float:left;
  list-style-type:none;
  margin-right:18px;
}
.comment ul.links .comment-reply a{
  
}

.indented /* Nested comments are indented */ {
  /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
}