@font-face {
  font-family: 'controlbuttons';
  src: url('fonts/controlbuttons.eot?r5phgf');
  src: url('fonts/controlbuttons.eot?#iefixr5phgf') format('embedded-opentype'), url('fonts/controlbuttons.woff?r5phgf') format('woff'), url('fonts/controlbuttons.ttf?r5phgf') format('truetype'), url('fonts/controlbuttons.svg?r5phgf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'fat-icons';
  src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
  font-weight: normal;
  font-style: normal;
}
* {
  /* apply a natural box layout model to all elements */
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
}
.icon,
#canvas,
.tool-wrapper,
#leftward {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#log {
  pointer-events: none;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  background: #3c3f6c;
  /* Old browsers */
  background: -moz-radial-gradient(26% 0, circle, #3c3f6c 22%, #45527d 53%, #6d94bb 86%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, 26% 0, 0px, center center, 100%, color-stop(22%, #3c3f6c), color-stop(53%, #45527d), color-stop(86%, #6d94bb));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(26% 0, circle, #3c3f6c 22%, #45527d 53%, #6d94bb 86%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(26% 0, circle, #3c3f6c 22%, #45527d 53%, #6d94bb 86%);
  /* Opera 12+ */
  background: -ms-radial-gradient(26% 0, circle, #3c3f6c 22%, #45527d 53%, #6d94bb 86%);
  /* IE10+ */
  background: radial-gradient(circle at 26% 0, #3c3f6c 22%, #45527d 53%, #6d94bb 86%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3f6c', endColorstr='#6d94bb', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}
body.intro #tools {
  height: 0;
  overflow-y: hidden;
}
body.intro #intro {
  opacity: 1;
  pointer-events: auto;
}
body.intro #cover-art {
  opacity: 0;
}
body.intro #text-drop {
  opacity: 0;
}
body.intro .tool-wrapper {
  display: none;
}
body.intro #explain {
  display: none;
}
a {
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
div,
center {
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
p {
  margin: 0;
  padding: 0;
  line-height: 21px;
  font-weight: 400;
  font-size: 13px;
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
p b {
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
  font-weight: 400;
}
h2 {
  margin: 0;
  padding: 0;
  font-family: ClarendonLTStd, serif;
  color: white;
  font-weight: 400;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  letter-spacing: -0.5px;
}
span.sound-icon {
  font-family: 'controlbuttons';
  font-size: 10px;
  margin: 0 0 0 6px;
  color: #a5b9cf;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
li {
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
  font-size: 13px;
  letter-spacing: 0.2px;
  background: rgba(57, 39, 47, 0.95);
  list-style: none;
  padding: 1px 7px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid rgba(114, 154, 193, 0.1);
}
li:hover {
  cursor: pointer;
}
li span {
  color: white;
}
li.selected {
  background: rgba(114, 154, 193, 0.9);
  color: #39272f;
}
#title-wrap {
  position: absolute;
  width: 100%;
  z-index: 900;
  pointer-events: none;
}
#title-wrap #milestone {
  margin: auto;
  margin-top: 7px;
  font-family: TradeGothicCondensed, Helvetica, Arial, sans-serif;
  font-size: 25px;
  color: white;
}
#title-wrap #milestone span {
  color: #729ac1;
  font-family: ClarendonLTStd, serif;
  font-size: 37px;
}
#nav-center {
  position: relative;
}
#nav-center .button {
  width: 160px;
  height: 100px;
  display: inline-block;
  margin: 40px 30px;
  font-family: TradeGothicCondensed, Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  color: white;
  font-size: 22px;
  line-height: 100px;
  cursor: pointer;
}
#nav-center .button .dark-bg {
  position: absolute;
  width: 160px;
  height: 100px;
  background: rgba(0, 0, 0, 0.3);
  color: white;
  text-align: center;
  webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#nav-center .button .dark-bg:hover {
  background: rgba(0, 0, 0, 0);
}
#nav-center .button.in-viz {
  margin-left: 0;
}
#nav-center .button#but-interact {
  background: rgba(0, 0, 0, 0.3) url('img/interact.png') no-repeat center center;
}
#nav-center .button#but-print {
  background: url('img/print.png') no-repeat center center;
}
#nav-center .button a {
  color: white;
}
#nav-center h2.button-text {
  font-size: 18px;
  text-indent: 0;
  line-height: 26px;
}
#nav-center h2.button-text.in-viz {
  position: absolute;
  top: 65px;
  text-indent: 0 !important;
  font-size: 18px !important;
  margin-left: 180px;
  width: 67%;
}
#footer {
  padding: 20px 20px 25px 20px;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
