/* FRONTEND Stylesheet */

/* html elements
------------------------------------------- */
body, html {
  background: #662c05 url("/img/frontend/bg.jpg") top center;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-align: center;
}
a {
  color: #fff;
}
a:hover {
  color: #ccc;
}
a span {
  display: none;
}
h1 {
  font-size: 16px;
  text-align: center;
}
p {
  line-height: 14px;
  padding: 10px;
  text-align: center;
}
strong {
  font-weight: bold;
}

/* CONTENT
------------------------------------------- */
#content {
  background: url("/img/frontend/standalone-bg.jpg") top left no-repeat;
  height: 604px;
  margin: 0px auto;
  margin-top: 100px;
  width: 670px;
  text-align: center;
}

.standalone {
  padding-top: 90px;
}
.standalone .player {
  background: #000;
  display: block;
  height: 382px;
  margin: 0 auto;
  outline: none;
  width: 490px;
}
.standalone .credits {
  color: #505435;
  font-size: 13px;
  height: 50px;
  margin: 0 auto;
  margin-top: 15px;
  width: 490px;
}
.standalone .credits .logo {
  float: left;
  height: 50px;
  width: 120px;
}
.standalone .credits .details {
  float: left;
  height: 100%;
  line-height: 16px;
  margin-left: 15px;
  overflow: hidden;
  width: 355px;
}

/* FOOTER
------------------------------------------- */
#footer {
  color: #dedbba;
  height: 31px;
  margin: 0px auto;
  width: 670px;
}
#footer .copyright {
  background: url("/img/frontend/footer.gif") top left no-repeat;
  float: left;
  height: 31px;
  width: 275px;
}
#footer .copyright a {
  background: url("/img/frontend/footer.gif") top right no-repeat;
  display: block;
  float: right;
  height: 31px;
  width: 90px;
}
#footer .copyright a:hover {
  background-position: bottom right;
}
#footer .visit_us {
  float: right;
  margin-top: 10px;
}
#footer .visit_us a {
  color: #dedbba;
}
#footer .visit_us a:hover {
  color: #fff;
}