#comments {
text-align:left;
margin: 50px 0;
}
#comments div {margin: 11px;}

div.comment {
  border-color: #dde0e9;border-style: solid;border-width: 1px 0 0 1px;
  padding: 14px 120px 14px 18px;
  margin-bottom: 40px;
  position:relative;
}
div.comment span.nr { position:absolute;top:15px;right:10px; font-size:34px;color:#e2e5ee;}
div.comment span.datetime {position:absolute;top:-9px;left:3px;color:#042D4E;font-weight:bold;}

.article {
  padding: 10px 30px;
  text-align: left;
  line-height: 18px;
}
.article h1 {
  font-size: 20px;
  margin: 36px 0 30px;
  padding: 3px 7px;
  border-color: #00C9DC;
  border-style: solid;
  border-width: 0 0 0 3px;
}
.article h2 {
  font-size: 13px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 6px;
  border-color: #dde0e9;
  border-style: solid;
  border-width: 1px 1px 0 0;
}


.article p {
  margin: 18px 15px;
  text-indent: 20px;
  font-size: 13px;
}
.article p#lead {
  margin: 20px 2px 36px;
  text-indent: 0;
  font-size: 13px;
  font-weight: bold;
}
.autor {
  margin: 30px 0 15px 15px;
  font-size: 14px;
  font-style: italic;
  padding: 3px 7px;
  border-color: #00C9DC;
  border-style: solid;
  border-width: 0 3px 0 0;
  background: #D6FFFF;
}
.frame {
  background: #ebeae4;
  border: 1px solid #888;
  margin-top: 40px;
  padding: 0 15px 15px;
}
.frame li {
  margin: 6px 0 6px 24px;
}