/************************************************************
 *						GENERAL STYLES						*
 ************************************************************/

* 
{
	margin:0;
	padding:0;
}

html 
{
	height:100%;
	max-height:100%;
	font-size:76%;
	font-family:arial;
	color:#fff;
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/
	overflow:hidden; 
	/* */
}

body 
{
	height:100%;
	max-height:100%;
	overflow:hidden;
	background:#000;
	background-image:url(../images/bkg/07bkg.gif);
	background-attachment:fixed;
	background-repeat:no-repeat;
}
	
#body2 
{
	height:100%;
	max-height:100%;
	overflow:hidden;
	background:#000;
	background-image: url(../images/bkg/07bkg_lineup_new.gif);
	background-attachment:fixed;
	background-repeat: no-repeat;
}

#body3
{
	height:100%;
	max-height:100%;
	overflow:hidden;
	background:#000;
	background-image: url(../images/bkg/07bkg_lineup_new2.gif);
	background-attachment:fixed;
	background-repeat: no-repeat;
}

a:link, a:visited, a:active 
{
	color:#fff;
	text-decoration:none;
}

a:hover, a:focus {
	color:#fff;
	text-decoration:underline;
}

img
{
	border:none;
}


/************************************************************
 *						STRUCTURE							*
 ************************************************************/

#content 
{
	display:block;
	height:100%;
	max-height:100%;
	overflow:auto;
	margin:0 0 0 360px;
	position:relative;
}
	
#contentNews 
{
	display:block;
	height:100%;
	max-height:100%;
	overflow:auto;
	margin:0 0 0 360px;
	position:relative;
}

#contentLineup 
{
	display:block;
	height:100%;
	max-height:100%;
	overflow:auto;
	margin:0 0 0 360px;
	position:relative;
}

#head 
{
	position:fixed;
	top:0;
	right:18px;
	display:block;
	width:100%;
	font-size:4em;
}

#foot 
{
	position:fixed;
	bottom:0; 
	right:17px;
	padding:5px 0 10px;
	width:100%;
	background:#000;
	color:#fff;
	font-size:.801em;
	z-index:4;
}

	#foot a 
	{
		color:#fff;
		text-decoration:none;
	}

	#foot a:hover 
	{
		text-decoration:underline;
	}

#left 
{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	padding-left:121px;
	width:220px; 
	background-position:0 100px;
	font-size:1em;
	color:#fff;
	z-index:0;
}

/* ????? */
#pad1 {display:block; width:18px; height:20px; float:left;}
#pad3 {display:block; width:135px; height:29px; float:left;}
#pad3_2 {display:block; width:436px; height:16px; float:right;}
.pad2 {display:block; height:180px;}
.pad4 {display:block; margin-top:320px;}


/************************************************************
 *						LEFT MENU							*
 ************************************************************/

#menu
{
	margin:0;
	padding:1px 0 0 1px;
	font-size:18px;
	font-weight:bold;
}

	#menu li 
	{
		list-style-type:none;
		margin:3px 0;
	}

	#menu a
	{
		position:relative;
		display:block;
		height:15px;
		color:#fff; 
		padding-left:3px;
		text-decoration:none;
	}
	
	*html	#menu a
	{
		line-height:18px; height:13px;
		
	}
	
	
		#menu a:visited {}
	
		#menu a:hover 
		{
			color:#4d4d4d;
		}
	
	#menu li.navOff a
	{
		color:#ff0;
		text-decoration:underline;
	}
	
		#menu li.navOff a:hover {
			color:#ff0;
			text-decoration:underline;
		}
	
	#menu a span, #menu a:visited span {display:none;}
	
	#menu a:hover span 
	{
		position:absolute;
		display:block;
		left:120px;
		top:5px;
		width:0px;
		height:0px;
		border-left:8px solid #FFFF00;
		border-top:8px solid #000;
		border-bottom:8px solid #000;
		font-size:1px;
		line-height:0;
	}

	* html #menu a:hover span {width:8px; height:13px; width:0; height:0;}


/************************************************************
 *						LOGOS MENU							*
 ************************************************************/



#logos { width: 426px;
 height: 30px; float:right;
 background: url(../images/btn/btn_partners15.jpg)  no-repeat;
 margin: 0px 0px 0px 3px ; padding: 0px;
 position: relative;}


#logos li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#logos a {display: block; text-indent: -9999px; text-decoration: none;}

