.page-archive #main .item a {
  width: 100%;
  display: table;
  color: inherit;
  text-decoration: none;
  line-height: 1.5;
  padding: 1em 0;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin-bottom: -1px;
}

.page-archive #main .item a:hover {
  background-color: #f2f2f2;
}

.page-archive #main .item a > * {
  display: table-cell;
  vertical-align: top;
}

.page-archive #main .item a > .time {
  min-width: 9em;
  width: 20%;
  font-weight: bold;
}

.page-single #main .body {
  max-width: 1220px;
}

@media (min-width:737px) {
  .page-single #main .main {
    width: 70%;
    float: right;
  }
  .page-single #main .side {
    width: 25%;
    float: left;
  }
}

.page-single #main .main .meta {
  margin-bottom: 1em;
}

.page-single #main .main .time {
  font-weight: bold;
}

.page-single #main .side .title-1 {
  font-size: 2rem;
  color: #74d370;
  text-align: left;
}

.page-single #main .side .title-1:before {
  font-size: 1.4rem;
  color: #333;
  margin-left: 0;
}

.page-single #main .side ul li {
  font-size: 1.4rem;
  padding: 1em 0;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  margin-bottom: -1px;
}

.page-single #main .side ul li:hover {
  background-color: #f2f2f2;
}

.page-single #main .side ul li a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.page-single #main .side .archive ul li a {
  display: inline-block;
}

.page-single #main .side ul li a .time {
  display: block;
  font-weight: bold;
}

@media (max-width:736px) {
  .page-single #main .side {
    margin-top: 6rem;
  }
}