/**
 * @file
 * Comment Styling.
 */


.comment div.picture {
  float: left;
}
.comment div.picture img {
  width: 45px;
  height: auto;
  margin-top: 8px;
}
.comment div.picture + div.comment-data {
  margin-left: 58px;
}
@media (max-width: 659px) {
  .comment div.picture {
    display: none;
  }
  .comment div.picture + div.comment-data {
    margin-left: 0;
  }
}

.comment h3 {
	margin-top: .1em;
}
.comment div.submitted {
  font-size: .75em;
  color: #898989;
  display: block;
  margin: -0.5em .1em 0;
}
.comment .content {
  margin-top: .8em;
  text-align: justify;
}
@media (max-width: 799px) {
  .comment .content {
    text-align: left;
  }
}

.comment ul.links {
  margin: 1em 0 1.3em;
}
.comment ul.links li {
  padding-right: 1.2em;
  text-transform: capitalize;
  margin-bottom: 1em;
}
.comment ul.links li:before {
  font-family: "fonticons";
  padding: 0 .38em 0 0;
  color: #ff3300;
}
.comment ul.links li.comment_reply:before {
  content: "\e82c";
}
.comment ul.links li.comment_edit:before {
  content: "\e82a";
}
.comment ul.links li.comment_delete:before {
  content: "\e829";
}
.comment ul.links li.last {
	padding-right: 10px;
}

.indented {
  padding-left: 1.1em;
  margin: -0.2em 0 1em;
  border-left: 5px solid #eaeaea;
}
.indented .indented {
  margin: .6em 0;
  border-color: #eee;
}
.indented .indented .indented {
  border-color: #efefef;
}
.indented .indented .indented {
  border-color: #f4f4f4;
}
.indented .comment:last-child ul.links {
  margin-bottom: .2em;
}
