@import url(http://the-wagon.net/css/base.css);

/* Site Index Styles CSS (styles-index.css) */

html, body {
  width:100%;
  height:100%;
  }

h1{
  float:left;
  background:transparent;
  width:100%;
  height:50%; 
  text-indent:-1000000000px;
  margin-top:-320px;
  overflow:hidden;
  }

/* Hide from IE5mac \*//*/
h1{
  display: none;
  }
html, body {
  height: auto;
  }
/* end hack */

div#wrapper{
  width:100%;
  clear: both;
  position:relative;
  top:-280px;
/* IE4ever Hack: Hide from IE4 **/
  position:static;
/** end hack */
  }

#wrapper{
  width:100%;
  height:560px;
  background:url(http://the-wagon.net/imgs/index-back.jpg) repeat-x top;
  }


/* SCHEDULE */

#schedule{
  width:350px;
  height:190px;
  margin:0 auto;
  padding:30px 30px 130px 520px;
  background:url(http://the-wagon.net/imgs/index-main.jpg) no-repeat;
  }

#schedule h2, #schedule h2 a{
  width:350px;
  height:20px;
  }

#schedule h2{
  text-indent:-100000px;
  overflow:hidden;
  }

#schedule h2 a{
  display:block;
  }

#schedule ul{
  text-align:left;
  padding:15px 10px 0 20px;
  }

#schedule li{
  list-style:none;
  font-size:11px;
  font-weight:bold;
  padding:0 0 5px 0;
  }

#schedule a{color:#CC0033;text-decoration:none;}
#schedule a:hover{color:#CC0000;text-decoration:underline;}


#schedule .onemanlive{
  width:300px;
  text-align:left;
  margin:0 auto;
  padding:20px 0 0;
  }

#schedule .flyerImage{
  float:left;
  width:80px;
  }

#schedule .liveDetail{
  float:left;
  width:190px;
  color:#CC0033;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  }

#schedule .liveDetail a{text-decoration:none;color:#CC0033;}
#schedule .liveDetail a:hover{text-decoration:underline;}



/** MENU **/

#menu{
  width:660px;
  height:24px;
  margin:5px auto 0 ;
  padding:0 0 0 240px;
  background:url(http://the-wagon.net/imgs/menu-back.jpg) no-repeat right;
  }
  
#menu li{
  list-style:none;
  float:left;
  height:24px;
  text-indent:-100000px;  
  margin-right:15px;
  overflow:hidden;
  }

#menu li a{display:block;height:24px;}
#menu .information, #menu .information a{width:95px;}
#menu .discography, #menu .discography a{width:102px;}
#menu .biography, #menu .biography a{width:85px;}
#menu .garage, #menu .garage a{width:65px;}
#menu .blog, #menu .blog a{width:42px;}
#menu .bbs, #menu .bbs a{width:42px;}
#menu .links, #menu .links a{width:45px;}
#menu .contact, #menu .contact a{width:75px;margin-right:0;}


/** INBOX **/

#inbox{
  width:900px;
  text-align:left;
  margin:0 auto;
  padding:0 0 10px;
  background:url(http://the-wagon.net/imgs/border-news.jpg) no-repeat top;  
  }

#inbox h2{
  width:590px;
  height:20px;
  text-indent:-100000px;
  overflow:hidden;
  }

#inbox dl a{color:#000;text-decoration:none;}
#inbox dl a:hover{color:#FF0000;text-decoration:underline;}

#inbox dl{
  float:left;
  width:595px;
  padding-top:10px;
  }

#inbox dt, #inbox dd{
  line-height:15px;
  padding:5px;
  }

#inbox dt{
  float:left;
  width:140px;
  text-align:left;
  padding-left:20px;
  clear:both;
  }

#inbox .right{
  float:right;
  width:400px;
  text-align:left;
  }

#inbox .right{
  width:285px;
  padding:10px 0 5px;
  }

#inbox .banner{
  width:285px;
  height:110px;
  text-indent:-100000px;
  background:url(http://the-wagon.net/imgs/banner-answer_from_my_bed.jpg) no-repeat;
  overflow:hidden;
  }
  
#inbox  .banner a{
  display:block;
  width:285px;
  height:110px;
  }  


#inbox .myspace, #inbox .rookiestar{
  text-indent:-100000px;
  padding-top:5px;
  overflow:hidden;
  }

#inbox .myspace a, #inbox .rookiestar a{
  display:block;
  }

#inbox .myspace, #inbox .myspace a{
  width:96px;
  height:25px;
  }

#inbox .myspace{
  float:left;
  margin-left:20px;
  background:url(http://the-wagon.net/imgs/banner_top-myspace.jpg) no-repeat center 5px;
  }

#inbox .rookiestar, #inbox .rookiestar a{
  width:84px;
  height:22px;
  }

#inbox .rookiestar{
  float:left;
  margin-top:2px;
  margin-left:25px;
  background:url(http://the-wagon.net/imgs/banner_top-rookiestar.jpg) no-repeat center 5px;
  }



/** FOOTER **/

#footer{
  width:880px;
  text-align:right;
  padding:7px 10px;
  background:url(http://the-wagon.net/imgs/border-top.jpg) no-repeat top;
  clear:both;
  }
  
#footer .copyright{
  font-size:10px;
  line-height:15px;
  }