<style>   
/* ---------- */   
.caption-top, .caption-bottom {   
    color: #ffffff;    
    padding: 1.2em;    
    font-weight: bold;   
    font-size: 13px;    
    font-family: arial;    
    cursor: default;   
    border: 0px solid #334143;   
    background: #000000;   
    text-shadow: 1px 1px 0 #202020;   
}   
.caption-top {   
    border-width: 0px 0px 8px 0px;   
}   
.caption-bottom {   
    border-width: 8px 0px 0px 0px;   
}   
.caption a, .caption a {   
    border: 0 none;   
    text-decoration: none;   
    background: #000000;   
    padding: 0.3em;   
}   
.caption a:hover, .caption a:hover {   
    background: #202020;   
}   
.caption-wrapper {   
    float: left;   
}   
a img {   
    border: 3px solid #ece7e6;   
    margin-right: 8px;   
    margin-bottom: 8px;   
}   
.images a:hover img {   
    border-color: #cdaf92;   
}   
.images a {   
    background: none;   
    padding: 0;   
}   
</style>   
    <script type="text/javascript" src="http://u1.do.am/u1/captify/captify.tiny.js"></script>   
    <script type="text/javascript">   
    $(function(){   
    $('img.captify').captify({});   
    });   
    </script>   
    <div class="images">   
    <a href="$ENTRY_URL$"><img class="captify" src="$IMG_URL1$" width="240" height="160" rel="caption1" alt="$TITLE$" /></a>   
    </div>