<div class="vid">
<div class="vid-img"><img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$"></div>
<div class="vid-title"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div class="vid-text">$MESSAGE$</div>
<div class="vid-detali"><li>$DATE$</li><li><a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a></li></div>
</div>

.vid {
background-color: #ccc;
display: inline-block;
border-radius: 100px 0 0 100px;
margin-bottom: 10px;
}
.vid-title {
background-color: #353A3C;
width: 541px;
margin-left: 100px;
padding: 10px 0;
}
.vid-title a {
font-family: monospace;
font-size: 14px;
color: #ad977b;
text-decoration: none;
}
.vid-title a:hover {
color: #977e5e;
}
.vid-img {
float: left;
width: 200px;
height: 200px;
border-radius: 100px;
}
.vid-img img {
width: 200px;
height: 200px;
border-radius: 100px;
}
.vid-text {
margin-top: 5px;
height: 65px;
overflow: hidden;
text-align: justify;
padding: 5px;
font-size: 13px;
line-height: 17px;
font-family: monospace;
}
.vid-detali {
display: inline-block;
padding: 5px 0 5px 0;
border-top: solid 1px #ABABAB;
margin-left: 5px;
margin-top: 5px;
}
.vid-detali a {
font-family: monospace;
color: #ad977b;
text-decoration: none;
}
.vid-detali a:hover {
color: #977e5e;
}
.vid-detali li {
font-family: monospace;
list-style: none;
float: left;
border-right: solid 1px #A3A3A3;
padding-right: 5px;
margin-right: 5px;
}

.vid-detali li:last-child {
border: 0;
padding: 0;
margin: 0;
}