body {
  font: 0.7em/1.5em Verdana, Arial, Helvetica, sans-serif;
}

.align-center {
  text-align: center;
}

.flow-root {
  display: flow-root;
}

.flow-column {
  flex-direction: column;
}

.row {
  display: flex;
}

.form-box {
  display: inline-flex;
  margin-right: 0.1em;
}

#logo,
.ad120,
.ad468,
.ad728 {
  display: none;
}

.adblock {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

#ad-top {
  margin-top: 3px;
}

a,
a:link,
a:visited,
a:focus {
  color: #009;
  text-decoration: none;
  border-bottom: 1px dotted #000;
}

a:hover {
  border-bottom: 1px solid #009;
}

#home {
  margin: 1em;
}

#home section {
  margin-bottom: 1em;
}

#home input {
  margin: 0.75em 0.25em;
}

header {
  flex-direction: column;
}

header nav,
header .col-right {
  text-align: center;
  margin-top: 10px;
}

header form {
  margin: 0;
  padding: 5px;
}

header form input,
header form select {
  text-align: center;
  width: 99%;
  margin: 3px;
  padding: 5px;
}

#browse h1 {
  text-align: center;
  padding: 5px;
  margin: 0;
  border-bottom: solid 1px #d2b9a6;
  background: #f6f1ee;
  font-size: 1.5em;
  line-height: 1em;
}

.details h1 {
  display: none;
}

#torrents {
  margin: 0 0 10px;
  padding: 0;
  list-style-type: none;
  display: table;
  width: 100%;
  position: relative;
}

#torrents a {
  border: 0;
}

#torrents #viewswitch {
  display: none;
}

#torrents li.list-header,
#torrents li.list-entry {
  display: table-row;
}

#torrents li.list-entry {
  background: #f6f1ee;
}

#torrents li.list-entry.alt {
  background: #f2ece7;
}

#torrents li.list-entry:hover {
  background: #fff;
}

#torrents span.list-item {
  display: table-cell;
  padding: 3px;
}

#torrents span.list-header {
  background: #d2b9a6;
  border: 1px solid #fff;
}

#torrents li.list-entry span.item-type {
  text-align: center;
}

#torrents span.item-title {
  display: block;
}

#torrents span.item-details {
  color: #666;
}

#torrents li.list-entry span.item-icons {
  display: inline-block;
  width: 70px;
}

#torrents span.item-seed,
#torrents span.item-leech {
  text-align: right;
}

#description_container {
  background: #f6f1ee;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

#description_container h2 {
  margin: 0;
  padding: 6px 0 8px 10px;
  font-size: 1.2em;
  font-weight: 700;
  letter-spacing: 0.07em;
  border-bottom: 1px solid #fff;
  background: #d2b9a6;
}

#description_container h3 {
  margin: 5px;
  font-size: 1.2em;
  font-weight: 700;
  color: #7b563a;
}

#description_container .col-meta div {
  padding: 1px 5px;
  display: flex;
}

#description_container dt {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-weight: 700;
  color: #7b563a;
  border-bottom: 1px dashed #e8dcd2;
  flex-shrink: 0;
}

#description_container .dt-sm {
  width: 4em;
}

#description_container .dt-md {
  width: 8em;
}

#description_container dd {
  margin: 0;
  padding: 0;
  display: inline-block;
  border-bottom: 1px dashed #e8dcd2;
}

#description_container #tags a {
  margin-left: 0.5em;
}

#description_container .links {
  margin: 20px 10px;
}

#description_container .links a {
  margin: 5px;
  font-size: 1em;
  color: #008e00;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 1px dotted #80c780;
}

#description_container .text-box {
  margin: 20px 5px;
  border: 1px solid #d2b9a6;
  background: #fff;
  padding: 10px;
  font: 1.25em monospace;
}

#description_container #description_text {
  white-space: pre-wrap;
}

#description_container ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#description_container #filelist li {
  position: relative;
  padding: 1px;
}

#description_container #filelist li.alt {
  background: #f8f8f8;
}

#description_container #filelist .file-size {
  float: right;
}

#comments_container li {
  margin: 10px 5px;
}

#comments_container span {
  display: block;
  width: 100%;
}

#comments_container .comment-meta {
  color: #bb967a;
  margin-bottom: 5px;
}

#comments_container .comment-text {
  padding: 6px 3px;
  background: #fff;
  font: 1.25em monospace;
  white-space: pre-wrap;
}

.category_list {
  width: 50%;
}

.category_list div {
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 100%;
}

.category_list dt {
  display: block;
  width: 100%;
}

.category_list dd {
  margin-left: 1em;
}

.category_list dd > a,
.category_list dd span {
  display: inline-flex;
  margin: 0 0.2em;
}

@media screen and (min-width: 480px) {
  .ad234 {
    display: none;
  }

  .adblock .ad468 {
    display: block;
  }
}

@media screen and (min-width: 800px) {
  #home {
    margin: 10px auto;
  }

  .details h1 {
    display: block;
  }

  #browse {
    display: flex;
    flex-direction: column;
    margin: 0 10px;
    width: auto;
  }

  header {
    order: 1;
    flex-direction: row;
  }

  main {
    order: 2;
  }

  footer {
    order: 3;
  }

  header nav,
  header .col-right,
  header .col-center {
    text-align: center;
    margin: 10px;
  }

  header form {
    margin: 0;
    padding: 0;
  }

  header form input,
  header form select {
    text-align: center;
    width: auto;
    margin: 3px;
    padding: 5px;
  }

  header #search_input {
    width: 20em;
  }

  #browse h1 {
    text-align: left;
  }

  .browse {
    display: flex;
    flex-direction: row;
  }

  .browse .col-left,
  .browse .col-right {
    width: 140px;
    margin: 0;
    padding: 10px;
  }

  .browse .col-center {
    width: 100%;
    margin: 0;
    padding: 10px;
  }

  #torrents #viewswitch {
    display: inline;
    float: right;
  }

  #torrents.view-double {
    font-size: 1.15em;
  }

  #torrents.view-single li.list-entry span.item-icons {
    padding-left: 5px;
    padding-right: 5px;
    wdith: auto;
    white-space: nowrap;
  }

  #description_container {
    font-size: 1.1em;
  }

  #description_container #metadata {
    display: flex;
  }

  #description_container .col-meta {
    width: 50%;
  }

  .ad120,
  .ad468,
  .ad728 {
    display: block;
  }

  .ad234,
  .adblock .ad468 {
    display: none;
  }
}

@media screen and (min-width: 1250px) {
  #logo {
    display: inline;
  }

  #logo a {
    border: 0;
  }

  #browse {
    margin: 0 auto;
    width: 1240px;
  }
}

#shadowBoxHome {
  max-width: 320px;
  margin-left: auto;
  margin-right: auto;
}

#shadowBox {
  margin-left: auto;
  margin-right: auto;
}

#shadowBoxHome .rainbow {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  padding: 0.5rem;
  background-color: #f6f1ee;
  font-family: monospace;
  animation: colorRotate 6s linear 0s infinite;
}

#shadowBox .rainbow {
  text-align: center;
  font-size: 14px;
  padding: 0.5rem;
  background-color: #f6f1ee;
  font-family: monospace;
  animation: colorRotate 6s linear 0s infinite;
  margin: 0;
  margin-bottom: 20px;
}

@keyframes colorRotate {
  from {
    color: #000093;
  }
  10% {
    color: #005f9e;
  }
  50% {
    color: #009500;
  }
  75% {
    color: #a70054;
  }
  100% {
    color: #470089;
  }
}

.hidden {
  display: none;
}