

/** 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; }

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



/** GALLERY **/
.post-gallery { overflow: hidden; position: relative; }
.post-gallery div { height: 250px; }
.chromatic-gallery-photo,
.chromatic-zoom-arrow-left,
.chromatic-zoom-arrow-right { cursor: pointer; }
.chromatic-gallery { overflow-y:visible !important; }
.chromatic-gallery-photo { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:5px solid #FFFFFF; }
.chromatic-gallery-photo { -moz-box-shadow:0px 0px 5px 0px #ccc; -webkit-box-shadow:0px 0px 5px 0px #ccc; box-shadow:0px 0px 5px 0px #ccc; }

.chromatic-zoom { z-index: 1000 !important; }

/** 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; }

}



