@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	We Are The Fallen Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		watf_main.css
	Date:			Dec 07, 2009
	Author:		UMRG New Media - http://umrg.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	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 {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	body {
		line-height: 1;
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#717171;
		background:black url(../../images/bg_body.jpg) top center repeat-y;
	}
	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 {
		clear:both;
		height:0px;
		font-size:1px;
		overflow:hidden;
		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%;
	}

	a {
		text-decoration:none;
		color:#f6f3e7;
	}
		a:hover {
			color:#736b5b;
			text-decoration:underline;
		}
		
	p {
		padding:0 0 10px 0;
		line-height:19px;
	}
		
	#footerBg {
		padding:0 0 10px 0;
		background:url(../../images/bg_footer.jpg) bottom center no-repeat;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	header styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#header {
		height:559px;
		background:url(../../images/bg_header.jpg) top center no-repeat;
	}
		#header .container {
			width:904px; 
			margin:0 auto;
		}
		#header h1 a.itunes {
			width:760px; height:496px;
			display:block;
			float:left;
		}
		#header h1 a.amazon {
			width:100px; height:496px;
			display:block;
			float:left;
		}
		
	ul#nav {
		height:33px;
		padding:3px 0 0 3px;
	}
		ul#nav li {
			height:33px;
			float:left;
			margin:0 6px 0 0;
		}
			ul#nav li a {
				display:block;
				height:33px;
				background:url(../../images/nav_sprite.gif);
			}
			
			ul#nav li.home a {
				width:81px;
				background-position:0 -33px;
			}
				ul#nav li.home a:hover {
					background-position:0 0;
				}
			ul#nav li.about a {
				width:92px;
				background-position:-90px -33px;
			}
				ul#nav li.about a:hover {
					background-position:-90px 0;
				}		
			ul#nav li.news a {
				width:87px;
				background-position:-189px -33px;
			}
				ul#nav li.news a:hover {
					background-position:-189px 0;
				}			
			ul#nav li.shows a {
				width:98px;
				background-position:-282px -33px;
			}
				ul#nav li.shows a:hover {
					background-position:-282px 0;
				}		
			ul#nav li.music a {
				width:91px;
				background-position:-387px -33px;
			}
				ul#nav li.music a:hover {
					background-position:-387px 0;
				}			
			ul#nav li.videos a {
				width:103px;
				background-position:-483px -33px;
			}
				ul#nav li.videos a:hover {
					background-position:-483px 0;
				}			
			ul#nav li.photos a {
				width:109px;
				background-position:-593px -33px;
			}
				ul#nav li.photos a:hover {
					background-position:-593px 0;
				}		
			ul#nav li.mobile a {
				width:100px;
				background-position:-709px -33px;
			}
				ul#nav li.mobile a:hover {
					background-position:-709px 0;
				}	
				
			ul#nav li.store {
				margin:0;
			}
				ul#nav li.store a {
					width:87px;
					background-position:-816px -33px;
				}
					ul#nav li.store a:hover {
						background-position:-816px 0;
					}		
					
/*	--------------------------------------------------------------------------------------------------------------------------
	content styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#content {
			width:874px;
			margin:0 auto;
		}
		#content{
		  min-height:650px;
		  height:auto !important;
		  height:650px;
		}

		#mainCol {
			width:498px; 
			float:right;
		}
		#altCol {
			width:360px; 
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	altCol styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	
	#mediaHolder {
		height:100px;
		background:#000;
	}
	
	#twitterBlock, #socialLinks, #mailingList {
		margin:15px 0 0 0; padding:15px 10px;
		background:#000;
	}
	h2#h2Twitter {
		width:241px; height:27px;
		float:left;
		background:url(../../images/h2_twitter.gif) top left no-repeat;
	}
		#twitterBlock .header {
			height:28px;
		}
	a.btnFollow {
		width:90px; height:22px;
		margin:1px 0 0 0;
		display:block; float:right;
		background:url(../../images/btn_followus.gif);
	}
		a:hover.btnFollow {
			background-position:bottom left;
		}
	#twitter_update_list li {
		padding:15px 0 0 0;
		font-size:12px;
	}
		#twitter_update_list a {
			display:block;
			font-size:10px !important;
			margin:5px 0 0 0;
		}
			#twitter_update_list span a {
				display:inline;
				margin:0;
				font-size:12px !important;
			}
	
	h2#h2Fan {
		width:210px; height:20px;
		background:url(../../images/h2_fan.gif);
	}
	#socialLinks ul {
		margin:15px 0 0 0;
	}
		#socialLinks ul li {
			display:inline;
			margin:0 15px 0 0;
		}
	h2#h2MailingList {
		width:320px; height:27px;
		background:url(../../images/h2_mailinglist.gif);
	}
	
	#mailingList form {
		margin:15px 0 0 0;
	}
	
		#mailingList form label.email {
			width:30px; height:10px;
			font-size:1px; text-indent:-9999px;
			display:block;
			background:url(../../images/label_email.gif);
		}
		#mailingList form label.zipcode {
			width:45px; height:10px;
			margin:10px 0 0 0;
			font-size:1px; text-indent:-9999px;
			display:block;
			background:url(../../images/label_zipcode.gif);
		}
		#mailingList form label.birthDate {
			width:48px; height:11px;
			margin:10px 0 0 0;
			font-size:1px; text-indent:-9999px;
			display:block;
			background:url(../../images/label_birthday.gif);
		}
			#mailingList form input.inputEmail, #mailingList form input.inputZipcode {
				width:240px; height:20px;
				display:block;
				margin:5px 0 0 0;
				border:0;
			}
		#mailingList form #birthdayHolder {
			margin:5px 0 0 0;
		}
			#mailingList form #birthdayHolder select {
				border:0;
				margin:0 5px 0 0;
				height:20px;
			}
		
		input.submit {
			display:block;
			margin:20px 0 0 0;
			background:#000;
			border-color:#736b5b;
			color:#fff;
			padding:3px;
		}
	
		
/*	--------------------------------------------------------------------------------------------------------------------------
	footer styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#footer {
		padding:90px 0 30px 0;
		text-align:center;
		font-size:10px;
		color:#fff;
	}
		#footer a {
			color:#fff;
		}