html, body {
  margin: 0;
  padding: 0;
  width:100%;
  height:100%;
  background: url('../images/backimg.gif');
  color: #180614;
}

h1 {
  margin: 0;
  margin-top: 1px;
  padding: 0;
  font-size: 11pt;
}

h2 {
  margin: -10px 0 20px 0;
  padding: 0;
  border-bottom: 1px solid #180614;
  font-size: 20pt;
}

a {
  text-decoration: none;
  color: #165e83;
}

#navigation a {
  text-decoration: none;
  color: #FFF;
}

a:hover {
  color: #c9171e;
}

img p {
   position: absolute;
   left: 0;
}

#header {
  color: #FFF;
  position: fixed;
  height: 24px;
  width: 100%;
  background: #180614;
  z-index: 10;
  padding: 2px;
}

#header h1 {
  margin-top:-5px;
}

#navigation {
  border-top: #999 1px solid;
  border-bottom: #999 1px solid;
  color: #FFF;
  position: fixed;
  top: 28px;
  height: 24px;
  width: 100%;
  background: #2b2b2b;
  z-index: 10;
  padding 2px 0 0 0;
  text-align: center;
  letter-spacing: 7px;
  word-spacing: 5px;
  -webkit-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.18);
  -moz-box-shadow: 0 2px 3px rgba(1, 1, 1, 0.18);
  box-shadow: 0 2px 3px rgba(1, 1, 1, 0.18);
}

@-moz-document url-prefix() {
  #navigation {
    height: 22px;
    padding: 6px 0 0 0;
  }
}


#main {
  width: 1125px;

  overflow: hidden;
  margin: 0 auto;
}

#catch {
  position: relative;
  margin: 0px 0 20px 0;
  padding: 0;
}
#catch img {
  margin: 75px 0 -10px 0;
}
#catch table {  
  color: #FFF;
  margin: 0;
  padding-right: -20px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  text-shadow: 1px 2px 3px #180614;
}

#contents {
  float: left;
  width: 845px;
  margin-right: 20px;
}

#sidemenu {
  float: left;
  width: 260px;
}
#news {
  background: #89c3eb;
  height: 160px;
  padding: 20px;
}

#news_list {
	height: 100px;
	overflow: auto;
}


#about {
  background: #f8e58c;
  padding: 20px;
  margin-top: 20px;
}

#lineup {
  padding: 20px;
  margin-top: 20px;
  background: #ebd842;
  font-size: 9pt;
}

#access {
  margin-top:20px;
  padding: 20px;
  background: #a0d8ef;
}

#footer {
  background: #000;
  color: #FFF;
  font-weight: bold;
  padding: 2px;
}

#buy {
 width: 230px;
 text-align: center;
 margin-bottom: 12px;
 vertical-align: center;
 height: 26px;
 margin:0;
 border:1px solid #df0909; -webkit-border-radius: 18px; -moz-border-radius: 18px;border-radius: 18px;font-size:22px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
 background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
 background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
 background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
 background-image: -o-linear-gradient(top, #f62b2b, #d20202);
 background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

#buy:hover{
 border:1px solid #b30808;
 background-color: #e40a0a; background-image: -webkit-gradient(linear, left top, left bottom, from(#e40a0a), to(#9f0202));
 background-image: -webkit-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -moz-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -ms-linear-gradient(top, #e40a0a, #9f0202);
 background-image: -o-linear-gradient(top, #e40a0a, #9f0202);
 background-image: linear-gradient(to bottom, #e40a0a, #9f0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e40a0a, endColorstr=#9f0202);
}

#wan_bushi div.image {
  float: left;
  width: 300px;
  margin-right: 20px;
}
#wan_bushi div.text {
  float: left;
  width: 485px;
}

#wan_bushi img {
  border: 1px solid #180614;
}

#wan_bushi div.name {
  margin: 0;
  padding: 0;
  font-size: 30pt;
  font-weight: bold;
  vertical-align: bottom;
}
#wan_bushi div.name span {
  vertical-align: middle;
}
#wan_bushi p {
  margin: 0 0 1em 0;
}

