/* Start of CMSMS style sheet 'Styles of TFCQ' */
/* ---- Layout design Toiminimi Vuojus -------- */ 

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



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

#container {
		width: 738px;
		margin: 0px auto 0px auto;
		background-color: #ffffff;	
		clear: left;	 								 
}

#indexheader {
		width: 738px;
		clear: right;
		/*
		background-color: #888888;
		*/
		margin: 0px auto 15px auto; 			 
					 
}
#center_center {
			 width : 738px;
			 text-align: center;
			 clear: left;
			 margin: 20px 0px 0px 0px; 
}

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

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

.city {																		 
			 width : 70px;
			 height: auto;
			 float : left;
			 text-align: left;
			 margin: 0px 0px 0px 0px;
}

.artist {																		 
			 width : 160px;
			 height: auto;
			 float : left;
			 text-align: left;
			 margin: 0px 0px 0px 0px;
			 
}

.venue {																		 
			 width : 113px;
			 height: auto;
			 float : left;
			 text-align: left;
			 margin: 0px 0px 0px 0px;
}

.info {																		 
			 width : 325px;
			 height: auto;
			 float : right;
			 text-align: left;
                                     clear: right;
			 margin: 0px 0px 0px 0px;
}

.spacer {
                                     width: 738px;
                                     height: 5px;
                                     clear: both;
}


.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: 0px 10px 10px 0px;
}

.locker_b{
				height: 100%;				 					
				text-align: left;
				clear: left;
				margin: 0px 10px 20px 0px;
}

.capsule
{																		 
			 width : 400px;
			 float : left;
	 		 overflow:auto;
			 margin: 0px 0px 0px 0px;
} 

.releases{		 		 		 		 		 			 /* Internet Exploder */
			 margin: 0px 0px 15px 0px;
			 float : left;
			 clear : left;
}

html>body .releases{	 							 /* Proper Browsers */
			 margin: 0px 0px 15px 0px;
			 float : left;
			 clear : left;
}			 

.audio {																		 
			 width : 145px;
			 float : left;			 
			 text-align: left;
			 margin: 0px 0px 0px 0px;
}

.audio2 {																		 
			 width : 255px;
			 float : left;			 
			 text-align: left;
			 margin: 0px 0px 0px 0px;
}

/*
.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: justify;
}

p.slim { 
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: justify;
}


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

h2 {
	 	 	text-align: left;
			text-transform: uppercase;
			font-size: 9pt;
			line-height: 1.45em;
			color: #000000;
			margin: 0px 0px 15px 0px;
		}
		
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;
			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 15px 0px
}

.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;
}

.link_header{
				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/				
				color: #000000;
				text-align: left;
				text-decoration: underline;
				text-transform: uppercase;
				font-size: 9pt;
				line-height: 1.45em;
				color: #000000;
				margin: 0px 0px 15px 0px;

}

.link_header:hover{
				
				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/				
				color: #000000;	
				text-align: left;
				text-decoration: none;
				text-transform: uppercase;
  			font-size: 9pt;
				line-height: 1.45em;
				color: #000000;
				margin: 0px 0px 15px 0px;
}

.link_header:active
{
 				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/
				color: #000000;
				text-align: left;
				text-decoration: none;
				text-transform: uppercase;
  			font-size: 9pt;
				line-height: 1.45em;
				color: #000000;
				margin: 0px 0px 15px 0px;
}

.link_header:visited
{
 				/*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/		
				color: #000000;
				text-align: left;
				text-decoration:underline;
				text-transform: uppercase;
  			font-size: 9pt;
				line-height: 1.45em;
				color: #000000;
				margin: 0px 0px 15px 0px;
}

.link_header:visited:hover
{
 		    /*
				font-size: 7.5pt;
			  line-height: 1.45em;
				*/	
				color: #000000;
				text-align: left;
				text-decoration: none;
				text-transform: uppercase;
  			font-size: 9pt;
				line-height: 1.45em;
				color: #000000;
				margin: 0px 0px 15px 0px;
}

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

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

/* ----------------------------- */	
/* End of 'Styles of TFCQ' */