#col1{
 text-align: left;
 padding: 1em 0 0 18px;
 float: left;
}

img{
 border: 0px;
}

#thumbs{

}

#thumbs img.portrait{
 /*width: 99px;*/
 height: 131px;
 /* for IE */
 filter:alpha(opacity=99);
 /* CSS3 standard */
 opacity:1.0;
 
}

#thumbs img.landscape{
 /*width: 172px;*/
 height: 131px;
}

#thumbs ul{
 list-style: none;
 margin: 0;
 padding: 0;
 font-size: 11px; /*removes padding bug*/
}

#thumbs ul li.portrait{
 float: left;
 display: block;
 width: 123px; /* img width + 2*5px borders + 18px margin */
 height: 180px;
}

#thumbs ul li.landscape{
 float: left;
 display: block;
 width: 196px; /* img width + 2*5px borders + 18px margin */
 height: 180px;
}


#thumbs li.portrait a{
 display: block;
 border: 10px solid #FFFFFF;
 border-bottom: 30px solid #FFFFFF;
 width: 99px;
 height: 131px;
 padding: 0px;
 text-decoration: none;
 text-align:right;
}

#thumbs li.landscape a{
 display: block;
 border: 10px solid #FFFFFF;
 border-bottom: 30px solid #FFFFFF;
 width: 172px;
 height: 131px;
 padding: 0px;
 text-decoration: none;
 text-align:right;
}

#thumbs li a:hover{
 /*border: 10px solid #e0d9b9;
 border-bottom: 30px solid #e0d9b9;*/
}

#thumbs .on{
 /*border: 10px solid #e0d9b9;
 border-bottom: 30px solid #e0d9b9;*/
}

#thumbs ul p{
font-size: 8px;
}

#thumbs .thumbno{
display: block;
position: absolute;
font-size: 12px;
font-weight: bold;
padding: 5px;
color: #d1c9a5;
/*background: #FFFFFF;*/
}

#thumbs .thumbtext{
display: block;
position: relative;
padding-left: 40;
font-size: 11px;
font-weight: bold;
color: #292503;
}