#comments { border:1px dashed #323132; background:#000; text-align:center; margin:2px 5px; padding:0; width:67%; float:left }
.comment {
margin:2px 2px 4px 2px; padding:3px; font-size:bold; color:#777888; background:#000; border: 2px solid #323132; text-align:justify; width:90% }
.comment:before { content:"."; display:block; color:#000; text-align:left; background:url(/web/images/gray2top.png) left top no-repeat; margin:-5px; padding: 6px }
.comment:after { content:url(/web/icon/pencil.png)"Thanks bos..."; display:block; color:#777888; text-align:left; background:url(/web/images/gray2bottom.png) right bottom no-repeat; margin:-5px; padding: 6px }
#comments p { color:#777888; font-size:small; padding-right:207px }
#comments a { color:#3388bb }
.comment .title{ font-size:small;
background:#000 url(/web/images/gray1.png) repeat-x 50% top; margin:-22px 0 0 1px; padding:3px; border:1px solid #323132; text-align:left }
.comment .title:before { content:url(/web/icon/melet.png); display:block; float:left; color:#000; text-align:left; background:url(/web/images/gray1top.png) left top no-repeat; margin:-4px; padding: 7px }
.comment .title:after { content:"Berkomentar..."; display:block; color:#777888; text-align:left; margin:-4px; padding:4px 7px 4px 7px }