@charset "UTF-8";
/* CSS Document */

.mb{}

.info-items{}
.info-item{ margin: 2.0em 0 0 0; line-height: 1.5;}
.info-item .date{ margin:0.5em 0 0 0; padding: 0; display: block; width:100px; float: left;}
.info-item .category{ margin: 0; padding: 0; display:block; width: 150px; float: left;}
.info-item .category a{ display:block; padding: 6px 0; margin: 0 1.0em 0 0; font-size:93%; text-align: center; color: #666666; border:solid 1px #a8a8a8; text-decoration: none;}
.info-item .title{ display: block; margin:0.5em 0 0 280px; padding: 0; }

.info-item { *zoom: 1;}
.info-item:before,.info-item:after { display: table; line-height: 0; content: "";}
.info-item:after { clear: both;}

.entry .title{ font-size:229%; font-weight: bold; width: 80%; margin-left: auto; margin-right: auto; text-align: center;}
.entry .date{ text-align:center;}
.entry .category{ text-align: center;}
.entry .category a{ display:inline-block; padding: 6px 10px; margin: 0 0 0 0; font-size:93%; text-align: center; color: #666666; border:solid 1px #a8a8a8; text-decoration: none;}
.entry .body{ width:80%; margin:60px auto; font-size: 108%; color: #202020;}


@media only screen and (max-width:480px){ /* sm pnly */
	.info-item .title{ clear:left; margin: 0 0 0 0; padding: 0.5em 0 0 0;}
	.entry .title{ font-size:129%; text-align: left; width: 95%;}
	.entry .body{ width:95%; margin:40px auto; font-size: 108%; color: #202020;}
}