@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Forever The Sickest Kids Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		ftsk_main.css
	Date:		oct 24, 2009
	Author:		Halo Media LLC - http://www.halopowered.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 {
		font:normal 14px Arial, Helvetica, sans-serif;
		color:#000;
		line-height:20px;
		background:#fff url(../../images/bg_body.jpg) top center no-repeat;
	}
	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%;
	}
	
	#main {
		width:960px;
		margin:0 auto;
	}
	
	a {
		text-decoration:none;
		font-weight:bold;
		color:#ff4636;
	}
		a:hover {
			color:#fff;
			background:#ff4636;
		}
	p {
		padding:0 0 10px 0;
	}
	h2{
		font:normal 21px Impact, Arial, sans-serif;
		color:#000;
		padding:0 0 10px 0;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	h1#logo a, #logo a {
		display:block;
		height:128px;
	}
		h1#logo a:hover, #logo a:hover {
			background:none;
		}

	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	ul#mainNav {
		height:121px;
	}
		ul#mainNav li {
			height:121px;
			float:left;
		}
			ul#mainNav li a {
				display:block;
				height:121px;
				background:url(../../images/sprite_nav.jpg) top left no-repeat;
			}
				ul#mainNav li.home a{
					width:148px;
					background-position:0 0;
				}
					ul#mainNav li.home a:hover {
						background-position:0 -121px;
					}
				ul#mainNav li.shows a{
					width:161px;
					background-position:-148px 0;
				}
					ul#mainNav li.shows a:hover {
						background-position:-148px -121px;
					}
				ul#mainNav li.music a{
					width:209px;
					background-position:-309px 0;
				}
					ul#mainNav li.music a:hover {
						background-position:-309px -121px;
					}
				ul#mainNav li.photos a{
					width:174px;
					background-position:-518px 0;
				}
					ul#mainNav li.photos a:hover {
						background-position:-518px -121px;
					}
				ul#mainNav li.bios a{
					width:113px;
					background-position:-692px 0;
				}
					ul#mainNav li.bios a:hover {
						background-position:-692px -121px;
					}	
/*	--------------------------------------------------------------------------------------------------------------------------
	media section Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	h2#h2Listen {
		width:330px; height:25px;
		margin:227px 0 0 60px;
		background:url(../../images/h2_listen.gif) top left no-repeat;
	}
	#mediaHolder {
		width:380px; height:250px;
		margin:13px 0 0 40px;
		
	}
/*	--------------------------------------------------------------------------------------------------------------------------
	mainContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mainContent {
		margin:60px 0 0 0; padding:0 0 70px 50px;
	}
	#mainCol {
		width:485px;
		padding:10px 0 0 0;
		float:left;
	}
	#altCol {
		width:374px;
		float:right;
	}
	#footer {
		padding:10px 0;
		font-size:10px;
		text-align:center;
		background:#e4e5e7;
		border-top:1px solid #f0f4f3;
		line-height:14px;
	}

	/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#contentScroller {
			height:1000px;
			overflow:auto;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	altCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	a.altMini img {
		display:block;
		width:374px; height:465px;
	}
		a:hover.altMini {
			background:none;
		}
	#videoBlock {
		margin:60px 0 0 0; padding:0 0 0 35px;
	}
		#videoBlock h3#h3Watch {
			width:318px; height:25px;
			padding:0 0 15px 0;
			background:url(../../images/h3_watch.gif) top center no-repeat;
		}