body {
  font-family:Helvetica, Arial, sans-serif;
  font-size:12px;
}

#container {
  width:80%;
  margin:10px auto;
  overflow:hidden;
}

#logo, #navigation {
  float:left;
  margin-right:15px;
}

#navigation li {
  float:left;
  margin:72px 10px 0 0;
}

#navigation li a {
  font-size:36px;
  font-weight:bold;
  color:#000;
  text-decoration:none;
  text-transform:uppercase;
}

#navigation li a:hover {
  opacity:.5;
}

#navigation li a.active {
  color:#ec008c;
}

#content {
  clear:both;
  overflow:hidden;
  padding-top:10px;
  margin-bottom:30px;
}

.box {
  float:left;
  background:#000;
  padding:5px 10px;
  margin:0 10px 10px 0;
  overflow:hidden;
  cursor:pointer;
}

.box h2 {
  color:#fff;
  font-size:18px;
  text-transform:uppercase;
  overflow:hidden;
  width:100%;
  height:25px;
  line-height:25px;
  padding:0 7px 0 0;
  position:relative;
  white-space: nowrap;
}

.box marquee {
  position:relative;
  top:-3px;
}

.b280 { width:270px; height:298px; }
.b560 { width:570px; height:298px; }

.b280 img { width:268px; height:268px; }

#music {
  margin-bottom:25px;
}

#booking {
  margin-bottom:25px;
}

#music h2 {
  text-transform:uppercase;
  font-size:20px;
  line-height:1.2;
  margin-top:30px;
  margin-bottom:15px;
}

#music ul li h3 {
  font-size:16px;
  margin-bottom:10px;
  cursor:pointer;
}

#booking {
  margin-top:20px;
  width:600px;
}

#booking object {
	position: relative;
	top: 10px;
}

#booking ul li h3 {
	text-transform: uppercase;
  font-size:20px;
  margin-bottom:10px;
  cursor:pointer;
  padding-bottom:15px;
  padding-top:5px;
  border-bottom:1px dotted #ccc;
}

#booking ul li h3:hover {
  opacity:.5;
}

#booking ul li h3.active {
  color:#ec008c;
}

#music ul li h3 span {
  color:#ec008c;
}

#music ul li h3:hover {
  opacity:.5;
}

#music ul li h3.active {
  color:#ec008c;
}

.tracks {
  padding:3px 0 20px 0;
}

.tracks a {
  background:#000;
  padding:5px 7px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  
}

#music .description,
#booking .description {
  overflow:hidden;
  width:600px;
}

#music .description img,
#booking .description img {
  width:100px;
  height:100px;
  float:left;
  margin:0 15px 15px 0;
  border:5px solid #000;
}

#music .description a,
#booking .description a {
  color:#ec008c;
}

#music .description p,
#booking .description p {
  margin-bottom:15px;
  line-height:1.5;
  text-align:justify;
}

#music .description .music-content,
#booking .description .music-content {
  float:left;
  width:450px;
  overflow:hidden;
  margin-bottom:10px;
}

#music table {
  width:600px;
  border-top:1px dotted #ccc;
}

#music table td {
  border-bottom:1px dotted #ccc;
  padding:5px;
  vertical-align:top;
  line-height:1.5;
  font-weight:bold;
}

#music table td embed,
#music table td object {
  float:right;
}

#posts .post {
  margin-bottom:30px;
  line-height:1.5;
  width:600px;
  border-bottom:1px dotted #ccc;
}

#posts .post .date {
  text-transform:uppercase;
  font-size:20px;
  color:#ccc;
}

#posts .post h2 {
  text-transform:uppercase;
  font-size:20px;
  line-height:1.2;
  margin-bottom:15px;
}

#posts .post p {
  margin-bottom:15px;
  text-align:justify;
}

#copyright {
  font-weight:bold;
  padding-bottom:15px;
}

#events {
  cursor:default;
}

#events li {
  color:#ccc;
  border-bottom:1px dotted #ccc;
  padding:10px 0;
}

#events li img {
  width:35px;
  height:35px;
  float:left;
  margin:0 10px 0 0;
}

#events li h3 {
  font-size:16px;
  font-weight:bold;
  margin-bottom:5px;
}

a.shop {
  color:#ec008c;
  text-decoration:none;
}