.boxgrid{ 
width: 298px; 
height: 198px; 
margin-bottom:20px; 
float:left; 
background:#111;
border: solid 1px #222; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
position: absolute; 
top: 0; 
left: 0; 
border: 0; 
}
.boxgrid p{ 
padding: 0 10px; 
color:#999;
margin-bottom:0;
}

.boxgrid h3{
position:relative;
top:10px;
left:10px;
color:#FFF;
margin-bottom:12px;
}

.boxgrid a{
color:#CCC;   
}

.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
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: 200px;
left: 0;
}
.caption .boxcaption {
top: 160px;
left: 0;
}