/* ---- Layout design Toiminimi Vuojus -------- */ 

body { 
		 	 background-color: #ffffff;
		 	 text-align: center;
		 }
			 
* { font-family: verdana, arial, helvetica, sans-serif; 
		margin: 0px; 
		padding: 0px;
		font-size: 7.5pt;
		line-height: 1.45em;
	 }



#content {
		width: 100%;
		margin: 0px auto 0px auto;
		background-color: #ffffff;
}

#container {
		width: 800px;
		margin: auto;
		background-color: #ffffff;		 								 
}

#indexheader {
		width: 800px;
		height: 211px;
					 
}
#center_center {
			 width : 800px;
			 text-align: center;
			 clear: left;
			 margin: 20px 0px 0px 0px; 
}

#center {
			 width : 800px;
			 text-align: left;
			 clear: left; 
}

#left_index {
			 width : 500px; 
			 float : left;
			 text-align: left;
			 clear: left; 
}

#right_index {																		 
			 width : 300px;
			 float : right;
			 text-align: left;
			 
}

#left_index_b {		 																 /* IE */
			 width : 659px; 
			 float : left;
			 text-align: left;
			 margin: 0px 0px 0px 0px;			
}

html>body #left_index_b {		 											/* Other browsers */
			 width : 649px; 
			 float : left;
			 text-align: left;
			 margin: 0px 0px 0px 0px;			
}

.right_index_b {	 		 		 												/* IE */
			 width : 141px;
			 float : right;
			 text-align: left;
			 margin: 16px 0px 0px 0px;										/* margin-top: 16px without radio buttons */
}

html>body .right_index_b {		 									 /* Other browsers */
			 width : 151px;
			 float : right;
			 text-align: left;
			 margin: 16px 0px 0px 0px;  								 /* margin-top: 16px without radio buttons */
}

.right_sub {
			 width : 450px;
			 float : right; 	 
}

#left_sub {
			 width : 350px;
			 float : left;
}

#mailinglist {
			 float : left;
			 /*
			 text-align: left;
			 */
}

.quarter_1 {																		 
			 width : 200px;
			 float : left;
			 text-align: left;
			 
}

.quarter_2 {																		 
			 width : 200px;
			 float : left;
			 text-align: left;
			 
}

.quarter_3 {																		 
			 width : 200px;
			 float : left;
			 text-align: left;
			 
}

.quarter_4 {																		 
			 width : 200px;
			 float : left;
			 text-align: right;
			 
}


.date {																		 
			 width : 70px;
			 float : left;
			 text-align: left;
			 clear: left;
			 margin: 0px 0px 0px 0px;
			 
}

.city {																		 
			 width : 120px;
			 float : left;
			 text-align: left;
			 margin: 0px 0px 0px 0px;
}

.band {																		 
			 width : 160px;
			 float : left;
			 text-align: left;
			 
			 
}

.venue {																		 
			 width : 230px;
			 float : left;
			 text-align: left;
			 margin: 0px 0px 0px 0px;
}

.info {																		 
			 width : 220px;
			 float : right;
			 text-align: left;
			 margin: 0px 0px 0px 0px;
}

.press_1 {																		 
			 width : 200px;
			 float : left;
			 clear : left;
			 text-align: left;

}

.press_2 {																		 
			 width : 200px;
			 float : left;
			 text-align: left;

}

.imgheader{
			 float: left; 
			 margin: 10px 0px 10px 0px;
}


.locker_right{			 					
				text-align: left;
				clear: left;
				/*
				margin-right: 10px;
				*/
}

.locker{
				height: 100%;				 					
				text-align: left;
				clear: left;
				margin-right: 10px;
}

.thumb{	
				margin: 0px 5px 5px 0px;			
				float: left;
				clear: left;				
}


.thumb a:hover img
{
			 border: 1px solid #000000;
			 margin: 0px 5px 5px 0px;
}

.thumb a img {
			 	border: 1px solid #ffffff;
				padding: 3px;
				margin: 0px 5px 5px 0px;
}


.thumb_sub{											 			/* IE */
				margin: 0px 5px 0px 7px;			
				float: left;
				clear: left;
}

html>body .thumb_sub{				 					/* Other browsers */
				margin: 0px 5px 0px 13px;			
				float: left;
				clear: left;
}


.thumb_sub a img {
			 	border: 1px solid #ffffff;
				padding: 3px;
				margin: 0px 5px 0px 7px;
}


.thumb_sub a:hover img
{
			 border: 1px solid #000000;
			 margin: 0px 5px 0px 7px;
}

.thumb_disc{											 			
				margin: 0px 5px 5px 0px;			
				float: left;
				clear: left;
}

.thumb_disc a img {
			 	border: 1px solid #ffffff;
				padding: 3px;
				margin: 0px 5px 5px 0px;
}


.thumb_disc a:hover img
{
			 border: 1px solid #000000;
			 margin: 0px 5px 5px 0px;
}

.player {

				margin: 10px 10px 20px 73px;
}

.nothumb {
				text-align: left;
				margin: 0px 0px 10px 25px;
}	 	 

p { 
		margin-top: 0px;
		margin-bottom: 10px;
		text-align: left;
}

.tracks{
		margin-top: 0px;
		margin-bottom: 15px;
		text-align: left;
		clear: left;
}

h1 {
			text-transform: uppercase;
			font-size: 8.5pt;
			line-height: 1.45em;
			color: #000000;
			text-align: left;
			clear: left;
			display: none;		
		}

h2 {
			text-transform: uppercase;
			font-size: 8pt;
			line-height: 1.45em;
			color: #000000;
		}
		
h3 { 
	 	  text-transform: uppercase;
			font-size: 7.5pt;
			line-height: 1.45em;
			color: #000000;
			text-align: left;
			margin: 5px 0px 10px 0px;
			clear: left;

		}
		
h4 { 
	 	  text-transform: uppercase;
			font-size: 7.5pt;
			line-height: 1.45em;
			color: #000000;
			text-align: left;
			margin: 5px 0px 10px 0px;

		}		
		
.tight{
			margin-top: 5px;
			/* 
			margin-left: 165px;
			*/
			text-align: justify;
			font-family: verdana, arial, helvetica, sans-serif;  
			padding: 0px;
			font-size: 6.4pt;
			line-height: 1.1em;			
}			
		
.attention
{
		color: #ed1c24;

}		
		
.attention_info
{
		color: #ed1c24;
		margin: 0px 0px 10px 20px
}

.capitalize {
			 text-transform: uppercase;
}
.justify{
			 text-align: justify;
}

.underline{
text-decoration: underline;
}

/* ----------------------------- */

/* -------- Link design -------- */ 


a:hover
{
	text-decoration:none;
} 

.link{
				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/				
				color: #000000;
				text-align: left;
				text-decoration: underline;
				font-weight: bolder;

}

.link:hover{
				
				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/				
				color: #000000;	
				text-align: left;
				text-decoration: none;
				font-weight: bolder;
}

.link:active
{
 				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/
				color: #000000;
				text-align: left;
				text-decoration: none;
				font-weight: bolder;
}

.link:visited
{
 				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/		
				color: #000000;
				text-align: left;
				text-decoration:underline;
				font-weight: bolder;
}

.link:visited:hover
{
 		    /*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/	
				color: #000000;
				text-align: left;
				text-decoration: none;
				font-weight: bolder;
}

.imglink{
				margin-right: 82px;
				margin-bottom: 10px;
}

.imglink_b{
				margin-right: 70px;
				margin-bottom: 10px;
}

/* ----------------------------- */	