div.feature {
margin-bottom:10px;
}

div.feature ul 
{ margin:0;}

div.feature li
{
margin-bottom:15px;
margin:0 5px 10px;
	float: left;
display:inline;
}

div.feature li a {
position:relative;
}

div.feature li, 
div.feature li a {
display:block;
width: 220px;
height:160px;
background-image:url(../i/feature-box-220.png);
}



div.feature li.e1 ,
div.feature li.e2,
div.feature li.e1 a ,
div.feature li.e2 a {
	width: 336px;
height:250px;
}

div.feature li.e1 a ,
div.feature li.e2 a {
background-image:url(../i/feature-box-336.png);
}

div.feature h3.category {
display:none;
}

div.feature li .date {
position:absolute;
width:3em;
top:8px;
left:8px;
}

div.feature li a .summary
{

color:#fff;
position:absolute;
bottom:0;
left:0;
font-weight:normal;
letter-spacing:.05em;
margin:0;

}

div.feature li .summary strong {
color:#fff;
display:block;
font-weight:normal;
background-color:#000;
padding:.5em .62em;
text-transform:uppercase;
}

div.feature li .summary em {
color:#fff;
font-weight:normal;
background-color:#555;
padding:.13em 1em;
padding-left:1em;
line-height:1.5em;
font-size:85%;
text-transform:uppercase;
font-style:normal;
}

div.feature li.e2,
div.feature li.e5 { 
margin-right:0; 
}

div.feature li.e1 .summary strong ,
div.feature li.e2 .summary strong {
font-size:161.6%;
line-height:.95em;
letter-spacing:.05em;
background-image:url(../i/feature-box-336.png);
background-position:bottom left;
width:310px;
}

div.feature li.e3 .summary strong,
div.feature li.e4 .summary strong,
div.feature li.e5 .summary strong {
font-size:85%;
letter-spacing:.1em;
background-image:url(../i/feature-box-220.png);
background-position:bottom left;
width:206px;
}