<li class="">   
<header class="f-item-head">  
  <h4><a href="$ENTRY_URL$">$TITLE$</a></h4>  
  </header>   
<div class="folio-desc">  
  <time datetime="$CATEGORY_NAME$">$CATEGORY_NAME$</time>
   <time datetime="$TIME$">$TIME$</time>  
  </div>
   <span class="image-border"><a class="image-wrap" href="$ENTRY_URL$" title="Permanent Link to $TITLE$"><img width="196" height="139" src="$SCREEN_URL$" class="attachment-portfolio-post-thumbnail wp-post-image" alt="img1" title="img1"></a></span>  
  </li>

/* Default layout 3 columns */
#gallery {
   
  }
  #gallery .portfolio {
   width:100%;
   overflow:hidden;
   list-style-type:none;
   padding:0;
   margin:0;
   }
   #gallery .portfolio li {
    display:-moz-inline-box;
    display:inline-block;
    zoom:1;
    vertical-align:top;  
    width:198px;
    margin:0 8px 10px 0;
    position:relative;
    padding:0 14px 16px 14px;
    border:1px solid #2b2b2b;
    background:#1e1e1e;
    box-shadow:1px 1px 1px rgba(0, 0, 0, .5);
    border-radius:5px;
    }
   * + html #gallery .portfolio li {
    display:inline;
    margin-right:12px;
    }
   #gallery .portfolio li.nomargin {
    margin-right:0 !important;
    }
    #gallery .portfolio li span.image-border {
     display:block;
     border:1px solid #000;
     width:196px;
     height:139px;
     position:relative;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     }
    #gallery .portfolio li a.image-wrap {
     display:block;
     overflow:hidden;
     width:196px;
     height:139px;
     position:relative;
     background:#4b4b4b url(/loading-folio.gif) 50% 50% no-repeat;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     }
    #gallery .portfolio li span.image-border:hover {
     border-color:#fff;
     }
     #gallery .portfolio li a.image-wrap img {
      float:left;
      }
     
     
    #gallery .portfolio li .f-item-head {
     overflow:hidden;
     border-bottom:1px solid #282828;
     margin:0 -14px 12px -14px;
     padding:9px 14px 7px 14px;
     background-color: #1a1a1a;
     background-image: -webkit-gradient(linear, left top, left bottom, from(#1e1e1e), to(#181818)); /* Saf4+, Chrome */
     background-image: -webkit-linear-gradient(top, #1e1e1e, #181818); /* Chrome 10+, Saf5.1+, iOS 5+ */
     background-image:    -moz-linear-gradient(top, #1e1e1e, #181818); /* FF3.6 */
     background-image:     -ms-linear-gradient(top, #1e1e1e, #181818); /* IE10 */
     background-image:      -o-linear-gradient(top, #1e1e1e, #181818); /* Opera 11.10+ */
     background-image:         linear-gradient(top, #1e1e1e, #181818);
     }
     #gallery .portfolio li .post-ratings img {
      padding-right:2px;
      }
     #gallery .portfolio li .f-item-head .comments-link {
      display:block;
      float:right;
      background:url(images/icon-comments.png) no-repeat 0 0;
      width:26px;
      height:26px;
      line-height:20px;
      font-family:Tahoma, Geneva, sans-serif;
      text-align:center;
      text-decoration:none;
      color:#000;
      font-size:11px;
      }
     
     
    #gallery .portfolio .folio-desc {
     margin-bottom:0;
     padding:0 0 0 0;
     }
     #gallery .portfolio .folio-desc h4 {
      margin-bottom:0;
      }
     #gallery .portfolio .folio-desc time {
      display:block;
      font-size:10px;
      line-height:1.2em;
      color:#5c5c5c;
      text-transform:uppercase;
      margin-bottom:9px;
      }
    #gallery .portfolio p.excerpt {
     padding:0;
     }
     
    .zoom-icon {
     display:block;
     position:absolute;
     left:5px;
     top:-152px;
     width:290px;
     height:150px;
     background:url(/magnify.png) 50% 50% no-repeat;
     cursor:pointer;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     -o-transition: all .2s ease-in-out;
     }
    #gallery .portfolio li a.image-wrap:hover .zoom-icon {
     top:5px;
     }

<tbody><tr><td class="infTd" width="33%">
<li class="">       
<header class="f-item-head">      
      <h4><a href="$ENTRY_URL$">$TITLE$</a></h4>      
      </header>       
<div class="folio-desc">      
      <time datetime="$CATEGORY_NAME$">$CATEGORY_NAME$</time>
       <time datetime="$TIME$">$TIME$</time>      
      </div>
       <span class="image-border"><a class="image-wrap" href="$ENTRY_URL$" title="Permanent Link to $TITLE$"><img width="196" height="139" src="$SCREEN_URL$" class="attachment-portfolio-post-thumbnail wp-post-image" alt="img1" title="img1"></a></span>      
      </li>
</td></tr></tbody>

$BODY$

<table class="infTable" align="center" border="0" cellpadding="0" cellspacing="0" width="100%">$BODY$</table>