#blog-stage .grouping {
  /* Title for when filters are applied */
  text-align: center;
  background-color: rgba(186, 167, 143, 0.15);
  padding: 1em .5em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: .875em;
  margin-bottom: 2em;
}

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

article.list-item,
.detail-item-header,
.list-item-header {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

article.detail-item .detail-item-content,
article.list-item .list-item-content {
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  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: #555555 url("/_assets/img/blog-grad.png") repeat-x left bottom;
  color: #ffffff;
  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;
  height: 19px;
  padding-right: 24px;
  background: url("/_assets/img/blog-comment.png") no-repeat right 0;
}

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

div.meta {
  overflow: hidden;
  padding: 5px 10px;
  font-family: "Lora", serif;
  font-size: .8125em;
  background-color: rgba(186, 167, 143, 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/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;
  ffont-size: .8125em;
  background: #eee;
  padding: 5px;
  background: #555555 url("/_assets/img/blog-grad.png") repeat-x left bottom;
  color: #aaaaaa;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.comment-header span.commenter-name {
  color: #eeeeee;
}

.comment-body {
  padding: 5px;
  background: #eeeeee url("/_assets/img/blog-end-quote.png") no-repeat right bottom;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

.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: #5c5c5c;
  /* text color */
  color: #fefefe;
  /* accent color */
}

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

.comment-header {
  /* comment info */
  color: #fefefe;
  background-color: #5c5c5c;
  /* text color */
}

#content .blog-comments a {
  color: rgba(254, 254, 254, 0.7);
  /* accent color */
}

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

#comment-submit {
  background: none;
}

/* border and meta bg */
article.list-item {
  border-color: rgba(0, 0, 0, 0.08);
  /* accent color */
}

.comment-body,
#blog-stage h2.grouping,
div.meta {
  /* meta bar at bottom */
  border-color: rgba(0, 0, 0, 0.08);
  /* accent-color */
}