<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>

/*material*/  
.vid { 
background-color: #ccc; 
display: inline-block; 
border-radius: 100px 0 0 100px; 
margin-bottom: 10px; 
} 
.vid-title { 
background-color: #353A3C;width: auto; 
margin-left: 100px; 
padding: 10px 0; 
} 
.vid-title a { 
font-family: monospace;font-size: 17px;color: #C5C5C5; 
text-decoration: none;} 
.vid-title a:hover {color: #FFFFFF;} 
.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: #696969; 
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; 
}