/* clearfix */
.clearfix {
	clear:both;
}

/* wrapper css */
#container3{
	position:relative;
	width:640px;
	padding-bottom: 10px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.grid{
	width:300px;
	min-height:10px;
	padding: 0px;
	float:left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
}
.grid .meta{
	text-align:right;
	color:#777;
	font-style:italic;
}
.grid .imgholder img{
	max-width:100%;
	background:#ccc;
	display:block;
	margin-bottom:5px;
}
.grid2 {
	width:145px;
	min-height:10px;
	padding: 0px;
	float:left;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}
    @media only screen and (min-width: 768px) and (max-width: 959px) {
	#container3{
	position:relative;
	width:470px;
	margin:0 auto 0px;
	padding-bottom: 10px;	
}	
}
    @media only screen and (min-width: 480px) and (max-width: 767px) {
	#container3{
	position:relative;
	width:420px;
	margin:0 auto 0px;
	padding-bottom: 10px;	
}	
}
    @media only screen and (max-width: 479px) {
	#container3{
	position:relative;
	width:280px;
	margin:0 auto 0px;
	padding-bottom: 10px;	
}	
}