body {
	background: url(/images/backgrounds/background_blue.jpg) #000 top no-repeat;
}
	

/* HEADER
---------------------------------------*/
#header_blue{ 
	position: relative; 
	height: 167px; 
	background: url(/images/backgrounds/header_new_blue.jpg) no-repeat top;
}

	/* TOP STRIP ABOVE BANNER AD
	---------------------------------------------*/
	#header_blue_loginarea {
		width: 880px;
		height: 37px;
		line-height: 37px;
		margin: 0;
		padding: 0 10px;
		position: absolute;
		top: 0;
		left: 0;
		clear: both;
	}
	
		/* FLAGS
		---------------------------------------------*/
		#header_blue_loginarea .flags {
			width: 240px;
			height: 15px;
			line-height: 15px;
			padding: 11px 0;
			position: absolute;
			top: 0;
			left: 10px;
		}
		
		/* LOGIN AND JOIN BUTTONS
		---------------------------------------------*/
		#header_blue_loginarea .loginnow a {
			display: block;
			width: 102px;
			height: 37px;
			position: absolute;
			top: 0;
			right: 301px;
			background: url(/images/elements/buttons/btn-loginnow_blue.gif) 0 0;
			text-indent: -9999px;
		}
		
			#header_blue_loginarea .loginnow a:hover { background: url(/images/elements/buttons/btn-loginnow_blue.gif) -102px 0; }
			
		#header_blue_loginarea .subscribe a {
			display: block;
			width: 52px;
			height: 37px;
			position: absolute;
			top: 0;
			right: 249px;
			background: url(/images/elements/buttons/btn-join_blue.gif) 0 0;
			text-indent: -9999px;
		}
		
			#header_blue_loginarea .subscribe a:hover { background: url(/images/elements/buttons/btn-join_blue.gif) -52px 0; }
			
		
		/* LOGOUT AND VIEW PROFILE
		---------------------------------------------*/
		#header_blue_loginarea .logout a {
			display: block;
			width: 76px;
			height: 37px;
			position: absolute;
			top: 0;
			right: 249px;
			background: url(/images/elements/buttons/btn-logout_blue.gif) 0 0;
			text-indent: -9999px;
		}
		
			#header_blue_loginarea .logout a:hover { background: url(/images/elements/buttons/btn-logout_blue.gif) -76px 0; }
			
		#header_blue_loginarea .viewprofile a {
			display: block;
			width: 151px;
			height: 37px;
			position: absolute;
			top: 0;
			right: 325px;
			background: url(/images/elements/buttons/btn-viewprofile_blue.gif) 0 0;
			text-indent: -9999px;
		}
		
			#header_blue_loginarea .viewprofile a:hover { background: url(/images/elements/buttons/btn-viewprofile_blue.gif) -151px 0; }
			
			
		/* WELCOME BACK MESSAGE AREA
		---------------------------------------------*/
		#header_blue .welcomeback {
			display: block;
			width: 450px;
			height: 54px;
			line-height: 54px;
			position: absolute;
			top: 167px;
			right: 0;
			z-index: 2;
			text-align: right;
		}
		
			
		/* SEARCH FORM SPECIFIC
		---------------------------------------------*/
		
		#header_blue_loginarea .search_area {
			width: 230px;
			height: 32px;
			margin: 4px 9px 0 0;
			padding: 0;
			position: absolute;
			top: 0;
			right: 0;
		}
		
		#header_blue_loginarea .search_area form { margin: 0; padding: 0; }
		
		fieldset.search {
			border: none;
			width: 243px;
			height: 32px;
			margin: 0 auto;
			overflow: auto;
		}
		
		.search input, .search button {
			border: none;
			float: left;
		}
		.search input.box {
			color: #000;
			font-size: 11px;
			width: 151px;
			height: 28px;
			padding: 4px 0 0 4px;
			background: url(/images/elements/misc/search_backer.gif) no-repeat;
		}
		.search input.box:focus {
			background: url(/images/elements/misc/search_backer.gif) left -32px;
			outline: none;
		}
		.search button.btn {
			width: 75px;
			height: 32px;
			cursor: pointer;
			text-indent: -9999px;
			background: url(/images/elements/misc/search_backer.gif) top right;
		}
		.search button.btn:hover {
			background: url(/images/elements/misc/search_backer.gif) bottom right;
		}

	
	/* BANNER AD AND RR LOGO
	---------------------------------------------*/
	#header_banner{
		width: 900px;
		height: 90px;
		position: absolute;
		top: 39px;
		left: 0;
		clear: both;
	}
	
	#header_banner h2 a{
		display: block;
		margin: 0;
		padding: 0;
		height: 90px;
		width: 170px;
		overflow: hidden;
		text-indent: -9999px;
		background: url(/images/elements/logos/road_runner-header.gif) repeat 0 0;
	}
	
	#header_banner .advert {
		width: 728px;
		height: 90px;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 0px;
		right: 0px;
	}