#footer p {
  margin: 5px 0 20px 0 !important;
  font-family: ClarendonLTStd, serif;
  color: white;
  font-size: 20px;
  color: #729ac1;
}
#footer #project-con .project {
  display: inline-block;
  width: 180px;
  margin-right: 13px;
}
#footer #project-con .project a {
  cursor: pointer !important;
}
#footer #project-con .project a:hover {
  text-decoration: none;
}
#footer #project-con .project h2 {
  text-indent: 0;
  font-size: 16px;
  margin-top: 10px;
  display: block;
}
#footer #project-con .project img {
  border-style: none;
  outline: none;
  -webkit-filter: grayscale(100%);
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -ms-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
#footer #project-con .project a:hover img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter …\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
}
#footer #project-con .project:last-child {
  margin-right: 0;
}
#intro {
  position: absolute;
  pointer-events: none;
  z-index: 300;
  opacity: 0;
  width: 100%;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#intro #intro-content {
  position: relative;
  margin: 10% auto;
  width: 590px;
}
#intro h2 {
  text-indent: -19px;
  font-size: 35px;
  line-height: 43px;
}
#intro .attribution {
  width: 100%;
  color: #729ac1;
}
#intro .attribution p {
  margin: 15px 0;
}
#intro .icon {
  margin: 70px auto 0 auto;
  font-family: TradeGothicCondensed, Helvetica, Arial, sans-serif;
  font-size: 24px;
  width: 120px;
  height: 50px;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  color: white;
  opacity: 0;
  position: relative;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  cursor: pointer;
}
#intro .icon div {
  float: left;
  margin: 12px 5px 0 0;
}
#intro .icon #play-icon {
  float: left;
  font-family: 'controlbuttons';
  color: #729ac1;
  font-size: 45px;
  margin: 0 5px;
  line-height: 27px;
}
#intro #loader {
  width: 35px;
  pointer-events: none;
  position: relative;
  top: 1.6em;
  margin: -70px auto 0 auto;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#intro #loader img {
  width: 35px;
  position: absolute;
  top: 0;
}
#intro.ready .icon {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#intro.ready .icon:hover {
  opacity: 0.8;
}
#intro.ready #loader {
  opacity: 0;
}
#explain {
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  position: relative;
  background-color: #39272f;
  color: #729ac1;
}
#explain .tool-wrapper {
  left: 3%;
  position: fixed;
  bottom: 15px;
  width: 45%;
  z-index: 40;
}
#explain .tool-wrapper #playback #playing {
  z-index: 200;
  top: 40px;
  font-weight: 400;
  font-size: 13px;
  margin-top: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#explain .tool-wrapper #playback #playing #play-status {
  font-weight: bolder;
  color: #729ac1;
}
#explain .tool-wrapper #playback #playing #track-title {
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
}
#explain .tool-wrapper #playback #playing p {
  color: white;
}
#explain .tool-wrapper #playback #playing:hover {
  background: #39272f;
  overflow: visible;
}
#explain .tool-wrapper #playback #controls {
  z-index: 100;
  height: 30px;
  width: 100%;
  margin-top: 3px;
}
#explain .tool-wrapper #playback #controls .control {
  font-family: 'controlbuttons';
  font-size: 25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#explain .tool-wrapper #playback #controls .control:hover {
  opacity: 0.8;
}
#explain .tool-wrapper #playback #controls span {
  cursor: pointer;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#explain .tool-wrapper #playback #controls span:hover {
  opacity: 8;
}
#explain .tool-wrapper #playback #controls #title-next,
#explain .tool-wrapper #playback #controls #title-prior,
#explain .tool-wrapper #playback #controls #player {
  overflow-x: visible;
  white-space: nowrap;
  margin-right: 15px;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#explain .tool-wrapper #playback #controls #title-prior {
  float: left;
}
#explain .tool-wrapper #playback #controls #title-prior .name {
  display: none;
}
#explain .tool-wrapper #playback #controls #player {
  float: left;
  z-index: 300;
  overflow: visible;
  margin-top: -9px;
}
#explain .tool-wrapper #playback #controls #player .control {
  font-size: 40px;
}
#explain .tool-wrapper #playback #controls #title-next {
  position: relative;
  float: left;
  z-index: 100;
}
#explain .tool-wrapper #playback #controls #title-next .name {
  display: none;
}
#explain #text-drop {
  position: fixed;
  width: 100%;
  height: 70px;
  background: black;
  bottom: 0;
  z-index: 10;
  background: -moz-linear-gradient(top, rgba(57, 39, 47, 0) 0%, #39272f 50%, #39272f 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(57, 39, 47, 0)), color-stop(50%, #39272f), color-stop(100%, #39272f));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(57, 39, 47, 0) 0%, #39272f 50%, #39272f 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(57, 39, 47, 0) 0%, #39272f 50%, #39272f 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(57, 39, 47, 0) 0%, #39272f 50%, #39272f 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(57, 39, 47, 0) 0%, #39272f 50%, #39272f 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0039272f', endColorstr='#39272f', GradientType=0);
  /* IE6-9 */
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}
#explain #description {
  position: relative;
  width: 615px;
  margin: 0 auto 0 auto;
  padding-top: 100px;
  padding-bottom: 50px;
}
#explain #description p {
  margin: 15px 0;
}
#explain #description h2 {
  color: white;
  font-size: 26px;
  text-indent: -14px;
}
#explain #description h2 span {
  letter-spacing: 3px;
}
#explain #description .attribution {
  width: 100%;
  text-align: left;
  margin-bottom: 50px;
}
#explain #description .attribution p {
  color: #729ac1;
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
}
#explain #description a {
  color: #a5b9cf;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#explain #description a:hover {
  color: white;
  text-decoration: underline;
}
#album-detail {
  position: fixed;
  z-index: 100;
  right: 3%;
  bottom: 15px;
  height: 68px;
  width: 48%;
}
#album-detail #cover-art {
  width: 40px;
  height: 40px;
  border: solid 0.5px white;
  background-size: 100%;
  position: absolute;
  right: 0;
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}
#album-detail.appled #title-current img {
  opacity: 1;
  pointer-events: auto;
  z-index: 500;
}
#album-detail:hover img {
  opacity: 1;
  pointer-events: auto;
  z-index: 500;
}
#album-detail #title-current {
  position: absolute;
  bottom: 0;
  right: 0px;
  width: 100%;
  height: 68px;
}
#album-detail #title-current p {
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: white;
  width: 100%;
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
  position: absolute;
  bottom: 0;
}
#album-detail #title-current img {
  margin-right: 50px;
  float: right;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  opacity: 0;
  pointer-events: none;
  vertical-align: text-top;
}
#album-detail #title-current #meta {
  width: 20em;
}
#album-detail #title-current.track {
  overflow: visible;
}
#album-detail #title-current.track div {
  clear: both;
}
#tools {
  z-index: 100;
  position: relative;
  background-color: #39272f;
  color: #729ac1;
  height: 50px;
  -webkit-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  -ms-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out;
}
#tools #leftward {
  position: absolute;
  left: 3%;
  width: 200px;
}
#tools #leftward #logo {
  font-family: 'fat-icons';
  position: absolute;
  top: 15px;
  font-size: 20px;
  color: #729ac1;
}
#tools #leftward #about p {
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
  float: left;
  margin: 16px 7px 0 0;
  cursor: pointer;
}
#tools #rightward {
  position: absolute;
  z-index: 9998;
  right: 3%;
  padding-top: 7px;
}
#tools #rightward #rightward-inner {
  float: right;
}
#tools #rightward #rightward-inner > * {
  float: right;
}
#tools #rightward.inactive {
  overflow: hidden;
}
#tools #rightward.inactive #rightward-inner {
  overflow: hidden;
}
#tools #rightward.inactive ul {
  overflow: hidden;
}
#tools br {
  height: 1px;
  width: 1px;
  clear: both;
}
#social > div {
  float: left;
}
.social-wrap {
  overflow-y: visible;
  overflow-x: visible;
  width: 35px;
  height: 50px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -ms-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
  position: relative;
}
.social-wrap#facebook-wrap {
  left: -20px;
}
.social-wrap#twitter-wrap {
  left: 45px;
}
.social-wrap .primary {
  font-family: controlbuttons;
  font-size: 20px;
  line-height: 50px;
  cursor: pointer;
}
.social-wrap .social-details {
  height: 25px;
  opacity: 0;
  font-size: 12px;
  text-align: left;
  margin: 0;
  padding: 0;
  left: 0;
  webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: -9999;
  position: absolute;
}
.social-wrap .social-details.fb-like {
  width: 80px;
  left: -14px;
  top: 45px;
}
.social-wrap .social-details.tw-options {
  width: 80px;
  left: -20px;
  top: 45px;
}
.social-wrap:hover {
  opacity: 1;
}
.social-wrap:hover .social-details {
  z-index: 9999;
  opacity: 1;
}
#main {
  margin: 0 0 -4px 0;
  padding: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  z-index: 50;
}
#main #album-toggle {
  position: absolute;
  left: 30px;
  background-color: #04070b;
  padding: 5px;
  border-radius: 5px;
}
#canvas {
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 1;
  position: relative;
  background: #39334a;
  /* Old browsers */
  background: -moz-radial-gradient(-10% 80%, circle, #39334a 14%, #353457 19%, rgba(60, 63, 108, 0) 56%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, -10% 80%, 0px, -10% 80%, 100%, color-stop(14%, #39334a), color-stop(19%, rgba(53, 52, 87, 0)), color-stop(56%, #3c3f6c));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(-10% 80%, circle, #39334a 14%, #353457 19%, rgba(60, 63, 108, 0) 56%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(-10% 80%, circle, #39334a 14%, #353457 19%, rgba(60, 63, 108, 0) 56%);
  /* Opera 12+ */
  background: -ms-radial-gradient(-10% 80%, circle, #39334a 14%, #353457 19%, rgba(60, 63, 108, 0) 56%);
  /* IE10+ */
  background: radial-gradient(circle at -10% 80%, #39334a 14%, #353457 19%, rgba(60, 63, 108, 0) 56%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39334a', endColorstr='#3c3f6c', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  -webkit-transition: height 0.25s ease-in-out;
  -moz-transition: height 0.25s ease-in-out;
  -ms-transition: height 0.25s ease-in-out;
  transition: height 0.25s ease-in-out;
}
#canvas.moused {
  cursor: pointer;
}
#canvas.scrub {
  cursor: ew-resize;
}
#search {
  z-index: 200;
  color: #729ac1;
  padding-top: 4px;
  overflow: visible;
  height: 36px;
}
#search::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(114, 154, 193, 0.95);
  padding: 0 3px;
}
#search::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
#search > * {
  width: 200px;
  padding: 10px;
}
#search input[type=text],
#search textarea {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  outline: none;
  border: #729ac1;
  color: #729ac1;
  cursor: text;
}
#search input[type=text]:focus,
#search textarea:focus {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  cursor: text;
  outline: none;
}
#search input {
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0);
  background-color: rgba(114, 154, 193, 0.15);
  color: #729ac1;
  cursor: text;
}
#search input:-moz-placeholder {
  color: #729ac1;
}
#search input:-ms-input-placeholder {
  color: #729ac1;
}
#search input::-webkit-input-placeholder {
  color: #729ac1;
}
#search #values {
  margin: 0px;
  padding: 0;
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 510px;
}
#search #values::-webkit-scrollbar {
  width: 10px;
  background-color: rgba(114, 154, 193, 0.95);
  padding: 0 3px;
}
#search #values::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.5);
}
.genre-wrapper {
  position: absolute;
  overflow: hidden;
  width: 25px;
  height: 35px;
  background-color: #323232;
}
.genre {
  float: left;
}
#no-audio {
  display: none;
  width: 15em;
}
#no-audio a {
  color: #a5b9cf;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  -ms-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
  webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#no-audio a:hover {
  color: white;
  text-decoration: underline;
}
@media all and (max-width: 720px) {
  #intro #intro-content {
    top: 15%;
    width: 530px;
  }
  #intro #intro-content h2 {
    font-size: 30px;
    line-height: 1.2em;
    font-family: ClarendonLTStd, serif;
    font-weight: normal;
    letter-spacing: 0.01em;
  }
  #search > * {
    width: 115px;
  }
}
#scroll-prompt {
  position: absolute;
  top: 0;
  height: 50px;
  width: 100px;
  left: 50%;
  margin-left: -50px;
  z-index: 1000;
  opacity: 1;
  webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
#scroll-prompt:hover {
  opacity: 0.5;
}
#scroll-prompt div {
  margin-top: 12px;
  /* Safari */
  -webkit-transform: rotate(-45deg);
  /* Firefox */
  -moz-transform: rotate(-45deg);
  /* IE */
  -ms-transform: rotate(-45deg);
  /* Opera */
  -o-transform: rotate(-45deg);
  height: 25px;
  width: 25px;
  border-left: 2px solid #729ac1;
  border-bottom: 2px solid #729ac1;
}
#f-is-for {
  font-family: 'fat-icons';
}
#copyright {
  position: relative;
  clear: both;
  margin-top: 50px;
  text-transform: uppercase;
  font-family: TradeGothicBold, Helvetica, Arial, sans-serif;
  font-size: 12px;
  z-index: 9500;
}