Оригинальный вид комментариев для киносайтов

<style>

.posts-list .box .frame {

background: url(/images/bg-box-b.gif) no-repeat 0 100%;

width: 100%;

}

user agent stylesheetdiv {

display: block;

}

Inherited from li

user agent stylesheetli {

display: list-item;

text-align: -webkit-match-parent;

}

Inherited from ul.posts-list

.posts-list {

margin: 0 0 9px;

padding: 0 36px 0 26px;

list-style: none;

height: 1%;

overflow: hidden;

border-bottom: 1px dashed #9b998f;

}

.posts-list .image-holder {

float: left;

background: url(/images/ico03.gif) no-repeat;

width: 145px;

height: 142px;

margin: 4px 11px 0 0;

display: inline;

}

.novelty-block .image-holder {

width: 100%;

position: relative;

}  

.posts-list .text-holder {

height: 1%;

overflow: hidden;

}

.posts-list .box .frame {

background: url(/images/bg-box-b.gif) no-repeat 0 100%;

width: 100%;

}

.posts-list .box .inner {

background: url(/images/bg-box-t.gif) no-repeat;

min-height: 68px;

ove-rflow: hidden;

color: #fff;

padding: 16px 12px 25px 5px;

}

.posts-list .date {

float: right;

font-style: normal;

background: url(/images/bg-date.gif) no-repeat;

}

.posts-list .image-holder img {

display: block;

margin: 0 auto;

}

.posts-list .image-holder strong a:hover {

text-decoration: none;

margin: 0 auto;  

}

   

</style>

<div id="comment-id-5402"><ul class="posts-list">

<li>

<div class="image-holder">

<strong><a onclick="ShowProfile('sedou', '$PROFILE_URL$', '0'); return false;" href="$PROFILE_URL$">$USERNAME$</a></strong>

<img src="$USER_AVATAR_URL$" alt="Image" width="100">

</div>



<div class="text-holder">

<div class="headline">

<em class="date"><span>$DATE$ $MODER_PANEL$</span></em>

</div>

<div class="box">

<div class="frame">

<div class="inner"><div class="com_text">

<div id="comm-id-5402">$MESSAGE$</div></div>

<div class="buttons"></div>

</div>

</div>

</div>

</div>

</li>

</ul></div>