#bbc {
	left: 37px;
	top: 0px;
	width: 54px;
	height: 30px;
}
#bbc3 {
	left: 96px;
	top: 0px;
	width: 40px;
	height: 30px;
}
#carling {
	left: 139px;
	top: 0px;
	width: 40px;
	height: 30px;
}
#nme {
	left: 193px;
	top: 0px;
	width: 42px;
	height: 30px;
}
#hmv {
	left: 239px;
	top: 0px;
	width: 45px;
	height: 30px;
}
#nx {
	left: 284px;
	top: 0px;
	width: 40px;
	height: 30px;
}
#relentless {
	left: 327px;
	top: 0px;
	width: 40px;
	height: 30px;
}
#rockupandplay {	left: 145px;	top: 0px;	width: 44px;	height: 30px;}

#jd {
	left: 374px;
	top: 0px;
	width: 41px;
	height: 30px;
}



#bbc a {height: 30px;}
#bbc3 a {height: 30px;}
#carling a {height: 30px;}
#nme a {height: 30px;}
#hmv a {height: 30px;}
#nx a {height: 30px;}
#relentless a {height: 30px;}
#rockupandplay a {height: 30px;}
#jd a {height: 30px;}

.bbbc #bbc a, #bbc a:hover {background:  url(../images/btn/btn_partners15.jpg) -37px -80px no-repeat;}
.bcarling #carling a, #carling a:hover {background: url(../images/btn/btn_partners15.jpg) -99px -80px no-repeat;}
#bbc3 a:hover {background: url(../images/btn/btn_partners15.jpg) -96px -80px no-repeat;}
#rockupandplay a:hover {background: url(../images/btn/btn_partners15.jpg)  -145px -80px no-repeat;}
#hmv a:hover {background: url(../images/btn/btn_partners15.jpg)  -239px -80px no-repeat;}
#nx a:hover {background: url(../images/btn/btn_partners15.jpg)  -284px -80px no-repeat;}
#relentless a:hover {background: url(../images/btn/btn_partners15.jpg)  -327px -80px no-repeat;}
#nme a:hover {background: url(../images/btn/btn_partners15.jpg) -193px -80px no-repeat;}
#jd a:hover {background: url(../images/btn/btn_partners15.jpg)  -374px -80px no-repeat;}


/************************************************************
 *						HEADER								*
 ************************************************************/


#logoContainer
{
	width:310px;
	height:110px;
	background-image:url(../images/btn/btn_Reading_Logo.png);
	background-repeat:no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../images/btn/btn_Reading_Logo.png');
}

	#logoContainer img 
	{
		width:310px;
		height:110px;
	}
#countdownholder {
	position:absolute;
	left:450px;
	top:4px;
	width:180px;
	height:45px;
	
}



/************************************************************
 *						TOP MENU							*
 ************************************************************/

#hiddenmenu 
{
	width:500px;
	color:#fff;
}

	#hiddenmenu a 
	{
		color:#FFEF00;
		font:Arial, Helvetica, sans-serif;
		font-weight:bold;
		text-decoration:none;
		font-size:10px;
		z-index:99;
	}
	
	#hiddenmenu a:hover 
	{
		text-decoration: overline underline;
	}


/************************************************************
 *						LEFT MENU							*
 ************************************************************/

#leftImgMenu
{
	position:absolute;
	top:310px;
	left:0px;
	width:100px;
	padding-left:15px;
}


/************************************************************
 *						FOOTER								*
 ************************************************************/

#endOfPage 
{
	clear:both;
}

	#endOfPage img
	{
		height:60px;
	}

#footer li
{
	display:inline;
	list-style:none;
}


/************************************************************
 *						CONTENT STYLES						*
 ************************************************************/

#content p
{
	margin:5px 0;
}

h1.mainTitle 
{
	margin:15px 0;
	font-size:1.6em;
}

p.sub_title, 
p.sub_title a, 
span.sub_title
{
	color:#ff0;
	font-family: Verdana;
	font-weight:bold;
	font-size:11px;
	text-transform:uppercase;
}

.chevron 
{
	background-image:url(../images/graphic/graphic_red2.png);
	background-position:top left;
	width:154px;
	height:34px;
	background-repeat:no-repeat;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='../images/graphic/graphic_red2.png');
	margin:0 0 15px;
}

