<div class="mn_block">
<a href="$ENTRY_URL$"><img src="$IMG_URL1$" title=" $TITLE$ " alt=" $TITLE$"></a>
<div class="moveBg"></div>

<div class="mn_info">
<div class="mn_play bt$ID$"></div>
<a href="$COMMENTS_URL$" class="mn_comm" title="Komentāri">$COMMENTS_NUM$</a>
<a href="javascript://" onclick="$.get('/load/0-1-1-$ID$-3 ',function(data) {if($(data).text().indexOf('Jau vērtēji !')>-1) _uWnd.alert('Jau vērtēji !','',{w:100,h:40,t:2000}); else {_uWnd.alert('Pievienots +1','',{w:100,h:40,t:2000});$('#rate$ID$').text('+1');};});" id="rate$ID$" class="mn_rate" title="Balsis">$RATED$</a>
<span class="mn_read" title="Skatijumi">$READS$</span>
</div>

<div class="mn_b_title">
     <a href="$ENTRY_URL$"><h2><center>$TITLE$</center></h2></a>
<div class="sepoLine"></div>
<p class="typeContent">$CATEGORY_NAME$
</p>
</div>
<div class="mn_more pan$ID$">
<div class="str"></div>
<div class="mn_m_title"><strong> $TITLE$ </strong></div>
<div style="position:relative; overflow:hidden; height: 200px;">
<div id="news-id-512" style="display:inline;">
<noindex> <br><br><?if(len($MESSAGE$)>445)?><?substr($MESSAGE$,0,303)?> ... <?else?>$MESSAGE$<?endif?><a href="$ENTRY_URL$">Lasīt tālāk »</a>     
     </noindex>
</div>
<div class="com_bott" style="top: 180px;width: 200px;"></div>
</div>
</div>
</div><script type="text/javascript">
$(document).ready(function() {
$('.bt$ID$').mouseover(function(){
$('.pan$ID$').fadeIn(0);
}).mouseleave(function(){
$('.pan$ID$').fadeOut(0);
});
});
</script>

<style>/*-------------------------------------*/
.mn_block {
     float:left;
     width: 212px;
     padding: 0px;
     height: 336px;
     position:relative;
     border-right: 1px solid #356DC6;
     border-bottom: 1px solid #356DC6;}

.mn_b_title {
     overflow:hidden;
     width: 196px;
     padding: 8px;
     position: absolute;
     bottom: 0px;}

.mn_block:hover .moveBg {
     background: rgba(0, 0, 0, 0.0);
     -o-transition:background .4s ease;
     -webkit-transition:background .4s ease;
     -moz-transition:background .4s ease;
     -ms-transition:background .4s ease;}

.uRelatedEntries {list-style: disc outside; margin-left: 10px;}
.uRelatedEntry {list-style: disc outside; margin-bottom: 2px;}
.uRelatedEntry a {font-size: 14px; color: #0047AA; text-shadow: 1px 1px 0px #eee;}
.uRelatedEntry a:hover {text-decoration: underline; color: #3B7EDD;}

.moveBg {     
     background: rgba(0, 0, 0, 0.3);
     bottom: 0px;
     display: table;
     height: 100%;
     position: absolute;
     width: 100%;}

.mn_play:hover {background: url(/images/play.png) no-repeat #429cdb 0px -30px; height: 60px;}
.mn_read:hover {background-position: 100% -18px;}
.mn_comm:hover {background-position: 100% -17px;}
.mn_rate:hover {background-position: 100% -18px;}
.mn_read:active {background-position: 100% -45px;}
.mn_comm:active {background-position: 100% -44px;}
.mn_rate:active {background-position: 100% -45px;}
.mn_info {top: 0px; width: 100%; background: rgba(0,0,0,0.4); position: absolute; font: 10px/29px "PT Sans";}
.mn_play {float:left; background: url(/images/play.png) no-repeat 0px 0px; width: 31px; height: 30px; display: inline-block; position: relative; z-index: 1000;}
.mn_read {float:left; height: 30px; margin-right: 20px; padding-right: 18px; display: inline-block; color:#fff; background: url(/images/mn_read.png) 100% 9px no-repeat;}
.mn_comm {float:left; height: 30px; margin: 0px 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_comm.png) 100% 10px no-repeat;}
.mn_rate {float:left; height: 30px; margin-right: 20px; padding-right: 16px; display: inline-block; color:#fff; background: url(/images/mn_rate.png) 100% 9px no-repeat;}

.sepoLine {
     background: url(/images/seporate.png) no-repeat;
     height: 7px;
     margin: auto;}

.typeContent {
     color: #FFF;
     font: italic 14px/16px "Georgia", serif;
     text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A;
     text-align: center;}

.mn_more .str {
     background:url(/images/strs.png) 100% 0px;
     width: 12px;
     height: 27px;
     position:absolute;
     left: -12px;
     top: 20px;}

.com_bott {
     background: url(/images/top-bott.png);
     top: 89px;
     position: absolute;
     width: 220px;
     height: 21px;}

.mn_block:hover {background:#fff;}
.mn_block img, .mn_block a img {
     margin-bottom: 0px;
     height: 336px;
     width: 212px;}

.mn_block h2, .mn_block a h2 {
text-shadow: 0px 0px 20px #000, 1px 1px 1px #9C383A;
text-transform: uppercase;
font: 900 15px "Arial Black", sans-serif;
color: #fff;
text-align: center;
}

.mn_more {
     background:url(/images/panel_bg.png) #fff repeat-x bottom;
     display: none;
     font-size: 10px;
     height: 320px;
     padding: 8px;
     position: absolute;
     right: 0px;
     top: 0px;
     width: 196px;
     z-index: 1;}
         
.mn_m_title {
     color:#474747;
     margin-bottom: 8px;
     padding: 0px 0px 8px 30px;
     border-bottom: 1px dashed #999;
     font-weight: 900;}

.min_rating {
     position:relative;
     top: 40px;}

.min_rating span {float:left; font-size: 16px; margin-left: 5px;}
.u-star-rating-20 {float:left;}
.mn_m_title span {color:#929292; display:block;}

.mn_more .str {
     background:url(/images/strs.png) 100% 0px;
     width: 12px;
     height: 27px;
     position:absolute;
     left: -12px;
     top: 20px;}

.mn_block:hover .moveBg {
     background: rgba(0, 0, 0, 0.0);
     -o-transition:background .4s ease;
     -webkit-transition:background .4s ease;
     -moz-transition:background .4s ease;
     -ms-transition:background .4s ease;}

        /*---------------------------------------------*/</style>