.blog-sphera.margin-bottom { margin-bottom: 60px; }

/* === META */

.blog-sphera .meta {
    min-height: 315px;
    position: relative;
}

.blog-sphera .meta p {
    margin: 0px;
    position: absolute;
}

.blog-sphera .meta .date { top: 0px; left: 5px; }
.blog-sphera .meta .author { top: 44%; }
.blog-sphera .meta .comments { bottom: 0px; }

.blog-sphera .meta .date span {
    color: #4e4d4d;
    display: block;
    font-family: 'Oswald';
    font-size: 16px;
	text-align: center;
}

.blog-sphera .meta .date .month-day { text-transform: uppercase; }
.blog-sphera .meta .date .year { font-weight: 400; }

.blog-sphera .meta .author span {
    border: 4px solid #e5e4e4;
    border-radius: 41px;
    -webkit-border-radius: 41px;
    -moz-border-radius: 41px;
    display: block;
}

.blog-sphera .meta .author .avatar {
    border-radius: 41px;
    -webkit-border-radius: 41px;
    -moz-border-radius: 41px;
}

.blog-sphera .meta .comments a {
    background: url(../images/comments-bubble.png) no-repeat center;
    color: #4e4d4d;
    display: block;
    line-height: 35px;
    text-align: center;
    width: 49px;
    height: 42px;
}

.blog-sphera .meta .vertical-line {
    margin-left: -1px;
    position: absolute;
    left: 36%;
}

.blog-sphera .meta #vertical-line-top { top: 45px; }
.blog-sphera .meta #vertical-line-bottom { bottom: 50px; height: 73px; }

.horizontal-lines-left { margin-top: 7px; }
.horizontal-lines-right { margin-top: 7px; left: 250px !important; }
.commentmetadata { margin-left: 0px !important; }
.commentmetadata .fn { margin-top: 24px !important; }

/* === THUMBNAIL */
.blog-sphera .thumbnail {
    border: 6px solid #ededed;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    float: left;
    margin-right: 30px;
    padding: 0px;
    position: relative;
}

.single .blog-sphera .thumbnail { margin-bottom: 10px; }

/* === TITLE */
.blog-sphera .post-title, .blog-sphera .post-title a {
    margin-top: 0px;
}

.blog-sphera .post-title:hover, .blog-sphera .post-title a:hover { color: #D98104; }

/* === CONTENT */
.blog-sphera .the-content-container { margin-left: 100px; }

/* === POST FORMATS */
.blog-sphera .post-format {
    background: url(../../images/post-formats.png);
    display: block;
    margin: 0px;
    position: absolute;
    left: 12px;
    bottom: 12px;
    text-indent: -9999px;
    width: 33px;
    height: 33px;
}

.blog-sphera .post-format.gallery { background-position: left top; }
.blog-sphera .post-format.audio { background-position: center top; }
.blog-sphera .post-format.video { background-position: right top; }

.single-post .post-format.video,
.single-post .post-format.gallery,
.blog-sphera .post-formats-on-list .post-format { display: none; }


.blog-sphera .soundcloud-frame {
    margin-top: 0px;
    width: 53%;
}

.soundcloud-frame iframe { width: 100%; }
.sidebar-no .blog-sphera .soundcloud-frame { width: 64.7%; }
.blog-sphera .post_video { margin-bottom: 0px; }
.blog-sphera.format-quote .thumbnail { margin-right: 0px; } 
.blog-sphera.format-quote .meta .post-title a { font-size: 19px; }
.blog-sphera.format-quote .width8 { width: 87.5% }
.blog-sphera.format-quote .width11 { width: 90%; }

.blog-sphera.format-quote .post-title cite {
    display: block;
    font-size: 16px;
    font-weight: 400;
}

.blog-sphera.format-quote .post-title cite:before { content: "- "; }

.blog-sphera.format-quote blockquote {
    background-position: 20px 25px;
    margin-bottom: 0px;
    padding: 35px 35px 35px 55px;
}

.blog-sphera .images-slider-sc .slides > li { margin-bottom: 0px; }

#ie8 .blog-sphera .soundcloud-frame { width: 44%; }
#ie8 .blog-sphera .soundcloud-frame iframe { height: 81px !important; }
#ie8 .sidebar-no .blog-sphera .soundcloud-frame { width: 58%; }
#ie8 .blog-sphera.format-quote .width8 { width: 86.5%; }
#ie8 .comment .horizontal-lines-left, .comment .horizontal-lines-right { width: 40px; left: 78px; }
#ie8 .comment .horizontal-lines-right { left: 186px; }
#ie8 .blog-sphera .the-content-container { margin-left: 80px; }

/* === RESPONSIVE */
@media (max-width: 1199px) {
    .blog-sphera .soundcloud-frame { width: 44%; }
    .sidebar-no .blog-sphera .soundcloud-frame { width: 58%; }
    .blog-sphera.format-quote .width8 { width: 86.5%; }
    .comment .horizontal-lines-left, .comment .horizontal-lines-right { width: 40px; left: 78px; }
    .comment .horizontal-lines-right { left: 186px !important; }
    .blog-sphera .the-content-container { margin-left: 80px; }
	.commentmetadata { width: 110px !important; margin-left: 0px !important; }
	.commentmetadata .fn { margin-left: 30px !important; }
	.commentmetadata .date { margin-left: 30px !important; }
	.commentmetadata img.comment-reply-link { margin-left: 30px !important; }
}

@media (max-width: 979px) and (min-width: 768px) {
    .blog-sphera .thumbnail { margin-left: 30px; }
    .blog-sphera .the-content-container { margin-left: 91px; }
    .blog-sphera .soundcloud-frame { width: 25%; }
    .sidebar-no .blog-sphera .soundcloud-frame { width: 44%; }
    .blog-sphera.format-quote .width8 { width: 80.5%; }
    .blog-sphera.format-quote .width11 { width: 86%; }
	
	.commentmetadata { width: 70px !important; margin-left: 0px !important; }
	.commentmetadata .fn { margin-left: 0px !important; }
	.commentmetadata .date { margin-left: 0px !important; }
	.commentmetadata img.comment-reply-link { margin-left: 0px !important; }
}
}

@media (max-width: 767px) {
    .blog-sphera .meta { min-height: 50px; margin-bottom: 10px; }
    .blog-sphera .meta .author { top: 0px; left: 50%; margin-left: -49px; }
    .blog-sphera .meta .comments { right: 0px; }
    .blog-sphera .meta .vertical-line { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); }
    .blog-sphera .meta #vertical-line-bottom { bottom: -11px; left: 26%; }
    .blog-sphera .meta #vertical-line-top { top: -13px; left: 67%; height: 73px;  }
    .blog-sphera .thumbnail { float: none; width: 98% !important; }
    .blog-sphera .thumbnail img { width: 100%; }
    .blog-sphera .the-content-container { margin-left: 0px; margin-top: 20px; }
    .blog-sphera .soundcloud-frame { width: 100%; margin-top: 20px; float: none; }
    .blog-sphera.format-gallery .thumbnail { max-height: 621px !important; } 
}

@media (max-width: 480px) {
    .blog-sphera .meta .vertical-line { display: none; }
    .blog-sphera .meta .author { left: 55%; }
}