/* NAVIGATION
---------------------------------------*/
#main_nav { 
	width: 900px;
	height: 36px;
	position: absolute;
	top: 131px;
	left: 0;
}

	#navigation_wrapper {
		width: 900px;
		height: 36px;
		position: relative;
	}
	
#navigation_wrapper .news a {
	width: 63px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/images/elements/buttons/blue_header/news.gif) no-repeat 0 0;
}

	#navigation_wrapper .news a:hover, #navigation_wrapper .news.current a { background: url(/images/elements/buttons/blue_header/news.gif) no-repeat -63px 0; }
	
#navigation_wrapper .artists a {
	width: 74px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 63px;
	background: url(/images/elements/buttons/blue_header/artists.gif) no-repeat 0 0;
}

	#navigation_wrapper .artists a:hover, #navigation_wrapper .artists.current a { background: url(/images/elements/buttons/blue_header/artists.gif) no-repeat -74px 0; }
	
#navigation_wrapper .releases a {
	width: 87px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 137px;
	background: url(/images/elements/buttons/blue_header/releases.gif) no-repeat 0 0;
}

	#navigation_wrapper .releases a:hover, #navigation_wrapper .releases.current a { background: url(/images/elements/buttons/blue_header/releases.gif) no-repeat -87px 0; }
	
#navigation_wrapper .tours a {
	width: 65px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 224px;
	background: url(/images/elements/buttons/blue_header/tours.gif) no-repeat 0 0;
}

	#navigation_wrapper .tours a:hover, #navigation_wrapper .tours.current a { background: url(/images/elements/buttons/blue_header/tours.gif) no-repeat -65px 0; }
	
#navigation_wrapper .games a {
	width: 75px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 289px;
	background: url(/images/elements/buttons/blue_header/games.gif) no-repeat 0 0;
}

	#navigation_wrapper .games a:hover, #navigation_wrapper .games.current a { background: url(/images/elements/buttons/blue_header/games.gif) no-repeat -75px 0; }
	
#navigation_wrapper .music a {
	width: 69px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 364px;
	background: url(/images/elements/buttons/blue_header/music.gif) no-repeat 0 0;
}

	#navigation_wrapper .music a:hover, #navigation_wrapper .music.current a { background: url(/images/elements/buttons/blue_header/music.gif) no-repeat -69px 0; }	
	
#navigation_wrapper .video a {
	width: 66px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 433px;
	background: url(/images/elements/buttons/blue_header/video.gif) no-repeat 0 0;
}

	#navigation_wrapper .video a:hover, #navigation_wrapper .video.current a { background: url(/images/elements/buttons/blue_header/video.gif) no-repeat -66px 0; }	
	
#navigation_wrapper .roadcrew a {
	width: 110px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 499px;
	background: url(/images/elements/buttons/blue_header/roadcrew.gif) no-repeat 0 0;
}

	#navigation_wrapper .roadcrew a:hover, #navigation_wrapper .roadcrew.current a { background: url(/images/elements/buttons/blue_header/roadcrew.gif) no-repeat -110px 0; }	
	
#navigation_wrapper .freeshit a {
	width: 86px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 609px;
	background: url(/images/elements/buttons/blue_header/freeshit.gif) no-repeat 0 0;
}

	#navigation_wrapper .freeshit a:hover, #navigation_wrapper .freeshit.current a { background: url(/images/elements/buttons/blue_header/freeshit.gif) no-repeat -86px 0; }	
	
#navigation_wrapper .signme a {
	width: 103px;
	height: 36px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 695px;
	background: url(/images/elements/buttons/blue_header/signme.gif) no-repeat 0 0;
}

	#navigation_wrapper .signme a:hover, #navigation_wrapper .signme.current a { background: url(/images/elements/buttons/blue_header/signme.gif) no-repeat -103px 0; }
	
#navigation_wrapper .more {
	width: 89px;
	height: 36px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

	#navigation_wrapper .more a {
		width: 89px;
		height: 36px;
		display: block;
		text-indent: -9999px;
		background: url(/images/elements/buttons/blue_header/more.gif) no-repeat 0 0;
	}
	
		#navigation_wrapper .more a:hover, #navigation_wrapper .more.current a { background: url(/images/elements/buttons/blue_header/more.gif) no-repeat -89px 0; }