:root {
      --tan: #f9f7f5;
      --darktan: #f1ebe7;
      --darkertan: #eae1db;
      --brown: #b49d81;
      --pink: #ff99cc;
      --red: #ef8a85;
      --yellow: #f8e268;
      --blue: #00b2c5;
      --green: #a4d07a;
      --darktext: #675A4A;
  }

  html {
      font-family: "MS UI Gothic", Tahoma;
      font-size: 12px;
      line-height: 13px;
      background-color: #b9e9fd;
      background-image: url(/media/backgrounds/cloudypark.png);
      background-repeat: repeat-x;
      background-attachment: fixed;
      color: var(--darktext);
      image-rendering: pixelated;
      image-rendering: -moz-crisp-edges;
      image-rendering: crisp-edges;
      font-smooth: never;
      -webkit-font-smoothing: none;
      scrollbar-color: #a4d07a #b6a898;
      overflow-x: hidden;
      cursor: url("/media/cursors/torocursor.png"), auto;
  }

  .nofilter {
      image-rendering: auto !important;
  }

  body {
      width: 800px;
      display: block;
      position: relative;
      margin-left: auto;
      margin-right: auto;
      margin-top: -5px;
      margin-bottom: 0px;
  }

  a {
      color: var(--red);
      text-decoration: none;
  }

  a:hover {
      color: var(--green);
      cursor: url("/media/cursors/torocursorpoint.png"), auto;
  }

  .cursorpoint {
      cursor: url("/media/cursors/torocursorpoint.png"), auto;
  }

h5 {
            color: var(--darkbrown);
            background-color: var(--green);
            margin: 0px;
            background-image: linear-gradient(to left, #ffffff, transparent);
            border-radius: 5px;
            padding: 4px;
            font-size: 14px;
            font-family: "Comic Sans MS", "Comic Sans", auto;
        }

  .mlo {
      table-layout: fixed;
      width: 800px;
      border-collapse: collapse;
      z-index: 2;
  }

  .mlo td {
      padding: 0px;
      vertical-align: top;
  }

  .titleimg {
      margin-left: auto;
      margin-right: auto;
      display: block;
      position: relative;
      top: -8px;
      z-index: 5;
  }

  .headimg {
      background-color: #ffffff;
      background-image: url("/media/assets/20191206-dokodemoissyo-14.png");
      background-repeat: repeat-x;
      background-size: auto 70px;
      background-position: center left;
      height: 90px;
      overflow: visible;
      border: 2px solid var(--brown);
      border-bottom-width: 10px;
  }

  .topcontent {
      background-color: #f9f7f5;
      border-right: 2px solid var(--brown);
      padding: 5px;
      position: relative;
  }

  .spacer {
      padding: 1px;
      background-color: var(--brown);
      height: 32px;
      position: relative;
  }

  .spacer2 {
      background-color: var(--brown);
      position: relative;
  }

  .deco {
      padding: 5px;
      position: relative;
  }

  .bottomcontent {
      padding: 5px;
      background-color: var(--tan);
      position: relative;
      border: 2px solid var(--brown);
  }

  #footer {
      margin-top: -1px;
      border-top: 10px solid var(--brown) !important;
      background-color: var(--tan);
      border: 2px solid var(--brown);
      text-align: center;
      padding: 5px;
  }

  .fthr {
      width: 700px;
      border: none;
      border-top: 1px solid #b49d81;
  }

  .navbar {
      background-color: var(--brown);
      position: relative;
  }



  .navbutton {
      text-decoration: none;
      font-weight: bold;
      color: var(--brown);
      display: block;
      height: 16px;
      background-color: var(--tan);
      background-image: linear-gradient(var(--tan), var(--darktan));
      padding: 3px;
      border-bottom: 2px solid var(--brown);
      border-left: 2px solid var(--brown);
      border-right: 2px solid var(--brown);
  }


  .navbutton:hover {
      background-image: linear-gradient(var(--tan), var(--darkertan));
  }

  .navbutton:last-child {
      border-bottom-left-radius: 4px;
  }

  .navbutton img {
      vertical-align: text-bottom;
      margin-right: 4px;
      display: inline;
  }

  .torofloat {
      float: right;
  }

  .topcontentimg {
      background-image: url("/media/assets/special4.png");
      background-repeat: no-repeat;
      background-position: left 22px;
      background-color: #f9f7f5;
      border-right: 2px solid var(--brown);
      padding: 5px;
      padding-top: 22px;
      position: relative;
  }

  .tccont {
      width: 420px;
      margin-left: 180px;
      text-align: center;
  }

  .broverlay {
      background-image: url(/media/assets/kbbrstage.png);
      width: 600px;
      height: 200px;
      position: fixed;
      bottom: 0px;
      right: 0px;
      z-index: -1;
      pointer-events: none;
  }

  .bloverlay {
      background-image: url(/media/assets/kbbrstage2.png);
      width: 600px;
      height: 200px;
      position: fixed;
      bottom: 0px;
      left: 0px;
      z-index: -1;
      pointer-events: none;
  }

  .boombox {
      width: 180px;
      height: 118px;
      background-image: url('/media/assets/boombox.gif');
      position: relative;
      margin-top: -10px;
  }

  .pause {
      position: absolute;
      top: 70px;
      left: 85px;
      cursor: url("/media/cursors/torocursorpoint.png"), auto;
  }

  .play {
      position: absolute;
      top: 70px;
      right: 72px;
      cursor: url("/media/cursors/torocursorpoint.png"), auto;
  }

  .stop {
      position: absolute;
      top: 70px;
      left: 72px;
      cursor: url("/media/cursors/torocursorpoint.png"), auto;
  }

  .bbtitle {
      background-color: #151912;
      color: #cfccc8;
      font-family: "Comic Sans MS", "Comic Sans", 'Chalkboard SE', 'Comic Neue', cursive;
      line-height: 18px;
      font-size: 13px;
      width: 160px;
      height: 18px;
      position: absolute;
      top: 36px;
      left: 10px;
  }