@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - POP EVIL MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		pe_main.css
	Date:			May 7, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("pe_components.css");

/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content:".";
		display:block;
		clear:both;
		visibility:hidden;
		line-height:0;
		height:0;
	}
	.clearfix {
		display:inline-block;
	}
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	body {
		background:#000 url(../../images/bg_header.jpg) center top no-repeat;
		font-family:Arial, Helvetica, sans-serif;
		color:#281f1f;
	}
	#main {
		width:960px;
		margin:0 auto;
		position:relative;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	link Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a:link, a:active, a:visited {
		text-decoration:none;
		color:#9c1b1b;	
	}
		a:hover {
			color:#fff;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	flash Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#flashHolder {
		width:956px; height:353px;
	}
		#flashHolder #flash {
			color:#fff;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		top:350px;
		margin-left:363px;
		width:596px;
		list-style:none;
		position:absolute;
	}		
		#nav li {
			height:16px;
			float:left;
		}
			#nav li a {
				height:16px;
				display:block;
				background:url(../../images/navSprite.png) no-repeat;
			}
		#nav a.home {
			width:37px;
			margin:60px 13px 0 0;
			background-position:0 -60px;
		}
			#nav a.home:hover {
				background-position:0 -136px;
			}
		#nav a.news {
			width:37px;
			margin:54px 13px 0 0;
			background-position:-50px -54px;
		}
			#nav a.news:hover {
				background-position:-50px -130px;
			}
		#nav a.bio {
			width:22px;
			margin:50px 15px 0 0;
			background-position:-100px -50px;
		}
			#nav a.bio:hover {
				background-position:-100px -126px;
			}
		#nav a.tour {
			width:33px;
			margin:45px 11px 0 0;
			background-position:-137px -45px;
		}
			#nav a.tour:hover {
				background-position:-137px -121px;
			}
		#nav a.videos {
			width:43px;
			margin:40px 11px 0 0;
			background-position:-181px -40px;
		}
			#nav a.videos:hover {
				background-position:-181px -116px;
			}
		#nav a.photos {
			width:49px;
			margin:33px 15px 0 0;
			background-position:-239px -33px;
		}
			#nav a.photos:hover {
				background-position:-239px -109px;
			}
		#nav a.extras {
			width:48px;
			margin:26px 14px 0 0;
			background-position:-302px -26px;
		}
			#nav a.extras:hover {
				background-position:-302px -102px;
			}
		#nav a.newsletter {
			width:80px; height:20px;
			margin:16px 15px 0 0;
			background-position:-364px -16px;
		}
			#nav a.newsletter:hover {
				background-position:-364px -92px;
			}
		#nav a.merch {
			width:45px;
			margin:9px 14px 0 0;
			background-position:-459px -9px;
		}
			#nav a.merch:hover {
				background-position:-459px -85px;
			}
		#nav a.community {
			width:78px; height:20px;
			margin:0;
			background-position:-518px 0;
		}
			#nav a.community:hover {
				background-position:-518px -76px;
			}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	community loginBlock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#loginBlock {
		width:956px; height:48px;
		margin:0 auto; padding:0 0 0 0;
		background:url(../../images/bg_login.jpg) no-repeat;
	}
		#loginBlock h1 {
			width:196px; height:10px;
			margin:24px 0 0 130px;
			background:url(../../images/h1_peCommunity.png) no-repeat;
			display:inline;
			float:left;
		}
		#loginBlock .action {
			margin:20px 50px 0 10px;
			font-size:11px;
			color:#7d7a6c;
			float:left;
		}
			#loginBlock .action .text {
				margin:5px 0 0 0;
				display:block;
				float:left;
			}
			#loginBlock .action a {
				margin:0 0 0 15px;
				float:left;
			}
				#loginBlock .action a.btn_logIn {
					width:82px; height:19px;
					background:url(../../images/btn_login.jpg) 0 0 no-repeat;
					display:block;
					margin:0 0 0 120px;
				}
					#loginBlock .action a.btn_logIn:hover {
						/*background-position:0 -19px;*/
					}
				#loginBlock .action a.btn_joinNow {
					width:102px; height:19px;
					background:url(../../images/btn_joinNow.jpg) 0 0 no-repeat;
					display:block;
				}
					#loginBlock .action a.btn_joinNow:hover {
						/*background-position:0 -19px;*/
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#comments {
		margin:13px 0 0 62px;
		width:503px;
		display:inline;
		float:left;
		list-style:none;
	}
		ul#comments li {
			margin:0 0 10px 0; padding:8px; 
			width:487px;
		}
		ul#comments li.odd {
			background:#a19a81;
		}
			ul#comments li span.date {
				color:#000;
			}
				ul#comments li span.date a {
					font-weight:bold;
				}
			ul#comments li .post {
				padding:5px 0 0 0;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#1b1515;
				line-height:12px;
			}


/*	--------------------------------------------------------------------------------------------------------------------------
	bannerHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#bannerHolder {
		width:855px;
		margin:0 auto;
	}
		#bannerHolder a {
			margin:0 10px;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		padding:45px 0 0 0;
	}
	#mainCol {
		margin:0 20px 0 0;
		width:607px;
		display:inline;
		float:left;
		background:url(../../images/bg_mainContentMiddle.jpg) 0 0 repeat-y;
	}
		#mainColTop {
			background:url(../../images/bg_mainContentTop.jpg) 0 0 no-repeat;
		}
		#mainColBottom {
			padding:0 0 10px 0;
			background:url(../../images/bg_mainContentBottom.jpg) 0 bottom no-repeat;
		}
	#altCol {
		width:306px;
		float:left;
	}
	.date {
		font-size:10px;
		color:#682f2f;
		display:block;
	}
	
	#comingSoon 
	{
	    font:bold 20px Arial, Helvetica, sans-serif;
	    margin:0 0 0 45px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	ad Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728x90 {
		width:728px; height:90px;
		margin:0 auto; padding:2px;
		background:#37271d;
	}
	.ad300x250 {
		margin:0 0 20px 0; padding:3px 3px 50px 3px;
		width:300px; height:250px;
		background:#615e53;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:960px;
		margin:45px 0 0 0; padding:30px 0 0 0;
		background:url(../../images/bg_footer.png) no-repeat;
	}
		#footer #socialLinks {
			width:940px;
			margin:30px auto 0 auto;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
			#footer #socialLinks .text {
				margin:10px 25px 0 0;
				display:block;
				float:left;
			}
			#footer #socialLinks a {
				margin:0 13px 0 0;
				display:inline;
				float:left;
			}
				#footer #socialLinks a.text {
					margin:10px 25px 0 0;
				}
				#footer #socialLinks a.logo_pazzo {
					margin:0 25px 0 0;
				}