/* 
untouchablesuk.com 2004 css layout designed by pritpal ajimal
You may adapt elements of this CSS in your own projects, but the unique combination of 
images, colors, sizes, typography, and positioning ("the design") 
is copyright 2004 sandpit and may not be reproduced. 
For other css and xhtml references, go to:
http://www.alistapart.com,
http://www.thenoodleincident.com 
*/

/*body*/

body	{
	background: #fcfbf9;
	color: #555;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
	font-family: myriad, arial, helvetica, sans-serif;
	padding-bottom: 10px;
}

/*pageWrapper*/

#pageWrapper	{
	background: transparent;
	margin: 10px auto;
	padding: 0;
	border: 0;
	text-align: center;
	width: 710px;  /* bmh */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 710px;	 
}

html>#pageWrapper	{
	width: 710px;
	}
	
#header	{
	background: transparent;
	border: 0;
	margin: 0 0 5px 0;
	padding: 0;
/*	padding-bottom: 5px;*/
	text-align: right;
	height: 50px;
	}

#header img	{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	}
/*.clear {clear: both}*/
hr.clear { height:1px; clear:left; margin:0; padding: 0;}
/*hr.clear2 {display:block; height:0; clear:left; visibility:hidden; margin-bottom:0;}*/



#site	{
	border-top: 2px solid #555;
	margin: 0 0 10px 0;
	text-align: left;
	padding: 0 0 4px 0;
	background-color: #ddd;
	color: transparent;
	width: 100%;
	}

#site li { 
	display: inline;
	}

#site li a
{
	margin-right: -4px;
	margin-left:0;
	padding: 2px 10px;
	background-color: transparent;
	color: #555;
	text-decoration: none;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
	}

html>#site li a	{
	font-size: small;
	}

#site li a:hover
{
	background-color: #dd0000;
	border-bottom: 2px solid #dd0000;
	color: #fff;
	}

#site a:link#current, #site a:visited#current {
	border-bottom: 2px solid #dd0000;
	}

#nav	{
	border-top: 2px solid #555;
	margin: 0 0 10px 0;
	text-align: left;
	padding: 0 0 2px 0;
	background-color: #eee;
	color: transparent;
	width: 100%;
	height: 20px;
	}

#nav li { 
	display: inline;
	}

#nav li a
{
	margin: 0;
	margin-right: -4px;
	padding: 5px 10px 5px 10px;
	background-color: transparent;
	color: #555;
	text-decoration: none;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
	}

html>#nav li a	{
	font-size: x-small;
	}

#nav li a:hover
{
	background-color: #dd0000;
	border-bottom: 2px solid #dd0000;
	color: #fff;
	}

#nav a:link#active, #nav a:visited#active {
	border-bottom: 2px solid #dd0000;
	}

#splashImage	{
	background: transparent;
	color: #000;
	border: 0;
	margin: 10px 0 10px;
	padding: 0;
	}

/*mainContent*/
	
