BODY { padding: 1em; margin: 0; background-attachment: fixed; }

h4 { font-weight: bold; letter-spacing: 0.3em; border-bottom: 1px solid black; }

#comments { width: 337px; margin: 0 auto; }
#comments h4 { border-bottom: 1px solid black; padding-top: 15px; }
#navigation { padding: 5px 0; }

.comment-item { margin: 15px 0 10px; padding: 5px 5px 5px 10px; border: 1px solid #ddd; background: white; }
.avatar { background: white; border: 1px solid #eee; float: right; padding: 2px; }
.vcard { padding: 5px 0; font-weight: bold; line-height: 1.3; }
.comment-item p { font-size: 90%; margin: 10px; }
.timestamp { font-size: 80%; }

#comment-form { border: 1px solid #bbb; margin: 4em auto 2em; padding: 15px; width: 305px; background: white; }
#comment-form textarea { width: 300px; height: 200px; margin-top: 5px; font: 90% "Trebuchet MS", Trebuchet, "Lucida Grande", lucida, helvetica, sans-serif; color: black; line-height: 150%; word-spacing: 3px; }
#comment-form input { width: 200px; margin-bottom: 10px; margin-top: -2px; font: 90% "Trebuchet MS", Trebuchet, "Lucida Grande", lucida, helvetica, sans-serif; color: black; word-spacing: 3px; }
#comment-form h4 { margin-bottom: 15px; }