/** BLOG LIST **/
.blog-list								{ list-style:none; margin:0px; padding:0px; }
.blog-list li							{ position:relative; margin:60px 0px; display:block; padding:0px 0px 60px 0px; }
.blog-list .post-image					{ position:absolute; left:0; top:0; bottom:60px; width:300px; }
.blog-list .no-image .post-image		{ display:none; }
.blog-list .post-content				{ margin:0px 0px 0px 330px; }
.blog-list .no-image .post-content		{ margin:0px 0px 0px 0px; }
.post-content .title					{ line-height:auto; font-size:1.6em; }
.post-content .text						{ font-size:1.1em; line-height:1.3em; }
.post-content .link						{ text-transform:uppercase; }

.blog-list li							{ border-bottom:1px dotted #CCCCCC; }
.blog-list .post-image					{ border:1px solid #CCCCCC; }
.post-content .time						{ color:#777777; }



/** SINGLE POST **/
.single-post-page .btn-back					{ margin:0px 0px 20px 0px; }
.single-post-page .single-image-link		{ display:block; margin:0px 0px 20px 0px; }
.single-post-page .single-image-link img	{ max-width:100%; height:auto; }
.single-post-page .post-content				{ font-size:1.1em; }
.single-post-page .gallery-wrapper			{ margin:20px 0px 0px 0px; padding:20px 0px 0px 0px; }
.single-post-page .gallery-wrapper h2		{ font-size:2em; }
.single-post-page .post-gallery				{ text-align:center; }
.single-post-page .post-gallery a			{ display:inline-block; vertical-align:top; width:33%; margin:0px 0px 10px 0px; }

.single-post-page h2,
.single-post-page h3						{ color:#28B6E4; }



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

	.blog-list .post-image		{ position:static; width:100%; height:200px; }
	.blog-list .post-content	{ margin:20px 0px 0px 0px; }

}

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

	.post-content .title	{ font-size:1.6em; }

}