body {
   background-color:#000000;
   font-family:Arial;
   color:#DDDDDD;
   font-size:12px;  
}

h2 {
   color:#EEEEEE;
   font-size:34px;
   font-family:Verdana;
}

img {
   border:none;
}

a:link {
   color:#666666;
   text-decoration:none;
}
a:visited {
   color:#666666;
   text-decoration:none;
}
a:hover {
   color:#BCBCBC;
   text-decoration:underline;
}
a:active {
   color:#BCBCBC;
   text-decoration:underline;
}
a:focus {
   color:#BCBCBC;
   text-decoration:none;
}

.spacer {
   width:20px;
   height:20px;  
}

.mainContainer {
   margin:-5px auto 0px;
   width:630px;
   border:0px solid transparent;
   background-color:transparent;
   background-image:url('images/content_background_01.gif');
   background-repeat:no-repeat;
   background-position:center top;
   background-attachment:scroll;
   padding:10px;
}

.headerContainer {
   margin:-5px auto 5px;
   width:630px;
   border:0px solid transparent;
   background-color:transparent;
   padding:10px;
}

.footerContainer {
   margin:-5px auto 5px;
   width:630px;
   border:0px solid transparent;
   background-color:transparent;
   padding:10px;
}


/** NAVIGATION **/

#navigation {
 margin-left:20px;  
}

#navigation div {
   display:block;
}

#navigation .home a, #navigation .statement a, #navigation .soundtrack a, #navigation .stuff a, #navigation .links a {
   position: relative;
	display: block;
	float: left;
   background-repeat:no-repeat;
   background-position: 1px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}

#navigation .home a {
	background-image:url('images/navhomedim.gif');
	width: 82px;
}
#navigation .statement a {
	background-image:url('images/navstatementdim.gif');
	width: 165px;
}
#navigation .soundtrack a {
	background-image:url('images/navsoundtrackdim.gif');
	width: 181px;
}
#navigation .stuff a {
	background-image:url('images/navstuffdim.gif');
	width: 87px;
}
#navigation .links a  {
	background-image:url('images/navlinksdim.gif');
	width: 90px;
}


#navigation .home a:hover, #navigation .home a.active {
   background-position:1px -30px;
}
#navigation .statement a:hover, #navigation .statement a.active {
   background-position:1px -30px;
}
#navigation .soundtrack a:hover, #navigation .soundtrack a.active {
   background-position:1px -30px;
}
#navigation .stuff a:hover, #navigation .stuff a.active {
   background-position:1px -30px;
}
#navigation .links a:hover, #navigation .links a.active {
   background-position:1px -30px;
}



/** TAPELIST **/


.bandImage {
   float:left;
}

.bandImage img {
   border:1px solid #999999;
}

.bandInfo {
   float:left;
   margin:0px 0px 0px 20px;
   width:300px;
}

.bandInfo .bandName {
   font-size:24px;
   font-weight:bold;
   margin-top:-6px;
}

.chapter {
   margin-top:10px;
   font-size:16px;
   text-transform:uppercase;
   font-weight:bold;
}
.artist {
   float:left;
   text-transform:uppercase;
   font-weight:bold;
   padding-right:5px;
}
.work {
   float:left;      
   text-transform:capitalize;
}
.break {
   clear:both;
   height:0px;
   width:0px;
}

.linkCategory {
   color:#ACACAC;
   text-transform:uppercase;
   font-weight:bold;
   font-size:14px;
   padding:12px 0px 6px 0px;
}
.linkDescription {
   float:left;
   text-transform:capitalize;
   font-weight:bold;
   padding-right:5px;
   width:200px;
}
.linkURL {
   float:left;      
   text-transform:lowercase;
}

   .tShirtInfo {
      float:left;
      width:130px;
      margin-right:20px;
   }
   
   .tShirtFront {
      float:left;
      width:220px;
      height:190px;
      margin-right:20px;
      background-image:url('images/stuff/tshirtfront.gif');
      background-repeat:no-repeat;
      background-color:#000000;
      border:1px solid #333333;
      position:relative;
   }
   .tShirtLabelFront, .tShirtLabelBack {
      float:left;
      width:222px;
      height:10px;
      color:#333333;
      text-align:center;
      margin-top:-2px;
   }
   .tShirtLabelFront {
      margin-right:20px;
   }
   
   .tShirtFront img, .tShirtBack img  {
      position:absolute;
      top:30px;
      left:50%;
   }

   
   .tShirtBack {
      float:left;
      width:220px;
      height:190px;
      background-image:url('images/stuff/tshirtback.gif');
      background-repeat:no-repeat;
      border:1px solid #333333;
      position:relative;
   }

   .loupe {
      position:absolute;
      bottom:60px;
      right:30px;
      float:left;
      cursor:pointer;
   }

#tShirtPreviewLayer {
   position:fixed;
   top:2px;
   left:2px;
   display:none;
   width:484px;
   height:422px;
   background-image:url('images/stuff/tshirtfrontl.gif');
   background-repeat:no-repeat;
   background-color:#000000;
   border:1px solid #666666;  
   z-index:100;
   padding-top:6px;
   font-size:24px;
   color:#BCBCBC;
   line-height:200px;
}

.previewShirt {
   margin-top:66px;
   margin-left:132px;
}

body {
   background-image:url('images/background.gif');
   background-repeat:no-repeat;
   background-position:center center;
   background-attachment:fixed;
}