.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1;
}

body {
  margin: 0;
  padding: 465px 0 100px;
  background: url(/bg.png) no-repeat top center;
  font: 14px/1.6 Georgia, "Times New Roman", Times, serif;
}

img.figure {
  float: left;
  margin: 0 10px 10px 0;
  position: relative;
  top: 4px;
}

#home-link {
  position: absolute;
  width: 500px;
  margin: 0 0 0 -250px;
  height: 400px;
  top: 0;
  left: 50%;
  text-align: center;
}

#home-link a {
  height: 100%;
  width: 100%;
  margin: 0;
  display: block;
  text-indent: -9999px;
}

#available-on {
  width: 355px;
  height: 60px;
  margin: 0 auto 25px;
  padding: 0;
  background: url(/itunes-and-amazon.png) no-repeat center center;
  position: relative;
}

#available-on span,
#available-on a {
  display: block;
  text-indent: -9999px;
}

#available-on a:focus {
  outline: none;
}

#itunes {
  position: absolute;
  width: 160px;
  height: 60px;
  top: 0;
  left: 0;
}

#amazon {
  position: absolute;
  width: 195px;
  height: 60px;
  top: 0;
  left: 161px;
}

#contact {
  width: 500px;
  margin: 0 auto 30px;
}

#newsletter p {
  text-align: center;
}

#newsletter p a {
  font-size: 16px;
  font-weight: normal;
  color: #333;
  margin: 0 auto;
}

#contact p.thankyou {
  font-size: 18px;
  background-color: #ffc;
  padding: 10px;
  text-align: center;
}

form#newsletter {
  width: 500px;
  margin: 0 auto;
}

form#newsletter input {
  padding: 2px 3px;
  width: 150px;
  margin: 0 0 0 5px;
  color: #999;
}

form#newsletter input.on {
  color: #000;
}

form#newsletter button {
  text-indent: -9999px;
  background: url(/signup-button.png) no-repeat top left;
  width: 54px;
  height: 22px;
  border: none;
  margin: 0;
  position: relative;
  top: -1px;
  cursor: pointer;
}
form#newsletter button:hover {
  background-position: bottom left;
}

#contact-form {
  width: 310px;
  padding: 20px 20px 10px;
  margin: 0 auto;
  background-color: #fff7e0;
  border: 5px solid #fff2c3;
}

#contact-form label,
#contact-form input,
#contact-form textarea {
  display: block;
  width: 98%;
}

#contact-form textarea {
  height: 10em;
}

#main,
#connecter {
  width: 500px;
  margin: 0 auto;
}

h2 {
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  margin: 2em 0 5px;
}

.deferred {
  display: none;
}

p {
  margin: 0 10px 1em;
}

object {
  display: block;
}

#connect {
  list-style-type: none;
  margin: 0 0 30px;
  padding: 0;
}

#connect li {
  width: 110px;
  height: 42px;
  margin: 0 20px 0 0;
  padding: 0;
  float: left;
}

#connect li a {
  text-indent: -9999px;
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top left;
}

#connect li a:focus {
  outline: none;
}

#connect li a:hover {
  background-position: bottom left;
}

#connect li.facebook a {
  background-image: url(/facebook-button.png);
}
#connect li.myspace a {
  background-image: url(/myspace-button.png);
}
#connect li.youtube a {
  background-image: url(/youtube-button.png);
}
#connect li.twitter {
  width: 95px;
  margin: 0;
}
#connect li.twitter a {
  background-image: url(/twitter-button.png);
}

#music-video {
  text-align: center;
}

#music-video h2 {
  text-align: left;
}

#music-video object {
  margin: 0 auto 10px;
}

#players {
  list-style-type: none;
  margin: 0 0 1em;
  padding: 0;
}

#players li {
  margin: 0 0 2px;
}

body .admin form,
body .admin button {
  display: inline;
}