/** LIST **/
.post							{ display:block; margin:30px 0px 0px 0px; padding:30px 0px 0px 0px; }
.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.4em; text-transform:uppercase; }
.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:#313D4F; }
.post .text-wrapper .text		{ color:#333333; }



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

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



/** GALLERY **/
.PostGallery {
	background-color: #FAFAFA;
}

.PostGallery h2 {
	margin: 0px 0px 20px 0px;
}

.PostGallery .post-gallery ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

.PostGallery .post-gallery ul li {
	display: inline-block;
	vertical-align: top;
	width: calc(100% / 3);
}

.PostGallery .post-gallery ul li a {
	display: block;
	margin: 5px;
	padding: 75% 0px 0px 0px;
	border: 1px solid #CCCCCC;
}

@media screen and (max-width: 840px){
	.PostGallery .post-gallery ul li {
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 480px){
	.PostGallery .post-gallery ul li {
		display: block;
		width: auto;
	}
	.PostGallery .post-gallery ul li a {
		margin: 10px 0px;
	}
}



/** LIST PAGINATION**/
.shr-footer									{ margin:20px 0px 20px 0px; padding:20px 0px 20px 0px; }
.shr-footer .shr-numbers,
.shr-footer .shr-nav						{ font-size:14px; }
.shr-numbers 								{ list-style-type:none; padding:0; overflow:hidden; float:left; margin:0; text-transform:uppercase; }
.shr-numbers li 							{ display:inline-block; *display:inline; zoom:1; margin-right:0.2em; position:relative; }
.shr-numbers .shr-numbers-page a,
.shr-numbers .shr-numbers-page span 		{ display:block; padding:10px; min-width:1em; height:1em; line-height:1em; text-align:center; text-decoration:none; }
.shr-nav 									{ float:right; }
.shr-nav a 									{ display:inline-block; padding:10px; text-decoration:none; text-transform:uppercase; height:1em; line-height:1em; }
.shr-max660 .shr-numbers 					{ display:block; float:none; text-align:center; margin:0 auto 1em auto; text-transform:uppercase; }
.shr-max660 .shr-nav 						{ float:none; text-align:center; margin:1em auto 0 auto; text-transform:uppercase; }

.shr-footer									{ border-top:2px solid #313D4F; }
.shr-numbers .shr-numbers-page 				{ background:#CDCCD4; }
.shr-numbers .shr-numbers-page a,
.shr-numbers .shr-numbers-page span 		{ color:#FFFFFF; }
.shr-numbers .shr-numbers-page a:hover,
.shr-numbers .shr-numbers-current 			{ background:#313D4F; }
.shr-nav 									{ float:right; }
.shr-nav a 									{ background:#CDCCD4; color:#FFFFFF; }
.shr-nav a:hover 							{ color:#FFFFFF; background-color:#313D4F; }



/** GALLERY FALLBACK **/
.fallback-gallery .image-container		{ display:inline-block; vertical-align:top; width:23%; margin:10px 10px 10px 0px; position:relative; overflow:hidden; text-align:center; height:150px; text-align:center; }
.fallback-gallery .image-container img	{ position:absolute; top:0; left:0; }

.fallback-gallery .image-container		{ border:1px solid #CCCCCC; }
	


/** RESPONSIVE **/
@media screen and (max-width:700px){

	.fallback-gallery .image-container		{ width:31%; }

}

@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:540px){

	.fallback-gallery .image-container		{ width:47%; }

}

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

	.fallback-gallery .image-container		{ width:100%; margin:10px 0px 10px 0px; height:auto; border:0px; }
	.fallback-gallery .image-container img	{ position:static; max-width:100%; height:auto; margin:0px auto; display:block; }

}