.archive-filters input {
  padding: 0.3em 0.5em;
}

.archive-filters button {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 3px;
  padding: 0.5em 1em;
}

.archive-filters .asc,
.archive-filters .desc {
  background: #5bc0de;
  color: #fff;
}

.archive-filters .asc::after,
.archive-filters .desc::after {
  content: '\21E7';
  padding-left: 10px;
  display: inline-block;
}

.archive-filters .desc::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  padding-left: 0;
  padding-right: 10px;
}

.archive-filters {
  background: #d1d1d1;
  padding: 2em 1em;
  border: 1px solid #333;
  margin-bottom: 2em;
}

.archive-filters h3 {
  margin-top: 0;
}

.archive-filters .type-filters {
  margin-top: 1em;
}

.archive-filters .type-filters label {
  margin: 0 1em 0 0.4em;
}

.archives ul.list {
  padding-left: 0;
  list-style: none;
}

.archives .list li h3 {
  margin-top: 0;
}

.archives .list > li {
  margin-bottom: 1em;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1em;
}

.archives .list .show-image {
  float: left;
  margin: 0 1em 1em 0;
}
.archives .list .show-image img {
  max-width: 70px;
}