#content .items {
  overflow: hidden;
}

#content .items article {
  border-bottom: 1px dotted #ddd;
  overflow: hidden;
  padding: 10px;
}

#content .items article.detail {
  border-bottom: 0 !important;
}

#content .items article img {
  float: left;
  margin: 0 15px 0 0;
}

#content .items article .img-wrap {
  float: none;
  margin: 0 0 15px 0;
  overflow: hidden;
}

#content .items article .img-wrap img, #content .items article.detail img {
  float: none;
  margin: 0;
}

#content .items article.odd {
  background: #eeeeee;
  background: -moz-linear-gradient(top, white, #eeeeee);
  background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(white));
  /* MSIE */
  filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#ffffff', EndColorStr='#eeeeee', GradientType=0);
}

#content .items article header {
  float: left;
  width: 100%;
}
@media (min-width: 61.5em) {
  #content .items article header {
    width: 500px;
  }
}

#content .items article.detail header {
  float: none;
  width: 100%;
}

#content .items article .meta {
  line-height: 1.2em;
  margin-bottom: 5px;
}

#content .items article .meta span {
  font-weight: bold;
}

.sub article h3 {
  margin-bottom: 5px;
  border: 0;
}

#content .items .items article.last {
  border: 0px;
}

#content .items article h3 a {
  line-height: 1em;
}

#content .items article time {
  color: #999999;
  margin-bottom: 8px;
  display: block;
  font-weight: bold;
  font-size: 100%;
}

#content .items article .media {
  margin-left: 10px;
  list-style: none;
  background: none;
  border: 0;
  padding: 0;
  margin-top: 15px;
}
@media (min-width: 37.5em) {
  #content .items article .media {
    float: right;
    margin-top: 0;
    border-left: 1px solid #ddd;
  }
}

#content .items article .media li {
  line-height: 1em;
  display: inline-block;
  background: none;
  padding: 0;
  margin: 0;
  list-style: none;
}
@media (min-width: 37.5em) {
  #content .items article .media li {
    display: block;
  }
}

#content .items article .media li a {
  text-decoration: none;
  text-transform: uppercase;
  padding: 5px 10px;
  display: block;
}

#content .items article .media li a:hover {
  background-color: #eee;
  color: #666666;
}

#content .items article .media li a:active {
  background-color: #666666;
  color: #dddddd;
}

/* filters */
#content .filters {
  margin-bottom: 15px;
  overflow: hidden;
}

#content .filters h6 {
  margin: 0 16px 0 0;
  display: inline-block;
  float: left;
}

#content .filters h6.grouping {
  margin: 0;
  display: inline-block;
  float: right;
}

#content .filters select {
  width: 140px;
  padding: 3px 0;
}

aside h6 {
  margin: 5px 0;
}

aside h6.subscribe {
  margin: 15px 0;
}

aside h6.subscribe a {
  display: block;
  padding-left: 32px;
  line-height: 24px;
  background: url(/_img/icons/social/24px/rss.png) no-repeat left 50%;
  text-decoration: none !important;
}

article .highlight, aside ul.mcms_filter_list .highlight, aside ul.mcms_filter_list .highlight {
  background-color: #17374e;
  color: #fff;
  text-decoration: none !important;
}

#content #blogs {
  margin-top: 30px;
}

#content #blogs article header {
  border-bottom: 4px double #ddd;
  margin-bottom: 15px;
  overflow: hidden;
  padding-bottom: 0;
  float: none;
  width: 100%;
}

#content #blogs article.detail header {
  border: 0;
}

#content #blogs article header .authorimgwrap {
  float: left;
  width: 50px;
  height: 50px;
  overflow: hidden;
  margin-right: 10px;
  padding: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 2px #cccccc;
  -moz-box-shadow: 1px 1px 2px #cccccc;
  box-shadow: 1px 1px 2px #cccccc;
}

#content #blogs article header .authorimgwrap img {
  width: 50px;
}

#content #blogs article header a.blog-comment-number {
  float: right;
  width: 40px;
  height: 20px;
  padding: 2px 0px 2px 0px;
  top: -30px;
  color: white;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none !important;
  text-align: center;
  position: relative;
  overflow: visible;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  behavior: url(/_inc/PIE.htc);
}

a.blog-comment-number::before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 11px;
  top: 24px;
  border-width: 3px;
  border-style: solid;
  behavior: url(/_inc/PIE.htc);
}

#content #blogs article header a.blog-comment-number:hover {
  color: #109ED1;
}

#content #blogs article header a.blog-comment-number div {
  text-align: center;
  padding-top: 3px;
  font-size: 100%;
}

#content #blogs article time {
  margin-bottom: 0;
  display: inline;
  font-weight: normal;
  font-size: 100%;
}

#content #blogs article footer {
  overflow: hidden;
  padding-bottom: 5px;
}

#content #blogs article footer .tags {
  float: right;
  font-size: 100%;
}

#content #blogs article footer .tags em {
  font-weight: bold;
}

/* -------------------------------------
Comments
------------------------------------- */
#comments form label {
  display: block;
  clear: both;
  font-size: 100%;
  margin-bottom: 5px;
  color: #666666;
}

#comments form textarea {
  width: 90%;
  height: 100px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
  padding: 10px;
  font-size: 100%;
  color: #666666;
  border-radius: 4px;
  -moz-border-radius: 4px;
  background-color: #fafafa;
  font-family: Arial, Helvetica, sans-serif;
}

.comment {
  margin-bottom: 25px;
}

.comment header {
  overflow: hidden;
  background: #f1f1f1;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 3px;
}

.comment header .commenter-thumb {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 3px;
  overflow: hidden;
  float: left;
  margin-right: 15px;
}

.comment header .commenter-thumb img {
  width: 30px;
  border: none;
}

.comment header cite {
  font-size: 100%;
  color: #666;
  position: relative;
  top: 10px;
}

.comment header cite .commenter-name {
  color: #17374e;
  font-weight: bold;
  margin-right: 10px;
}