.comment {
margin: 0 0 1em 0;
}
.comment .avatar {
float: left;
.comment .body {
margin-left: 60px;
.comment .header {
margin-bottom: 0.2em;
.comment .avatar a {
display: inline-block;
.comment .avatar img {
width: 40px;
height: 40px;
background-image: url('http://www.gravatar.com/avatar/0?f=y&d=mm&s=40');
margin-right: 0.5em;
clear: left;
.comment .date {
margin: 0 0.2em 0 0.75em;
color: silver;
.comment .date,
.comment .edit,
.comment .delete {
font-size: small;
.comment .edit a:before,
.comment .delete a:before {
margin-left: 0.2em;
content: ' [';
.comment .edit a:after,
.comment .delete a:after {
content: ']';
.comment .edit a,
.comment .delete a {
.comment .edit a:hover,
.comment .delete a:hover,
.comment .edit a:focus,
.comment .delete a:focus {
color: red;