/* CSS Document */


/* 
------------------------------
BODY 
------------------------------ 
*/


body#ep {
	background-color: #FFF7DC;
	background-image:url(../img/bg.png);
	background-repeat:repeat;
	font-size : 12px;
	line-height: 16px;
	color : #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0; 
}
	
a:link, a:visited, a:active {
	color:#666666;
	text-decoration: none;
}
	
a:hover {
	color:#333333;
	text-decoration: none;
}



/* 
------------------------------
SPLASH
------------------------------ 
*/



.splash  {
	position: absolute;
	top: 100px;
	left: 50%;
	width: 476px;
	margin-left: -256px;
	padding: 15px;
	z-index:1;
}

.splashcopy  {
	top: 360px;
	position: absolute;
	left: 50%;
	width: 300px;
	margin-left: -66px;
	/*padding: 190px;*/
	z-index:2;
}

.splashenter  {
	top: 420px;
	position: absolute;
	left: 50%;
	width: 81px;
	margin-left: -236px;
	padding: 15px;
	z-index:3;
}

	
	

/* 
------------------------------
BACKGROUND
------------------------------ 
*/


.mainbg {
	height:100%; 
	width:100%;
	z-index: 1; 
}
	
.leftbg  {
	position:absolute;
	left: 0px;
	top: 0px;
	float: left;
	width: 100%;
	height:337px;
	z-index:2;
}

.rightbg {
	position:absolute;
	right:0px;
	top:0px;
	float: right;
	height:344px;
	z-index:2;
}

.rightbottombg {
	position:absolute;
	right:0px;
	top:570px;
	float: right;
	height:174px;
	z-index:2;
}
	
	
/* 
------------------------------
TITLE & NAV
------------------------------ 
*/


.title {
	top: 180px;
	position: absolute;
	left: 50%;
	width: 428px;
	margin-left: -216px;
	padding: 15px;
	z-index:3;
}


.navigation {
	top: 40px;
	position: absolute;
	left: 50%;
	width: 505px;
	margin-left: -236px;
	padding: 15px;
	z-index:4;
}


.navnews {
	position: relative;
	float: left;
	top: 65px;
}

.navtour {
	position: relative;
	float: left;
	top: 20px;
}

.navmusic {
	position: relative;
	float: left;
	top: 0px;
}

.navvisuals {
	position: relative;
	float: left;
	top: 40px;
}

.navcontact {
	position: relative;
	float: left;
	top: 70px;
}




/* 
------------------------------
CONTENT
------------------------------ 
*/


#wrapper {
  width: 58%;
  height: 275px;
  position: absolute;
  top: 342px;
  left: 30px;
  padding: 0px;
  z-index:10;
  background-image:url(../img/bg.png)
}

#scroller {
  position: relative;
}

#drag {
   position:absolute;
   left: 100%;
   top: 0px;
   z-index:4;
   cursor:pointer;
}

#track {
   position:absolute;
   left: 100%;
   top: 0px;
   z-index:2;
   cursor:pointer;
   background-image:url(../img/scrolltrack.png);
   width: 6px;
   height: 275px;
}


#contentMask {
  position:absolute;
  left: 0px;
  top: 0px;
  width: 96%;
  height: 275px;
  clip: rect(0,100%,100%,0);
  overflow: hidden;
  z-index: 6;
}

#wrapper #content {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
}




/* 
------------------------------
NEWS
------------------------------ 
*/


.newsdate {
	font-size : 12px;
	font-weight:bold;
	line-height: 20px;
}

.newstitle {
	font-size : 14px;
	font-weight:bold;
	line-height: 20px;
}






/* 
------------------------------
TOUR
------------------------------ 
*/


.tourdate {
	font-size : 12px;
	font-weight:bold;
	line-height: 16px;
}

.tourtime {
	font-size : 10px;
	font-weight:bold;
	line-height: 12px;
}

.tourtitle {
	font-size : 14px;
	font-weight:bold;
	line-height: 16px;
}

.tourdetails {
	font-size : 11px;
	line-height: 14px;
}



/* 
------------------------------
MUSIC
------------------------------ 
*/

.music {
	font-size : 12px;
	line-height: 16px;
	color : #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.musicsmall {
	font-size : 10px;
	line-height: 16px;
	color: #666666;
}

.musictitle {
	font-size : 14px;
	font-weight:bold;
	line-height: 14px;
}

.musicleftcol {
	 vertical-align:top;
	 width:238px;
	 padding-top: 0px; 
	 padding-bottom: 0px; 
	 padding-left: 0px;	}
	 	 
.musicrightcol {
	 vertical-align:top;
	 padding-top: 9px; 
	 padding-bottom: 0px; 
	 padding-left: 15px;	}
	 

.musicdetails {
	 vertical-align:top;
	 padding-top: 6px; 
	 padding-bottom: 0px; 
	 padding-left: 6px;	}

	 

a.music:link, a.music:visited, a.music:active {
	font-size:11px;
	line-height:14px;
}
	
a.music:hover {
	font-size:11px;
	line-height:14px;
}




/* 
------------------------------
VISUAL
------------------------------ 
*/
body#ep_visual {
	background-color: #000000;
	font-size : 12px;
	line-height: 16px;
	color : #FFF7DC;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0;
	padding: 0; 
}
	
a.visual:link, a.visual:visited, a.visual:active {
	color:#847F72;
	text-decoration: none;
}
	
a.visual:hover {
	color:#B3AC98;
	text-decoration: none;
}


#photos {
  width: 58%;
  height: 275px;
  position: absolute;
  top: 342px;
  left: 30px;
  padding: 0px;
  z-index:10;
}

