/* style.css */
div.related_posts {
	clear:both;
	margin:0 auto 1.5em;
	width:auto;
}
div.related_post {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:100%;
}
.related_post a {
	border: 1px #fff;
	clear:both;
	display:block;
	line-height:1.2em;
	margin:2%;
	padding:2%;
	max-width:90%;
	width:auto;
	text-align:center;
	text-decoration:none;
	outline:none;
	overflow:hidden;
}
.related_post a:hover {
	opacity:1;
}
.related_post a img {
	border:1px solid #ccc;
	clear:both;
	display:block;
	margin:1% auto 5px auto;
	max-width:96%;
	height:auto;
	padding:1%;
}
.related_post a img:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}
.related_posts_by_1_columns div.related_post {
	max-width:100%;
}
.related_posts_by_2_columns div.related_post {
	max-width:50%;
}
.related_posts_by_3_columns div.related_post {
	max-width:33.3%;
}
.related_posts_by_4_columns div.related_post {
	max-width:25%;
}
.related_posts_by_5_columns div.related_post {
	max-width:20%;
}
.related_posts_by_6_columns div.related_post {
	max-width:16.5%;
}
.related_posts_by_7_columns div.related_post {
	max-width:14.25%;
}
@media only screen and (max-width: 480px) {
	.related_posts_by_3_columns div.related_post,
	.related_posts_by_4_columns div.related_post,
	.related_posts_by_5_columns div.related_post,
	.related_posts_by_6_columns div.related_post,
	.related_posts_by_7_columns div.related_post {
		max-width:50%;
	}
	div.related_post_3, div.related_post_5, div.related_post_7 {
		clear:left;
	}
}
@media only screen and (max-width: 360px) {
	.related_posts_by_1_columns div.related_post,
	.related_posts_by_2_columns div.related_post,
	.related_posts_by_3_columns div.related_post,
	.related_posts_by_4_columns div.related_post,
	.related_posts_by_5_columns div.related_post,
	.related_posts_by_6_columns div.related_post,
	.related_posts_by_7_columns div.related_post {
		clear:both;
		max-width:100%;
	}
}