@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Hole Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		hole_main.css
	Date:			April 5, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("hole_components.css");

/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		border:0;
		margin:0; padding:0; 
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		outline:none;
		font-weight:normal;
	}
	html {
		overflow-y:scroll;
	}
	img {
		display:block;
	}
	body {
		font:normal 16px Arial, Helvetica, sans-serif;
		line-height:1;
		background:#000 url(../../images/bg_repeat.jpg) 50% 0 repeat-y;
		color:#efefef;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:0;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	.fix {
		margin-right:0 !important;
	}
	a:link, a:visited, a:active {
		color:#0fb8e8;
		text-decoration:none;
	}
	a:hover {
		color:#a1eaff;
	}
	#background {
		background:url(../../images/bg_body.jpg) 50% 0 no-repeat;
	}
	#main {
		width:960px;
		margin:0 auto;
	}
	#contentSpace {
		
	}
		#mainCol {
			border-right:1px solid #fff;
			margin:0 0 0 30px; padding:0 75px 0 0;
			width:525px;
			float:left;
			display:inline;
		}
		#altCol {
			margin:41px 0 0 0;
			width:294px;
			float:right;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPlayer {
		margin:17px 0 32px 0;
		width:294px; height:64px;
		background:url(../../images/bg_mediaPlayer.png) 0 0 no-repeat;
	}
		#mediaPlayer p {
			padding:7px 10px 0 90px;
			font-size:.688em;
			color:#071b21;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mastHead Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {
		height:256px;
		position:relative;
	}
		#mastHead #nav {
			width:457px; height:29px;
			float:left;
		}
			#mastHead #nav li {
				margin:199px 54px 0 0;
				float:left;
				display:inline-block;
			}
				#mastHead #nav li a {
					height:29px;
					background:url(../../images/nav_sprite.png) 0 0 no-repeat;
					display:block;
				}
			#mastHead #nav li.home, #mastHead #nav li.home a {
				width:57px;
			}
				#mastHead #nav li.home a:hover {
					background-position:0 -29px;
				}
			#mastHead #nav li.news, #mastHead #nav li.news a {
				width:60px;
				background-position:-111px 0;
			}
				#mastHead #nav li.news a:hover {
					background-position:-111px -29px;
				}
			#mastHead #nav li.tour, #mastHead #nav li.tour a {
				width:53px;
				background-position:-225px 0;
			}
				#mastHead #nav li.tour a:hover {
					background-position:-225px -29px;
				}
			#mastHead #nav li.merch, #mastHead #nav li.merch a {
				width:71px;
				background-position:-330px 0;
			}
				#mastHead #nav li.merch a:hover {
					background-position:-330px -29px;
				}
		#mastHead .preOrder {
			margin:125px 8px 0 0;
			width:372px;
			float:right;
			display:inline;
		}
			#mastHead .preOrder img {
				border:1px solid #0fb8e8;
				margin:0 2px 0 0;
				float:left;	
				display:inline;
			}
			#mastHead .preOrder .info {
				margin:1px 0 0 0;
				width:270px; height:99px;
				background:url(../../images/preOrder_header.jpg) 0 0 no-repeat;
				float:left;	
			}
				#mastHead .preOrder .info ul {
					margin:60px 0 0 6px;
					width:310px;
				}
					#mastHead .preOrder .info ul li {
						margin:0 8px 0 0;
						height:36px;
						float:left;
						display:inline-block;
					}
						#mastHead .preOrder .info ul li a {
							height:36px;
							background:url(../../images/preOrder_sprite.png) 0 0 no-repeat;
							display:block;	
						}
					#fblike {
						width:100px;
						padding:16px 0 0 7px;
						position:absolute;
						top:147px; left:370px;
					}
					#mastHead .preOrder .info ul li.btn_preOrder, #mastHead .preOrder .info ul li.btn_preOrder a {
						width:72px;
						display:none;
					}
						#mastHead .preOrder .info ul li.btn_preOrder a:hover {
							background-position:0 -36px;
						}
					#mastHead .preOrder .info ul li.btn_itunes, #mastHead .preOrder .info ul li.btn_itunes a {
						width:78px;
						background-position:-87px 0;
					}
						#mastHead .preOrder .info ul li.btn_itunes a:hover {
							background-position:-87px -36px;
						}
					#mastHead .preOrder .info ul li.btn_amazon, #mastHead .preOrder .info ul li.btn_amazon a {
						width:79px;
						background-position:-182px 0;
					}
						#mastHead .preOrder .info ul li.btn_amazon {
							margin:0 10px 0 0;
						}
						#mastHead .preOrder .info ul li.btn_amazon a:hover {
							background-position:-182px -36px;
						}
					#mastHead .preOrder .info ul li.btn_amazonUk, #mastHead .preOrder .info ul li.btn_amazonUk a {
						margin:5px 5px 0 0;
						width:86px;
						background-position:-276px 0;
					}
						#mastHead .preOrder .info ul li.btn_amazonUk a:hover {
							background-position:-276px -36px;
						}
					#mastHead .preOrder .info ul li.btn_hmv, #mastHead .preOrder .info ul li.btn_hmv a {
						margin:4px 0 0 0;
						width:70px;
						background-position:-372px 0;
					}
						#mastHead .preOrder .info ul li.btn_hmv a:hover {
							background-position:-372px -36px;
						}
					#mastHead .preOrder .info ul li.btn_play, #mastHead .preOrder .info ul li.btn_play a {
						margin:4px 0 0 4px;
						width:83px;
						background-position:-455px 0;
					}
						#mastHead .preOrder .info ul li.btn_play a:hover {
							background-position:-455px -36px;
						}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.date.format Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.date.format {
		border:1px solid #0fb8e8;
		padding:5px 0 0 0;
		width:43px; height:38px;
		background:url(../../images/bg_date.png) 0 0 no-repeat;
		color:#fff;
		text-align:center;
		display:block;
		float:left;
	}
		.date.format .month {
			font-size:.875em;
			font-weight:bold;
			text-transform:uppercase;
			display:block;
		}
		.date.format .day {
			font-size:.875em;
			line-height:.49em;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.socialLinks Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.socialLinks {
		width:132px;
		float:left;
	}
		ul.socialLinks li {
			margin:0 4px 0 0;
			width:22px; height:22px;
			float:left;
			display:inline;
		}
			ul.socialLinks li a {
				width:22px; height:22px;
				background:url(../../images/share_sprite.png) 0 0 no-repeat;
				display:block;
			}
				ul.socialLinks li a.facebook {
					background-position:0 0;
				}
					ul.socialLinks li a.facebook:hover {
						background-position:0 -22px;
					}
				ul.socialLinks li a.twitter {
					background-position:-26px 0;
				}
					ul.socialLinks li a.twitter:hover {
						background-position:-26px -22px;
					}
				ul.socialLinks li a.myspace {
					background-position:-52px 0;
				}
					ul.socialLinks li a.myspace:hover {
						background-position:-52px -22px;
					}
				ul.socialLinks li a.digg {
					background-position:-78px 0;
				}
					ul.socialLinks li a.digg:hover {
						background-position:-78px -22px;
					}
				ul.socialLinks li a.share {
					background-position:-104px 0;
				}
					ul.socialLinks li a.share:hover {
						background-position:-104px -22px;
					}



/*	--------------------------------------------------------------------------------------------------------------------------
	Universal Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.footer .btn_viewMore {
		width:63px; height:11px;
		background:url(../../images/btn_viewMore.png) 0 0 no-repeat;
		display:block;
		float:right;
	}
		.footer .btn_viewMore:hover {
			background-position:0 -11px;
		}
	a.logo_mg {
		width:124px;
		margin:3px 0 0 144px;
		display:block;
		float:left;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	.pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.pagination {
		margin:-14px 0 0 356px;
		width:169px;
	}
		.pagination li {
			margin:0 5px 0 0;
			width:82px; height:23px;
			display:inline;
			float:left;
		}
			.pagination li a.btn_prev {
				border:1px solid #114f61;
				padding:3px 0 0 5px;
				background:#000 url(../../images/pagination_prev.png) 7px 10px no-repeat;
				width:75px; height:18px;
				display:block;
				text-align:center;
				font:normal .75em Georgia,"Times New Roman",Serif;
			}
				.pagination li a.btn_prev:hover {
					background:#0c5367 url(../../images/pagination_prev.png) 7px -14px no-repeat;
				}
			.pagination li a.btn_next {
				border:1px solid #114f61;
				padding:3px 5px 0 0;
				background:#000 url(../../images/pagination_next.png) 70px 10px no-repeat;
				width:75px; height:18px;
				display:block;
				text-align:center;
				font:normal .75em Georgia,"Times New Roman",Serif;
			}
				.pagination li a.btn_next:hover {
					background:#0c5367 url(../../images/pagination_next.png) 70px -14px no-repeat;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	.stepped Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.stepped {
		width:411px;
		margin:0 0 20px 108px;
	}
		.stepped a {
			float:left;
		}
		.stepped .viewing {
			width:170px;
			padding:4px 16px 0 18px;
			font-size:.69em;
			color:#7e7260;
			text-align:center;
			float:left;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	.noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		border:dashed 1px #1F1E1B;
		margin:19px 0; padding:9px;
		font-size:.88em;
		text-align:center;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		padding:66px 0 20px 0;
		background:url(../../images/bg_footer.jpg) 0 bottom no-repeat;
		font:normal .625em Arial, Helvetica, sans-serif;
		color:#525252;
	}
		#footer span {
			color:#717171;
		}
		#footer .copyright {
			margin:0 0 0 30px;
			float:left;
			display:inline;
		}
		#footer .btn_halo {
			margin:0 128px 0 0;
			color:#525252;
			float:right;
			display:inline;
		}