@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Ghostface Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		gf_main.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("gf_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 {
		margin:0; padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		background:#000;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#546063;
		line-height:1;
	}
	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:none;
		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%;
	}
	#main {
		width:960px;
		margin:0 auto; padding:0;
		background:url(../../images/bg_header.jpg) top center no-repeat;
		position:relative;
	}
		#mainCol {
			width:555px;
			padding:0 0 50px 35px;
			float:left;
		}
		#altCol {
			width:337px;
			margin:0 0 50px 0;
			float:right;
		}
	a:link, a:active, a:visited {
		text-decoration:none;
		color:#ba7b00;
	}
		a:hover {
			color:#7e4700;
		}
	#fblike {
		position:absolute;
		top:154px; left:241px;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#bg Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#bg_glow {
		width:100%;
		background:url(../../images/bg_glow.jpg) center repeat-y;
	}
	#bg_header {
		width:100%;
		background:url(../../images/bg_header.jpg) top center no-repeat;
	}
	#bg_content {
		width:100%;
		background:url(../../images/bg_content.jpg) center 358px no-repeat;
	}
	#crystal {
		width:960px; height:105px;
		background:url(../../images/crystal.png) 0 0 no-repeat;
		position:absolute;
		top:351px;
		z-index:10;
	}
	#bg_top {
		background:url(../../images/bg_top.png) 0 0 no-repeat;
	}
		#bg_top #mainCol .header {
			width:555px; height:87px;
			padding:70px 0 0 0;
			background:url(../../images/bg_header.png) bottom center no-repeat;
		}
	#bottomCap {
		width:100%; height:283px;
		background:url(../../images/bg_bottomCap.jpg) top center no-repeat;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.ad728 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728 {
		width:728px; height:90px;
		margin:0 auto; padding:15px 0 0 0;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#btn Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a#btn {
		width:110px; height:42px;
		margin:141px 0 0 202px;
		background:url(../../images/btn_albumBuyNow.png) 0 0 no-repeat;
		display:inline-block;
		float:left;
	}
		a#btn:hover {
			background-position:0 -42px;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#logo Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#logo {
		width:283px; height:142px;
		margin:53px 0 0 25px;
		display:inline-block;
		float:left;
	}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mediaPlayer {
		width:253px; height:137px;
		margin:46px 0 0 28px;
		display:inline-block;
		float:left;
	}
		#mediaPlayer p {
			padding:57px 30px 30px 30px;
			font:normal 11px Georgia, "Times New Roman", Times, serif;
			color:#fff;
		}
			#mediaPlayer p a {
				font:normal 11px Georgia, "Times New Roman", Times, serif;
				color:#644609;
			}
				#mediaPlayer p a:hover {
					color:#000;
				}
		#mediaPlayer object {
			margin:5px 0 0 25px;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		width:960px; height:45px;
		margin:6px 0 10px 0;
		background:url(../../images/bg_nav3.png) 0 0 no-repeat;
		display:inline-block;
	}
		#nav li {
			height:45px;
			display:inline;
			float:left;
		}
		#nav li a {
			height:45px;
			display:block;
		}
		#nav li.navHome a {
			width:87px;
			margin:0 3px 0 6px;
			background:url(../../images/nav.png) -6px 0 no-repeat;
		}
			#nav li.navHome a:hover {
				background-position: -6px -45px;
			}
		#nav li.navBio a {
			width:77px;
			margin:0 3px 0 0;
			background:url(../../images/nav.png) -96px 0 no-repeat;
		}
			#nav li.navBio a:hover {
				background-position: -96px -45px;
			}
		#nav li.navNews a {
			width:87px;
			margin:0 3px 0 0;
			background:url(../../images/nav.png) -176px 0 no-repeat;
		}
			#nav li.navNews a:hover {
				background-position: -176px -45px;
			}
			/*
		#nav li.navBlog {
			display:none;
		}
			#nav li.navBlog a {
				width:87px;
				margin:0 3px 0 0;
				background:url(../../images/nav.png) -266px 0 no-repeat;
			}
				#nav li.navBlog a:hover {
					background-position: -266px -45px;
				}
		*/
		#nav li.navVideos a {
			width:87px;
			margin:0 3px 0 0;
			background:url(../../images/nav.png) -266px 0 no-repeat;
		}
			#nav li.navVideos a:hover {
				background-position: -266px -45px;
			}
		#nav li.navPhotos a {
			width:86px;
			margin:0 4px 0 0;
			background:url(../../images/nav.png) -356px 0 no-repeat;
		}
			#nav li.navPhotos a:hover {
				background-position: -356px -45px;
			}
		#nav li.navEvents a {
			width:77px;
			margin:0 3px 0 0;
			background:url(../../images/nav.png) -446px 0 no-repeat;
		}
			#nav li.navEvents a:hover {
				background-position: -446px -45px;
			}
		#nav li.navMusic a {
			width:86px;
			margin:0 5px 0 0;
			background:url(../../images/nav.png) -526px 0 no-repeat;
		}
			#nav li.navMusic a:hover {
				background-position: -526px -45px;
			}
		#nav li.navMobile a {
			width:76px;
			margin:0 4px 0 0;
			background:url(../../images/nav.png) -617px 0 no-repeat;
		}
			#nav li.navMobile a:hover {
				background-position: -617px -45px;
			}
		#nav li.navExtras a {
			width:76px;
			margin:0 4px 0 0;
			background:url(../../images/nav.png) -697px 0 no-repeat;
		}
			#nav li.navExtras a:hover {
				background-position: -697px -45px;
			}
		#nav li.navMailingList a {
			width:86px;
			margin:0 5px 0 0;
			background:url(../../images/nav.png) -777px 0 no-repeat;
		}
			#nav li.navMailingList a:hover {
				background-position: -777px -45px;
			}
		#nav li.navCommunity a {
			width:86px;
			background:url(../../images/nav.png) -868px 0 no-repeat;
		}
			#nav li.navCommunity a:hover {
				background-position: -868px -45px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		background:url(../../images/bg_paper.png) left top repeat-y;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:960px; height:153px;
		margin:0 auto; padding:130px 0 0 0;
		background:url(../../images/bg_bottomCap.jpg) top center no-repeat;
		font:normal 10px Verdana, Arial, Helvetica, sans-serif;
		color:#94e876;
		text-align:center;
	}
		#footer a {
			color:#4cd51c;
		}
			#footer a:hover {
				color:#ddfbae;
			}
		#footer .broughtTo {
			width:304px;
			margin:0 auto 5px auto;
			background:url(../../images/broughtTo.png) 0 bottom no-repeat;
			clear:both;
			display:none;
		}
		#footer .explicit {
			width:171px; height:11px;
			margin:10px auto 0 auto;
			background:url(../../images/explicit.png) 0 0 no-repeat;
			clear:both;
		}
		#footer ul.icons {
			width:129px; height:56px;
			margin:0 auto; padding:15px 0 0 0;
			display:block;
			clear:both;
		}
			#footer ul.icons li {
				float:left;
			}
				#footer ul.icons li a {
					height:56px;
					background:url(../../images/footer_sprites.png) no-repeat;
					display:block;
				}
					#footer ul.icons li.logo_na {
						width:47px; height:56px;
						margin:0 25px 0 0;
						background:url(../../images/footer_sprites.png) 0 0 no-repeat;
						display:inline;
					}
					#footer ul.icons li.rapradar {
						display:none;
					}
						#footer ul.icons li.rapradar a {
							width:141px;
							margin:0 25px 0 0;
							background-position:-72px 0;
						}
					#footer ul.icons li.defjam a {
						width:57px;
						background-position:-238px 0;
					}
		#footer a.btn_siteBy {
			width:108px; height:11px;
			margin:10px auto 0 auto;
			background:url(../../images/siteByHaloMedia.png) 0 0 no-repeat;
			display:block;
		}
			#footer a.btn_siteBy:hover {
				background-position:0 -16px;
			}	
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {
		width:545px;
		margin:0 auto;
	}
		#comments #header {
			width:545px; height:27px;
			margin:0 auto;
			background:url(../../images/bg_commentsHeader.png) 0 0 no-repeat;			
		}
		#comments .btn {
			float:left;
		}
			#comments .btn a {
				width:115px; height:27px;
				background:url(../../images/btn_postComment.png) 0 0 no-repeat;
				display:block;
			}
				#comments .btn a:hover {
					background-position:0 -27px;
				}
		#comments .pager {
			margin:5px 0; padding:5px 0;
		}
			#comments .pager.top {
				background:url(../../images/bg_pager.png) center bottom no-repeat;
			}
			#comments .pager.bottom {
				background:url(../../images/bg_pager.png) center top no-repeat;
			}
			#comments .pager .pagination {
				padding:5px 0 0 0;
				float:right;
				background:none !important;
			}
				#comments .pager .pagination .divider {
					padding:0 10px;
					color:#50691f;
					line-height:9px;
					display:inline-block;
					float:right;
				}
				#comments .pager .pagination a.prev {
					width:36px; height:9px;
					background:url(../../images/btn_prev.png) 0 0 no-repeat;
					display:inline-block;
					float:right;
				}
					#comments .pager .pagination a.prev:hover {
						background-position:0 -9px;
					}
				#comments .pager .pagination a.next {
					width:37px; height:9px;
					background:url(../../images/btn_next.png) 0 0 no-repeat;
					display:inline-block;
					float:right;
				}
					#comments .pager .pagination a.next:hover {
						background-position:0 -9px;
					}
					
		#comments ul {
			padding:10px 0 0 0;
		}
			#comments ul li {
				margin:0 0 15px 0; padding:0 0 25px 0;
				background:url(../../images/division.png) center bottom no-repeat;
			}
				#comments ul li .userPic {
					margin:0 15px 0 0;
					float:left;
				}
					#comments ul li .userPic a {
						border:solid 1px #ba7b00;
						width:50px; height:50px;
						display:inline-block;
					}
						#comments ul li .userPic a:hover {
							border:solid 1px #76671f;
						}
				#comments ul li .comment {
					width:460px;
					padding:10px 0 0 10px;
					background:url(../../images/bg_comment.png) 0 0 no-repeat;
					font:normal 13px Georgia, "Times New Roman", Times, serif;
					color:#46381c;
					float:left;
					overflow:hidden;
				}
					#comments ul li .comment p {
						padding:0 0 10px 0;
					}
					#comments ul li .comment .date {
						font:normal 12px Georgia, "Times New Roman", Times, serif;
						color:#715216;
					}
					#comments ul li .comment .userName a {
						font:normal 12px Georgia, "Times New Roman", Times, serif;
						color:#ba7b00;
					}
						#comments ul li .comment .userName a:hover {
							color:#76671f;
						}
							#comments ul li .comment .userName .userIm {
								padding:0 0 0 5px;
								display:inline;
							}
								#comments ul li .comment .userName .userIm a.im {
									padding:0 3px 0 0;
								}
			#comments ul li.last {
				margin:0;
				background:none;
			}	
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		border:dashed 1px #01140c !important;
		width:500px;
		margin:15px auto !important; padding:10px !important;
		background:none !important;
		font:normal 12px Georgia, "Times New Roman", Times, serif !important;
		color:#01140c !important;
		text-align:center !important;
	}
	#altCol .noContent {
		border:dashed 1px #01140c !important;
		width:250px !important; height:auto !important;
		margin:15px auto !important; padding:10px !important;
		background:none !important;
		font:normal 12px Georgia, "Times New Roman", Times, serif !important;
		color:#01140c !important;
		text-align:center !important;
	}