/*

$black: #000000;
$white: #fafafa;
$purple: #432e3f;
$darkpurple: #271c25;
$green: #a19c49;
$beige: #e2dacb;
$light: #f6f4ef;

$lato: "Lato", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;//300,400,700,900
$sans: "Open Sans", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;//400,700

*/
#blog-stage .grouping { /* Title for when filters are applied */ text-align: center; padding: 1em .5em; margin-bottom: 2em; background-color: rgba(0, 0, 0, 0.15); }

/** Detail and List - very similar **/
article.detail-item, article.list-item { margin-bottom: 1em; }

article.detail-item .detail-item-content, article.list-item .list-item-content { padding: 10px; border: 1px solid #432e3f; border-top: 0; border-bottom: 0; }

article.detail-item .detail-item-content img, article.list-item .list-item-content img { max-width: 100%; }

.detail-item-header, .list-item-header { display: block; padding: 10px 10px 5px; background-color: #432e3f; color: #fafafa; font-size: .8125em; overflow: hidden; }

.detail-item-header time, .list-item-header time { float: left; text-align: left; }

.blog-category { margin-left: .25em; float: left; }

.blog-comments { float: right; overflow: hidden; }

.blog-comments a { display: block; }

.blogpost-header-image { text-align: center; margin: 10px 0; }

div.meta { overflow: hidden; padding: 5px 10px; font-size: .8125em; background-color: rgba(0, 0, 0, 0.15); }

.meta-left { float: left; }

.tags { float: right; }

.tags a { margin-left: 5px; }

/** Comments **/
.comment-intro { padding: 15px 0; overflow: hidden; padding-left: 50px; background: url("/_assets/img/layouts/blogs/blog-comment-large.png") no-repeat left 15px; margin-bottom: 15px; }

.comment-intro h2 { font-size: 1.5em; line-height: 1.1; margin-top: 0; margin-bottom: 0; }

.comments h2, .comment-login { float: left; margin-right: 10px; }

.comment-item { clear: both; overflow: hidden; }

.comment-login { margin-top: 5px; }

.commenter-thumb { width: 64px; height: 64px; overflow: hidden; float: left; margin-right: -64px; }

.comment { margin-left: 74px; margin-bottom: 15px; }

.comment-login { font-size: .8125em; }

.comment-header { line-height: 1.3; font-size: .8125em; padding: 5px; background-color: #432e3f; color: #fafafa; }

.comment-body { padding: 5px; background-color: #432e3f; }

.comments form { margin-left: 74px; }

.comments form label { display: block; font-size: 1em; }

.comments form textarea#comment { width: 90%; padding: 1em 5%; margin-bottom: 1em; }

/********************************************************************************************** Overrides - includes some repeats from above                           * */
.detail-item-header, .list-item-header { /*bar at top */ background-color: #d62424; /* text color */ color: #fafafa; /* accent color */ }

#content .detail-item-header a, #content .list-item-header a { /*bar at top */ color: rgba(250, 250, 250, 0.7); }

#content .detail-item-header a:hover, #content .list-item-header a:hover { color: #fafafa; }

.comment-header { /* comment info */ color: #fafafa; background-color: #432e3f; /* text color */ }

.comment-header span.commenter-name { color: #fafafa; /* accent color */ }

#comment-submit { background: none; }

/* border and meta bg */
article.list-item { border-color: #d62424; /* accent color */ }

.comment-body, div.meta { /* meta bar at bottom */ border-color: #d62424; /* accent-color */ }