@charset "UTF-8";

body { background-color: #f5f1ee; }

ul {
	padding: 0;
	margin: 0;
}

.container {
	width: 520px;
	//margin: 0 auto;
}

.blog {
	width: 500px;
	//margin: 0 auto;
}

.blog ul {
}

.blog li {
	width: 200px;
	margin: 10px 25px;
	float: left;
}

.blog li p {
	margin: 0;
	padding: 0 3px;
}

li a:hover { text-decoration: none; }
li a:hover .blogTitle { text-decoration: underline; }
.date {	color: #333; }


.blog .thumbnail {
	max-width: 200px;
	max-height: 150px;
	margin: 5px auto;
}

@media only screen and (max-width: 500px) {

	.container { width: auto; }
	.blog { width: auto; }
	.blog ul:last-child { display: none; }
	.blog li { 
		margin: 0 auto;
		float: none;
	}
}