/**
 * @file
 * Comment Styling
 */


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

#comments h2.title /* Heading for the list of comments */ {
	border-bottom:0;
	border-top:1px dotted #ccc;
	margin-top:5px;
	padding:5px 1.5em;
	font-size:1.4em;
}

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

.comment /* Wrapper for a single comment */ {
	margin:0 1em;
	padding:0 1.2em;
}

.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 */ {
	background-color:#eee;
}

.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 */ {
	width:60%;
	float:left;
	font-size:1em;
	margin:10px 0 0 0;
}

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

.comment .user-picture /* The picture of the comment author */ {
 float:right;
 margin:0 -10px 0 -20px;
 padding:5px 0 0 0;
}

.comment .submitted /* The "posted by" information */ {
	width:25%;
	float:right;
	padding-right:5%;
}

.comment .content /* Comment's content wrapper */ {
}

.comment .user-signature /* The user's signature */ {
}

.comment ul.links /* Comment links. See also the ul.links declaration in the pages.css. */ {
	clear:right;
	width:30%;
	float:right;
	margin-top:0;
	font-size:0.9em;
}

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

#edit-comment-body .filter-guidelines {display:none;}

.comment .content p {margin:0;font-size:0.9em;}
.comment .content div.field-name-comment-body
{clear:left;width:60%;float:left;}

#comment-form div#edit-actions {float:right;}
#comment-form input.form-submit {margin-left:10px;}
#comment-form fieldset.filter-wrapper {border:0;width:300px;float:left;}
#comment-form .filter-help {width:280px;float:left;padding:0;margin:-10px 0;}

#comment-form {min-height:400px;}

.comment div.field-name-field-rating {float:right;width:30%;clear:right}
.comment div.field-name-field-rating .field-label {float:left;}
.form-type-fivestar label {float:left;margin-right:5px;}