#blog-stage .grouping {
  /* Title for when filters are applied */
  text-align: center;
  background-color: #efefef;
  padding: 1em .5em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-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 #b2b2b0;
  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: #282c2f url("/_assets/img/blog-grad.png") repeat-x left bottom;
  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-family: "Old Standard TT", serif;
  font-size: .8125em;
  background-color: #efefef;
}

.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;
  font-size: .8125em;
  padding: 5px;
  background: #282c2f url("/_assets/img/blog-grad.png") repeat-x left bottom;
  color: #b2b2b0;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.comment-body {
  padding: 5px;
  background: #282b2d 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: #282b2d;
  /* 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: #282b2d;
  /* text color */
}

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

#comment-submit {
  background: none;
}

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

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