#scroller_photos {
  position: relative;
}

#drag_photos {
   position:absolute;
   left: 100%;
   top: 0px;
   z-index:4;
   cursor:pointer;
}

#track_photos {
   position:absolute;
   left: 100%;
   top: 0px;
   z-index:2;
   cursor:pointer;
   background-image:url(../img/scrolltrack-neg.png);
   width: 6px;
   height: 275px;
}

#contentMask_photos {
  position:absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 275px;
  clip: rect(0,100%,100%,0);
  overflow: hidden;
  z-index: 6;
}

#photos #content_photos {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
}

.photo_item { float: left; margin: 5px; padding: 0px; position: relative; }
.corners-sm { float: left; position: relative; margin: 0px; padding: 5px; }
.corners-sm .corner-tl { position: absolute; top: 3px; left: 3px; }
.corners-sm .corner-tr { position: absolute; top: 3px; right: 3px; }
.corners-sm .corner-bl { position: absolute; bottom: 3px; left: 3px; }
.corners-sm .corner-br { position: absolute; bottom: 3px; right: 3px; }
.corners-sm .corner-content { background-color: #FFF7DC; text-align: center; }
.photos .thumbnail { border:solid 3px #FFF7DC; }
.photos .caption { clear: both; font-size: 9px; width: 100px; padding: 0 5px 0 5px; }

#big_photo { position: absolute; top: 100px; left: 100px; z-index: 50; display: none; }
.corners { float: left; position: relative; padding: 10px; margin: 15px; }
.corners .corner-tl { position: absolute; top: 3px; left: 3px; }
.corners .corner-tr { position: absolute; top: 3px; right: 3px; }
.corners .corner-bl { position: absolute; bottom: 3px; left: 3px; }
.corners .corner-br { position: absolute; bottom: 3px; right: 3px; }
.corners .corner-content {
    background-color: #FFF7DC;
    color: black;
    font: bold 11px georgia,times,serif;
    text-align: center;
    padding-bottom: 3px;
}
.corners .corner-content a { color: black; }
.corners .photo { border: solid 5px #FFF7DC; }

#video {
  width: 250px;
  height: 200px;
  position: absolute;
  top: 342px;
  right: 25px;
  padding: 0px;
  z-index:1;
}

#scroller_video {
  position: relative;
}

#drag_video {
   position:absolute;
   left: 100%;
   top: 0px;
   z-index:4;
   cursor:pointer;
}

#track_video {
   position:absolute;
   left: 100%;
   top: 0px;
   z-index:2;
   cursor:pointer;
   background-image:url(../img/scrolltrack-neg.png);
   width: 6px;
   height: 200px;
}


#contentMask_video {
  position:absolute;
  left: 0px;
  top: 0px;
  width: 96%;
  height: 200px;
  clip: rect(0,100%,100%,0);
  overflow: hidden;
  z-index: 6;
}

#video #content_video {
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
}



div.item img.fullsize {
	float:left;
	margin: 10px 20px 10px 0px;
	border:solid 3px #FFF7DC;
}

div.item img.video {
	float:left;
	margin: 0px 20px 10px 0px;
	border:solid 3px #FFF7DC;
}

.videotitle {
	font-size : 14px;
	font-weight:bold;
	line-height: 20px;
}



/* 
------------------------------
CONTACT
------------------------------ 
*/



#contact {
  width: 90%;
  height: 275px;
  position: absolute;
  top: 342px;
  left: 30px;
  padding: 0px;
  z-index:10;
}

.contactleftcol {
	width:250px;
	padding-top: 0px; 
	height: 275px;
	line-height: 14px;
	position: absolute;
	left: 0px;
	z-index:10;
}
	 
.contactmidcol {
	width:250px;
	padding-top: 0px; 
	height: 275px;
	line-height: 14px;
	position: absolute;
	left: 270px;
	z-index:10;	
}
	 	 
.contactrightcol {
	padding-top: 0px; 
	height: 275px;
	line-height: 14px;
	position: absolute;
	left: 540px;
	z-index:10;	
}

.contactcat {
	font-size : 14px;
	font-weight:bold;
	line-height: 16px;
}

.contactregion {
	font-weight: bold;
}

.contactcompany {
	text-transform: uppercase;
}

	 





/* 
------------------------------
RIGHT COLUMN
------------------------------ 
*/


.upcomingshows {
	line-height: 14px;
	width: 250px;
	height: 220px;
	position: absolute;
	top: 342px;
	right: 25px;
	z-index:4
}

.upcomingbold {
	font-weight:bold;
}

.subnav {
	width: 250px;
	height: 100px;
	position: absolute;
	top: 595px;
	right: 25px;
	z-index:4
}


/* 
------------------------------
MAILING LIST
------------------------------ 
*/


.mailinglist {
	width: 620px;
	height: 40px;
	position: absolute;
	top: 685px;
	left: 30px;
	z-index:4
}


.listfield[type="text"] {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 14px;
	width: 250px;
	height: 20px;
	}



/* 
------------------------------
FOOTER
------------------------------ 
*/


.footer {
	font-size:10px;
	text-transform:uppercase;
	height: 20px;
	position: absolute;
	top: 760px;
	left: 30px;
	z-index:4
}

.footer_visuals {
	color: #847F72;
	font-size:10px;
	text-transform:uppercase;
	height: 20px;
	position: absolute;
	top: 760px;
	left: 30px;
	z-index:4
}
.devlogos {
	width: 250px;
	height: 54px;
	position: absolute;
	top: 760px;
	right: 25px;
	z-index:4
}