#wan_bushi iframe {
  margin:10px 0;
}

.artists {
  margin: 10px 0 40px -40px;
  width: 870px;
}

.artists ul {
  list-style-type: none;
  margin: 0;
  zoom: 1;
}
.artists ul:after {
  content:".";
  display: block;
  height:0px;
  clear:both;
  line-height:0;
  visibility:hidden;
}
.artists li {
  float: left;
  margin: 0 27px 0 0;
}
.artists a:hover img {
  margin: -5px;
  border: solid 5px #00a3af;
}

.artists div.name {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  vertical-align: bottom;
  text-align: center;
  height: 16px;
}
.artists div.name span {
  vertical-align: middle;
}

.artist div.name {
  margin: 0;
  padding: 0;
  font-size: 24pt;
  font-weight: bold;
  vertical-align: bottom;
  line-height: 75%;
}
.artist div.name span {
  vertical-align: middle;
}

.artist {
  padding: 10px;
}

.artist div.image {
  float: left;
  width: 180px;
  margin-right: 20px;
}
.artist div.text {
  float: left;
  width: 510px;
}

.artist a {
  border-bottom: dashed 1px #165e83;
}

.otherman li {
  margin-right: 20px;
}

.dj {
  vertical-align: middle;
  margin: 0;
  width: 30px;
  text-align: center;
  border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 2px 2px 2px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
  background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
  background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
  background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
  background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
  background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
}

.live {
  vertical-align: middle;
  margin: 0;
  width: 30px;
  text-align: center;
  border:1px solid #df0909; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 2px 2px 2px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #f62b2b; background-image: -webkit-gradient(linear, left top, left bottom, from(#f62b2b), to(#d20202));
  background-image: -webkit-linear-gradient(top, #f62b2b, #d20202);
  background-image: -moz-linear-gradient(top, #f62b2b, #d20202);
  background-image: -ms-linear-gradient(top, #f62b2b, #d20202);
  background-image: -o-linear-gradient(top, #f62b2b, #d20202);
  background-image: linear-gradient(to bottom, #f62b2b, #d20202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f62b2b, endColorstr=#d20202);
}

.comingsoon {
  margin: 0 4px 0 0;
  width: 30px;
  border:1px solid #616261; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 2px 2px 2px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #7d7e7d; background-image: -webkit-gradient(linear, left top, left bottom, from(#7d7e7d), to(#0e0e0e));
  background-image: -webkit-linear-gradient(top, #7d7e7d, #0e0e0e);
  background-image: -moz-linear-gradient(top, #7d7e7d, #0e0e0e);
  background-image: -ms-linear-gradient(top, #7d7e7d, #0e0e0e);
  background-image: -o-linear-gradient(top, #7d7e7d, #0e0e0e);
  background-image: linear-gradient(to bottom, #7d7e7d, #0e0e0e);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7d7e7d, endColorstr=#0e0e0e);
}

.vj {
  vertical-align: middle;
  margin: 0;
  width: 20px;
  text-align: center;
  border:1px solid #34740e; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 2px 2px 2px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
  background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
  background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
  background-image: -moz-linear-gradient(top, #4ba614, #008c00);
  background-image: -ms-linear-gradient(top, #4ba614, #008c00);
  background-image: -o-linear-gradient(top, #4ba614, #008c00);
  background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

#ticket {
  clear: both;
  background: #c3d825;
  margin: 20px auto;
  padding: 20px;
  text-align: center;
}

#social {
  margin:0;
  padding:0;
}
#social ul {
  margin-top: -20px;
  width:190px;
}

#social ul li {
  float: left; 
  margin-right: 5px; 
  list-style: none;
}

#links {
  margin-top: 15px;
  background: #e7e7eb;
  padding: 20px;
}

#gotop {
  background: #E80;
  position: fixed;
  bottom: 5px;
  right: 5px;
  border: 1px solid #DDD;
  padding: 1px;
}
#gotop a {
  color: #FFF;
}

.small {
  font-size: 50%;
}

.hidden {
  display:none;
}
.round {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}