div.yellowblock {background:#FFEF00; width:5px; height:5px;}
	
div#ribbon { position: absolute; right: 0px; top: 0px; }

body > div#ribbon { position: fixed; }

::-moz-selection{	background:  #000;	color: #FF006D;}
::selection {	background: #000;	color: #FF006D;}

.bold {font-size:1.2em; font-weight:bold;}


/************************************************************
 *						HOME								*
 ************************************************************/

#homeContainer 
{
	width:595px;
	margin:30px 0 0 40px;
}

	#homeLeft 
	{
		width:220px;
		float:left;
		margin:35px 50px 0 0;
		padding:0 0 0 50px;
	}

		#homeLeft p
		{
			margin:20px 0;
		}
		
	#homeRight
	{
		width:220px;
		float:left;
		margin:35px 0 0 0;
	}

/************************************************************
 *						NEWS								*
 ************************************************************/

#newsContainer 
{
	width:595px;
	margin:30px 0 0 40px;
}

	.newsHeader
	{
		background:#F00;
		font-family:Arial;
		font-size:14px;
		padding:2px 0px 2px 5px;
		height:14px;
		font-weight:bold;
		color:#000;
		text-transform:uppercase;
		width:595px;
	}

	#newsHeadline 
	{
		width:570px;
		float:left;
		padding:15px;
		margin:5px 2px 3px 0;
		background:#000;
		font-family:Arial;
		font-size:14px;
		font-weight:normal;
		color:#fff;
	}
	
		#newsHeadline p 
		{
			font-size:12px;
			font-weight:normal;
		}
		
		.newsHeadlineTitle
		{
			font-size:16px;
			font-weight:bold; 
			margin:0 0 20px;
			text-transform:uppercase;
		}

		.newsHeadlineImg 
		{
			float:left;
			padding:0px 12px 12px 5px;
		}

		img.newsFullImg
		{
			padding:5px;
			background-color:#fff;
		}

	.newsLatest 
	{
		background:url(../images/bkg/bkg_news_dirty.jpg) repeat-x;
		overflow:hidden;
		padding:3px 3px 3px 5px;
		min-height:45px;
		width:595px;
		float:left;
	}

		.newsLatestImg
		{
			background-color:#fff;
			margin:0 6px 0 0;
			height:60px;
			float:left;
			padding:5px;
		}

		.newsLatestTitle a 
		{
			font-size:16px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			text-transform:uppercase;
		}
		
		.newsLatestTitle a:hover 
		{
			text-decoration:underline;
		}
		
/*********************
 *	Story
 */
#storyLeft 
{
	width:220px;
	float:left;
	margin:35px 50px 0 0;
	padding:0 0 0 50px;
}

	#storyLeft p
	{
		margin:20px 0;
	}
	
#storyRight
{
	width:220px;
	float:left;
	margin:35px 0 0 0;
}




/************************************************************
 *						LINEUP								*
 ************************************************************/

#lineupContainer 
{
	width:595px;
	margin:30px 0 0 40px;
}

	#lineupTable {}
	
	p.lineupMore 
	{
		padding:20px 0 0;
		text-align:center;
	}
	
	#lineupBack 
	{
		width:120px;
		height:5px;
		line-height:2em;
		margin:0 0 0 490px;
		background:#f00;
	}
	
	#lineupLeft 
	{
		width:220px;
		float:left;
		margin:35px 50px 0 0;
		padding:0 0 0 50px;
	}

		#lineupLeft p
		{
			margin:20px 0;
		}
		
	#lineupRight
	{
		width:270px;
		float:left;
		margin:35px 0 0 0;
	}
	
		#lineupRight p
		{
			margin:20px 0;
			padding:4px 0;
			background-color:#3d3d3d;
		}

#poster {
	position:absolute;
	left:8px;
	top:161px;
	width:115px;
	height:127px;
}

.artisteStageTime 
{
	display:none;
}


/************************************************************
 *						INFO								*
 ************************************************************/

#infoContainer 
{
	width:595px;
	margin:30px 0 0 40px;
}

	#infoLeft 
	{
		width:220px;
		float:left;
		margin:35px 50px 0 0;
		padding:0 0 0 50px;
	}

		#infoLeft p
		{
			margin:20px 0;
		}
		
		#infoLeft p.infoTitle
		{
			margin:0 0 -20px 0;
		}
		
		
		
		#infoMenuContainer 
		{
			width:520px;
			margin:0 0 0 70px;
			padding:20px 0 0;
			font-weight:bold;
		}

			#infoRedBar 
			{
				height:5px;
				background-color:#f00;	
			}
			
			#infoMenu {}
			
				#infoMenu p.infoMenuItem 
				{
					display:block;
					float:left;
					margin:0 10px 0 2px;
					padding:3px 0;
				}
				
				#infoMenu.infoMenuEndItem 
				{
					clear:both;
				}
		
		#infoMenu a:link, a:visited, a:active  { text-decoration:underline;}
		#infoMenu a:hover { color:#FFFF00;}
	#infoRight
	{
		width:220px;
		float:left;
		margin:35px 0 0 0;
	}	

	
#infoContent
{
	width:520px;
	margin:0 auto;
	padding:35px 0 0;
}

#infoList 
{
	margin:0 0 50px;
}

	#infoList p 
	{
		margin:0;
	}


/************************************************************
 *						Gallery								*
 ************************************************************/

.uploader				
			{clear:left;
			float:left;
			padding:0 0 0 20px;
			display:inline;
			font-size:122%;}
	


	label					{display:block;}
	
	textarea				{width:100%; height:130px;}
	
	textarea						
	input:focus,
	textarea:focus,			{border:0px solid #FFF;}	

	#submit,
	#submit:focus			{border:none;}

	
	input 	{width:135px;}

						
/************************************************************
 *						LEGAL								*
 ************************************************************/

#legalContainer 
{
	width:550px;
	margin:80px 0 0 60px;
}

	#legalContainer p
	{
		margin:20px 0;
	}
		
		#legalContainer p.infoTitle
		{
			margin:0 0 -20px 0;
			text-transform:uppercase;
		}
	
	#legalContainer ol
	{
		margin:20px 0;
		padding:0 0 0 10px;
		list-style-type:decimal;
		list-style-position:inside;
	}
	
	#legalContainer ul
	{
		margin:5px 0;
		padding:0 0 0 30px;
		list-style-type:disc;
		list-style-position:inside;
	}
	

/************************************************************
 *						TICKETS								*
 ************************************************************/

#ticketsContainer 
{
	width:595px;
	margin:30px 0 0 40px;
}

	#ticketsLeft 
	{
		width:220px;
		float:left;
		margin:35px 50px 0 0;
		padding:0 0 0 50px;
	}

		#ticketsLeft p
		{
			margin:20px 0;
		}
		
	#ticketsRight
	{
		width:220px;
		float:left;
		margin:35px 0 0 0;
	}		

#toutsContainer 
{
	width:520px;
	margin:0 auto;
}
	

/************************************************************
 *						REGISTER							*
 ************************************************************/

#form 
{
	margin:15px 0 0;
	padding:0;
	width:560px;
}

	#form .formLine 
	{
		clear:left;
	}

		#form .formLine .label 
		{
			float:left;
			width:170px;
			height:18px;
			margin:4px 0;
			padding:3px 0;
			text-align:left;
			text-transform:uppercase;
		}
		
		#form .formLine .input input
		{
			float:left;
			height:18px;
			margin:4px;
			padding:3px 8px;
			border:solid 0 #fff;
			color:#333;
		}
		
			#form .formLine .input .gender
			{
				float:left;
				height:18px;
				margin:4px;
				padding:3px 8px;
			}
			
				#form .formLine .input .gender input 
				{
					margin:-15px 0 0;
				}
			
		#form .formLine .smallText 
		{
			float:left;
			height:18px;
			margin:4px 0;
			padding:3px 0;
		}
		
		#form .formLine select 
		{
			margin:4px;
			border:solid 0 #fff;
		}
		
		#form .formLine .tick 
		{
			clear:left;
			padding:10px 0;
		}
		
	#form .submit 
	{
		width:100%;
		text-align:center;
	}
	
		#form .submit input
		{
			width:91px;
			height:25px;
			margin:3px auto;
			border:none;
			background:transparent url(../images/btn/btn_submit.jpg) no-repeat;
			font:1.4em Verdana, Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:#fff;
			cursor:pointer;
		}  
  
	#form .error 
	{
		clear:left;
		margin:8px 0 -6px;
		color:#f00;
	}


/************************************************************
 *						IE<7 Hacks							*
 ************************************************************/

* html #head, * html #foot,* html #left {position:absolute;}