#mainContent	{
	float: right;
	margin-top: 0;
	margin-bottom: 10px;
	padding-left: 10px;
	width: 520px;  /* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 510px;
	height: 100%;	 
	}

html>#mainContent 	{
	width: 510px;
	} 
	
#mainContent p	{
	line-height: 130%;
	text-align: left;
	margin-top: 0;
	margin-bottom: 1em;
	font-size: medium;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
	height: 100%;
}

html>#mainContent p	{
	font-size: small;
	}
	
#mainContent h1, h2, h3, h4, h5	{
	padding: 5px 0 5px 5px;
	font-family: myriad, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #555;
	text-align: left;
	border-top: 2px solid #555;
	background-color: #eee;
	}

#mainContent h6 {
	color: #dd0000;	
}	

#mainContent h1 {
	letter-spacing: -1px;
	}
.first {
	margin-top: 0;
	padding-top: 0;
}
	
#mainContent table#artistTable td{
	background: transparent;
	padding: 5px 5px 5px 0;
	border-top:1px solid #ddd;
	text-align: left;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
	}

#mainContent tr#artistHeadings th{
	padding: 10px 0 10px 0;
	text-align: left;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
}

#mainContent tr#releaseHeadings th{
	padding: 10px 0 3px 0;
	text-align: left;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
	}

#mainContent table#releaseTable td{
	background: transparent;
	padding: 5px 5px 5px 0;
	border-top:1px solid #ddd;
	text-align: left;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
	}
	
#mainContent tr#liveMonthHeader th{
	background: #eee;
	border-top:1px solid #555;
	padding-bottom: 3px;
	text-align: left;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
	}

#mainContent tr#liveHeadings th{
	padding: 10px 0 3px 0;
	text-align: left;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
	}

#mainContent table#eventCalender td{
	background: transparent;
	padding: 5px 5px 5px 0;
	border-top:1px solid #ddd;
	text-align: left;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
	}
	
#mainContent tr#videoHeadings th{
	padding: 10px 0 10px 0;
	text-align: left;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
	}

#mainContent table#videoTable td{
	background: transparent;
	padding: 5px 5px 5px 0;
	border-top:1px solid #ddd;
	text-align: left;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
	}

#mainContent img#album{
	float: left;
	padding: 0 20px 10px 0;
	display: block;
	border: 0;
}	

#mainContent #albumInfo {
		border: 0;
		margin: 0 5px 0 180px;
		padding: 0 0 40px 5px;
		text-align: left;
		border-left: 2px solid #555;
		height: 130px;
	}

#mainContent ul{
	margin-left: 0;
}

#mainContent li {
	text-align: left;
	list-style: none;
	margin-left: 0;
	line-height: 125%;
	text-align: left;
	font-size: medium;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;
}

html>#mainContent li	{
	font-size: small;
	}
	
#mainContent blockquote {
		border: 0;
		margin: 0 5px 0px 170px;
		padding: 0 0 40px 5px;
		text-align: left;
		border-left: 2px solid #555;
	}

#mainContent .quote{
		color: #990000;
		border: 0;
		margin: 10px 0 10px 0;
		padding-left: 5px;
		border-left: 2px solid #555;
		text-align: left;
		font-size: large;
		voice-family: "\"}\""; 
		voice-family:inherit;
		font-size: medium;
}

html>#mainContent .quote	{
	font-size: medium;
	}
#mainContent .quoteLarge{
		color: #990033;
		border: 0;
		margin: 10px 0 10px 0;
		padding-left: 5px;
		border-left: 2px solid #555;
		text-align: left;
		font-size: x-large;
		voice-family: "\"}\""; 
		voice-family:inherit;
		font-size: large;
}

html>#mainContent .quoteLarge	{
	font-size: large;
	}

#mainContent .header{
		color: #000;
		border: 0;
		margin: 10px 0 10px 0;
		padding-top: 5px;
		border-bottom: 2px solid #555;
		text-align: left;
		font-size: large;
		voice-family: "\"}\""; 
		voice-family:inherit;
		font-size: medium;
}

html>#mainContent .header	{
	font-size: medium;
	}
			
/*sidebar*/
#sidebar	{
	padding: 0;
	margin-top: 0;
	margin-right: 520px;
	margin-bottom: 10px;
	color: #777;
	background: transparent;
	text-align: left; 
	/* compensates for IE Win bungling *//* box model hack */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	/*height: 100%;*/
	}
	
#sidebar p	{
	line-height: 130%;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;
}

html>#sidebar p	{
	font-size: x-small;
	}
		
#sidebar ul	{
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#sidebar ul li	{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
    font-size:  xx-small;      
    voice-family: "\"}\"";   
    voice-family: inherit;   
    font-size: x-small;  
}	

html>#sidebar ul li	{
	font-size: x-small;
	} 

#sidebar ul li a {
	font-weight: normal;
	}	

#sidebar dl	{
	margin: 0;
	padding: 0;
	}
	
#sidebar dt	{
	padding: 0 0 3px 3px;
	border-top: 2px solid #555;
	background: #eee;
	font-weight: normal;
	font-size:	medium;      
	voice-family: "\"}\"";   
	voice-family: inherit;   
	font-size: small ;
	color: #555;  
	}   
	
html>#sidebar dt 	{
	font-size: small;
	} 

#sidebar dd 	{
	padding: 0;
	margin: 10px 0 10px 0;
	} 	
	
#footer {
	border-top: 2px solid #555;
	margin-bottom: 10px;
	padding: 2px 0 5px	5px;
	margin-left: 0;
	background-color: #eee;
	color: #555;
	float: left;
	width: 100%;
	text-align: left;
	font-size: xx-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: x-small;	
	}

html>#footer	{
	font-size: x-small;
	width: 710;
	} 
	
#footer a:hover {
	color: #dd0000;
}
	
a:link, a:visited {
	font-weight : normal; 
	text-decoration : none;
	color: #000;
	background: transparent; 
	}

a:hover {
	font-weight : normal; 
	text-decoration : none;
	color: #dd0000;
	background: transparent; 
	}

a:active {
	font-weight : normal; 
	text-decoration : none;
	color: #555;
	background: transparent;  
	}

/*skip navigation*/
.hide {
	height: 0px;
	width: 0px;
	overflow: hidden;
	position: absolute;  /* for the benefit of IE5 Mac */
	}