body {
      background: black;
      margin: 0px;
  }
  #main {
      /* height in js */
      width: 100%;
      overflow-y: hidden;
  }
  #bg-big {
      width: 100%;
      height: auto;
  }

  /*
   * body,
   */
  .click {
      cursor: pointer;
  }
  .noclick {
      z-index: 100;
  }

  #bg {
      z-index: 1;
      position: absolute;
      /*
      border: 10px solid goldenrod;
      width: 80%;
      height: 592px;
      width: 592px;
      width: 1024px;
      */

      /* 
       * height and width through js
       * and also vert centering
       */
  }
  #meissie, #taverna {
      position: absolute;
      display: inline-block;
  }
  #meissie {
      z-index: 3;
  }
  #taverna {
      z-index: 5;
      opacity: 1;
  }
  #bg-img {
      width: 100%;
      opacity: 1;
  }
  #bg-mask {
      position: absolute;
      z-index: 10;
  }
  #meissie-img {
      width: 330px;
  }
  #taverna-img {
      width: 215px;
  }

  @font-face
  {
      font-family: rufScript;
      src: url(rufscript.ttf);
  }

  #overlay-bottom-inner {
      position: relative;
  }

  #overlay-bottom {
      position: absolute;
      background: url(black-50.png);
      font-family: rufScript;
      color: peru;
      overflow: hidden;
      padding-left: 20px;
      padding-right: 20px;

      /* init: */
      padding-top: 0px;
      padding-bottom: 0px;
      border-width: 0px;

      /* font size + padding top + bottom + height -> js */
  }
  /*
  #overlay-bottom div {
      margin-bottom: 8px;
  }
  */
  #overlay-bottom-left {
      position: static;
  }
  #overlay-bottom-right {
      position: absolute;
      top: 0px;
      right: 0px;
  }
  #overlay-middle {
      z-index: 100; /* so links work */
      position: absolute;
      background: url(black-50.png);
      font-family: rufScript;
      color: white;
      /*
      overflow-y: hidden;
      */
      white-space: nowrap;
      margin: auto;
  }

  #overlay-middle {
      border: 1px solid white;
  }
  #overlay-bottom  {
      /* thickness in js */
      border: 0px solid white;
  }
  #overlay-middle, #overlay-bottom {
      border-radius: 20px;
  }

  #overlay-middle, #overlay-middle td {
      color: white;
  }
  .closed:before {
      content: '✘';
      color: red;
  }

  a, span.linklike {
      z-index: 100; /* doesn't work */
      cursor: pointer;
      text-decoration: underline !important;
  }

  a, span.linklike, .cal-bandname {
      /*yellowgreen, cadetblue, chocolate*/
      color: tomato !important;
  }

  .cal-date {
      /*
      color: tan;
      color: tomato;
      */
      color: chocolate;
      font-size: 18px;
  }
  .cal-desc {
      padding-left: 30px;
      /*
      color: tomato;
      color: tan;
      */
      font-size: 20px;
      color: silver;
  }
  .cal-img {
      width: 75px;
      height: 75px;
      margin: 1px;
      border-radius: 1000px;
  }
  .cal-img:hover {
      margin: 0px;
      border: 1px solid white;
  }
  .cal-bandname {
      padding-left: 20px;
  }

  #overlay-middle-buttons {
      position: absolute;
  }

  .scroll-button {
      width: 30px;
      height: 30px;
      padding: 30px;
      /* to start */
      opacity: .5;
  }

  #map {
      position: absolute;
      margin: auto;
      z-index: 1000;
  }
  #map-inner {
      overflow: hidden;
      border-radius: 1000px;
  }

  #map-close-button-1,
  #map-close-button-2,
  #map-center-button-1,
  #map-center-button-2
  {
      z-index: 1001;
      position: absolute;
      font-family:Comic Sans MS,Arial;
      font-size: 30px;
      cursor: pointer;
  }
  #map-close-button-1 {
      right: 10px;
      color: black;
  }
  #map-close-button-2 {
      right: 13px;
      color: white;
  }
  #map-center-button-1 {
      right: 40px;
      color: black;
  }
  #map-center-button-2 {
      right: 43px;
      color: white;
  }
  #map-credits {
      position: absolute;
      color: white;
      line-height: 1.5em;
      font-size: 10px;
      right: 0px;
  }

#temp {
display: none;
    background: url("../images/grainy-50.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 180px;
    left: 151px;
    position: absolute;
    top: 60px;
    width: 380px;
}

/* mediabox overrides */
#mbCloseLink, #mbNextLink, #mbPrevLink {
    text-decoration: none !important;
}