/** LIST **/
h2 {font-size:21px; margin-top:1em; }
.post							{ display:block; margin:15px 0px 15px 0px; padding:30px 0px 0px 0px; font-size:14px; }
.post .image					{ display:block; float:left; width:250px; padding:10px; }
.post .image img				{ max-width:100%; height:auto; }
.post .text-wrapper				{ display:block; margin:0px 0px 0px 300px; }
.post .text-wrapper .title		{ display:block; font-size:1.5em; }
.post .text-wrapper .text		{ display:block; margin:10px 0px 20px 0px; }

.post							{ border-top:1px dotted #CCCCCC; }
.post .image					{ border:1px solid #CCCCCC; }
.post .text-wrapper .title		{ color:#333333; }
.post .text-wrapper .text		{ color:#777777; }

.news-btn

a.news-btn,
.news-btn							{ background-color:#e9242b; font-size:14px; color:#FFFFFF; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; transition:all .2s linear;  text-transform:uppercase; padding:10px;  }
a.news-btn:hover,
.news-btn:hover						{ background-color:#FBE52A; color:#333333; }



/** POST **/
.blog-post-title		{ margin:15px 0px 20px 0px; padding:0px 0px 20px 0px; }
.blog-image				{ display:block; max-width:100%; height:auto; }
.post-content			{ margin:30px 0px; font-size:14px; }
.post-content img {
	max-width: 100%;
	margin: 20px 0px;
}

.blog-post-title		{ border-bottom:1px dotted #CCCCCC; }



/** GALLERY **/
.post-gallery {
	font-size: 0px;
	padding: 20px 0px;
}

.post-gallery a {
	display: inline-block;
	vertical-align: top;
	width: calc((100% / 3) - 20px);
	
}

.post-gallery a span {
	display: block;
	margin: 10px;
	padding: 75% 0px 0px 0px;
}

/** RESPONSIVE **/
@media screen and (max-width:840px){
	.post-gallery a {
		width: calc((100% / 2) - 20px);
	}
}
@media screen and (max-width:660px){
	.post .image			{ float:none; clear:both; width:94%; padding:3%; height:200px !important; margin:0px auto 20px auto; text-align:center; }
	.post .text-wrapper		{ clear:both; margin:0px 0px 0px 0px; }
}

@media screen and (max-width:480px){
	.post-gallery a {
		display: block;
		width: auto;
	}
}