<script type="text/javascript" src="/js/ui.js"></script>
<script type="text/javascript">
     $(document).ready(function() {
     $('.eff').hover(
     function () {
     value = $(this).find('img').outerHeight() * -1;
     $(this).find('img').stop().animate({bottom: value} ,{duration:500, easing: 'easeOutBounce'});
     },
     function () {
     $(this).find('img').stop().animate({bottom:0} ,{duration:500, easing: 'easeOutBounce'});
     });
     $('.eff').click(function () {
     window.location = $(this).find('a:first').attr('href');
     });
     });
</script>

<div class="eff">
              <img src="$IMG_URL1$" alt="$TITLE$" title="$TITLE$" width="126" height="126" style="bottom: 0px;">
            <div class="caption"><br>
<a href="$ENTRY_URL$" class="header" style="color: #fff; font-size: 20px"><strong>$TITLE$</strong></a>
<p><br>
        Žanrs : $CATEGORY_NAME$
<br>
<br>
</p><p align="justify">
             
         <a href="$ENTRY_URL$"class="header" style="color: #fff; font-size: 15px"><span style="color:red"><?if(len($MESSAGE$)>395)?><?substr($MESSAGE$,0,353)?> ... Lasīt tālāk »<?else?>$MESSAGE$ <?endif?></a></span>     
              
             
             
         </p>
<p></p>
</div>
</div>

<style>.eff {     
       background:#1f1b1c;
        width:238px;
        height: 350px;
        position:relative;     
        overflow:hidden;
        float:left;       
        display:inline;     
        font-size:12px;
}
.eff img {
        display:block;
        width: 238px;
        height: 350px;
        text-decoration:none;
        background:#ddd;
        position:absolute;
        z-index:500;
        cursor:pointer; cursor:hand;
}
.eff .caption {
        width:238px;
        height:350px;
        color:#eee;
        position:absolute;
        top:0; left:0;
        z-index:0;
        font-family: Cuprum;
        font-size: 15px;
}
.eff .caption a.header {
        margin:10px 5px 5px 5px;
        display:block;
        font-size:15px;       
        font-weight: bold;
}
.eff .caption p {
        margin:5px;     
        {
     .strong {
font-weight: bold;
         }</style>