.items { overflow: hidden; padding-bottom: 25px; float: left; width: 100%; }

.items article { overflow: hidden; padding: 1.5%; width: 54.9%; float: right; clear: right; border-top: #f1f1f1 solid 1px; }

.items article.first { border-top: none; }

.items article.detail { width: 97%; margin-left: 0; }

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

.items article img { float: left; margin-right: 15px; }

.items article.detail img { float: none; max-width: 100%; margin-bottom: 25px; }

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

.items article h3 { margin: 0 0 10px 0; }

.items article .time { color: #909090; margin-bottom: 5px; display: block; text-transform: uppercase; }

.items article .media {  float: right; margin: 0 0 0 10px; border-left: 1px solid #c0c2c4; padding: 0; list-style: none; }

.items article .media li { line-height: 1em; display: block; margin: 0 !important; padding: 0 !important; list-style: none;  }

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

.items article .media li a:hover { background-color: #e5e6e7; }

.items article .media li a:active { background-color: #e5e6e7; }

.items article.detail { border: 0; line-height: 1.6em; }

.items article.detail .summary { line-height: 1.6em; color: #666666; margin-top: 25px; margin-bottom: 5px; }

.series_heading { display: block; float: left; clear: both; width: 39%; margin-right: 10px; padding: 1.5% 0; /* min-height: 100px; */ margin-bottom: 80px; }
.series_heading h3 { margin-bottom: 10px; }

.series_heading:last-child { margin-bottom: 0; min-height: auto; }

.series_heading img { width: 100%; margin-bottom: 10px; }

.series_heading p { color: #666666; line-height: 1.5em; margin-top: 0; }

/* Filter */
.filters { margin-bottom: 25px; overflow: hidden; padding: 15px 20px 10px 20px; position: relative; z-index: 1000;  background: darkslateblue;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  -ms-border-radius: 3px;  -o-border-radius: 3px;  border-radius: 3px;
}

.ui-selectmenu {  display: block;  float: left;  position: relative;  height: 34px;  width: 150px;  text-decoration: none;  overflow: hidden;  margin-right: 5px;  margin-bottom: 5px;  background: dodgerblue;  padding: 0;
}

#content a.ui-selectmenu:hover {  text-decoration: none;}

.ui-selectmenu-icon {  position: absolute;  right: 6px;  margin-top: -8px;  top: 50%;}

.ui-selectmenu-menu {  padding: 0;  margin: 0;  list-style: none;  position: absolute;  z-index: 1001;  top: 0;  visibility: hidden;  overflow: auto;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  background: aliceblue;  height: 200px;  width: 200px !important;
}

.ui-selectmenu-open {  visibility: visible;}

.ui-selectmenu-menu-popup {  margin-top: -1px;}

.ui-selectmenu-menu-dropdown {  margin: 0;  padding: 0;  width: 100% !important;}
.ui-selectmenu-menu-dropdown li {  margin: 0;  padding: 0;}
.ui-selectmenu-menu-dropdown li a {  padding: 3px 0;}

.ui-selectmenu-menu li {  padding: 0;  margin: 0;  display: block;  border-top: 1px dotted transparent;  border-bottom: 1px dotted transparent;  border-right-width: 0 !important;  border-left-width: 0 !important;  font-weight: normal !important;}

.ui-selectmenu-menu li a, .ui-selectmenu-status {  line-height: 1.4em;  display: block;  padding: .3em 1.5em .3em 1em;  outline: none;  text-decoration: none;  font-size: 11px;  color: darkseagreen;}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a, .ui-selectmenu-hasIcon .ui-selectmenu-status {  padding-left: 20px;  position: relative;  margin-left: 5px;}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {  position: absolute;  top: 1em;  margin-top: -8px;  left: 0;}

.ui-selectmenu-status {  line-height: 24px;  height: 24px;  overflow: hidden;  font-size: 0.9em;  font-family: "Roboto", sans-serif;  color: hotpink;
  position: relative;}
.ui-selectmenu-status span.icon-sort-updown {  font-size: 0.9em;  position: absolute;  right: 10px;  top: 12px;}

.ui-selectmenu-open li.ui-selectmenu-item-focus a {  background: rgba(0, 0, 0, 0.1);  opacity: 0.9;
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {  display: block;  margin-bottom: .2em;}

.ui-selectmenu-menu li .ui-selectmenu-item-header {  font-weight: bold;}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {  opacity: .8;}

/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group {  font-size: 1em;}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {  line-height: 1.4em;  display: block;  padding: .6em .5em 0;  font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {  margin: 0;  padding: 0;}

/* =Override
---------------------------------------------------------------------
*/

@media (max-width: 1000px) {
  .filters select.sorter { width: 90%; margin-bottom: 1em; }
  .series_heading { float: none; margin: 0; width: 100%; border-bottom: 1px solid #eeeeee; }
  .items article { margin-left: 0; padding: 0; width: 100%; }
  .items article h3 { font-size: 24px; }
  .items article.detail { width: 100%; } }
  
#related-items {
  margin: 4em 0;
  padding: 2em 1em;
  background-color: #ececec;
  overflow: hidden;
}
#related-items h2 {
  font-family: "Roboto Slab", serif;
  color: #5a8db7;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #d0d4d1;
  line-height: 1.05;
}
#related-items article {
  float: left;
  width: 48.75%;
  margin-left: 2.5%;
  margin-bottom: 1em;
}
#related-items article:first-child {
  margin-left: 0;
}
#related-items article .image {
  margin-bottom: 10px;
}
#related-items article .image a {
  opacity: 1 !important;
}
#related-items article .image img {
  display: block;
  width: 100%;
}
#related-items article .meta {
  margin-bottom: 5px;
  font-size: 10px;
}
#related-items article .meta .date {
  display: inline-block;
  text-transform: uppercase;
}
#related-items article .meta .keywords {
  display: inline-block;
  margin-left: .5em;
  padding-left: .5em;
  border-left: 1px solid #999999;
}
#related-items article h6 {
  font-size: 16px;
  margin: 0 0 5px 0;
}
#related-items article .summary {
  font-size: 12px;
  margin: 0;
}
#related-items .four article {
  width: 23.125%;
}