#gallery {
background-color: #444;
padding: 10px;
width: 520px;
}
#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img {
border: 5px solid #3e3e3e;
border-width: 5px 5px 20px;
}
#gallery ul a:hover img {
border: 5px solid #fff;
border-width: 5px 5px 20px;
color: #fff;
}
#gallery ul a:hover { color: #fff; }
.boxgrid{ 
width: 110px; 
height: 85px; 
margin:0; 
float:left; 
background:#ededed; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
padding:4px; margin:0;
border: 1px solid #CCCCCC;
}
.boxgrid p{ 
padding: 5px; 
color:#fff; 
font-size:12px;
line-height:15px;
text-align:center;
}
.boxgrid p a { 
color:#f92e2e;
float:right;
}
.boxgrid p a:hover { 
color:#fff; 
}
.boxcaption{ 
float: left; 
position: absolute; 
background: #333; 
height: 100px; 
width: 100%; 
opacity: .8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
top: 85px;
left: 0;
}
.caption .boxcaption {
top: 60;
left: 0;
}
.p3 {
padding:3px;
float:left;
width:110px;
}