@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Saliva Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		saliva_main.css
	Date:			Feb 16, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("saliva_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 {
		background:#000 url(../../images/bg_logo.jpg) center 64px no-repeat;
		font:normal 1em Arial, Helvetica, sans-serif;
		color:#313131;
		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: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:#fff;
		text-decoration:none;
	}
	a:hover {
		color:#990000;
	}
	#main {
		width:100%;
		background:url(../../images/bg_topBar.png) center top repeat-x;
	}
		#main .center {
			width:960px;
			margin:0 auto;
		}
	#contentSpace {
		width:960px;
		margin:0 auto; padding:0 0 50px 0;
		background:url(../../images/bg_main_content.jpg) -520px 0 repeat-y;
	}
		#mainCol {
			width:600px;
			margin:0 20px 0 0; padding:0 0 1px 0;
			background:url(../../images/border_bottom.gif) 0 bottom no-repeat;
			display:inline;
			float:left;
		}
			#mainCol .gradient {
				border:solid 1px #220000;
				margin:0; padding:13px 13px 22px 13px;
				background:#220000 url(../../images/bg_gradient_main.png) 0 top no-repeat;
			}
		#altCol {
			width:340px;
			padding:27px 0 0 0;
			float:left;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		width:960px; height:51px;
		margin:0 auto;
	}
		#nav li {
			margin:0 2px 0 0;
			display:inline;
			float:left;
		}
			#nav li a {
				height:51px;
				background:url(../../images/nav_sprites.png) 0 0 no-repeat;
				display:block;
			}
			#nav li.navHome a {
				width:56px;
				background-position:0 0;
			}
				#nav li.navHome a:hover {
					background-position:0 -51px;
				}
			#nav li.navNews a {
				width:58px;
				background-position:-58px 0;
			}
				#nav li.navNews a:hover {
					background-position:-58px -51px;
				}
			#nav li.navVideos a {
				width:65px;
				background-position:-118px 0;
			}
				#nav li.navVideos a:hover {
					background-position:-118px -51px;
				}
			#nav li.navPhotos a {
				width:71px;
				background-position:-185px 0;
			}
				#nav li.navPhotos a:hover {
					background-position:-185px -51px;
				}
			#nav li.navTour a {
				width:61px;
				background-position:-258px 0;
			}
				#nav li.navTour a:hover {
					background-position:-258px -51px;
				}
			#nav li.navMusic a {
				width:113px;
				background-position:-321px 0;
			}
				#nav li.navMusic a:hover {
					background-position:-321px -51px;
				}
			#nav li.navMessage a {
				width:131px;
				background-position:-436px 0;
			}
				#nav li.navMessage a:hover {
					background-position:-436px -51px;
				}
			#nav li.navStore a {
				width:60px;
				background-position:-569px 0;
			}
				#nav li.navStore a:hover {
					background-position:-569px -51px;
				}
		#nav li.links {
			margin:0; padding:14px 0 0 0;
			float:right;
		}
			#nav li.links ul {
				width:345px; height:26px;
				padding:0 0 0 24px;
				background:url(../../images/bg_topLinks.png) 0 0 no-repeat;
			}
				#nav li.links ul li.navMailing {
					margin:3px 0 0 0;
				}
				#nav li.links ul li.navMobile {
					margin:3px 0 0 0;
				}
				#nav li.links ul li a {
					height:14px;
					display:block;
				}
				#nav li.links ul li.navMobile a {
					width:113px;
					margin:3px 0 0 0;
					background:url(../../images/btn_mobile.png) 0 0 no-repeat;
				}
					#nav li.links ul li.navMobile a:hover {
						background-position:0 -26px;
					}
				#nav li.links ul li.navMailing a {
					width:79px;
					margin:3px 22px 0 0;
					background:url(../../images/btn_mailing.png) 0 0 no-repeat;
				}
					#nav li.links ul li.navMailing a:hover {
						background-position:0 -26px;
					}
				#nav li.links ul li#fblike {
					margin:2px 0 0 30px;
					float:left;
				}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#mastHead Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mastHead {
		height:280px;
		position:relative;
	}
		#mastHead h1 {
			margin:26px 0 0 24px;
		}
			#mastHead h1 a {
				width:846px; height:161px;
				display:block;
			}
		#mediaPlayer {
			width:891px; height:42px;
			margin:35px 0 0 0;
			background:url(../../images/bg_mediaplayer.png) no-repeat;
			font-size:0.688em;
			color:#ff0000;
		}
		#mediaPlayer #player {
		
		}
			#mediaPlayer p {
				padding:15px 0 0 0;
				text-align:center;
			}
		#album {
			width:127px; height:22px;
			top:154px; right:0; padding:104px 0 0 0;
			background:url(../../images/albumCover.png) no-repeat;
			position:absolute;
		}
			#album a {
				width:74px; height:21px;
				margin:0 0 0 auto;
				background:url(../../images/btn_buyAlbum.png) 0 0 no-repeat;
				display:block;
			}
				#album a:hover {
					background-position:0 -21px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.ad Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728 {
		width:728px; height:90px;
		margin:0 auto;
	}
	.ad300 {
		width:300px; height:250px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol .header {
		
	}
		#mainCol .header h2 {
			width:400px;
			margin:0 0 9px 0;
			float:left;
		}
		#mainCol .header a.all {
			display:block;
			float:right;
		}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.breadcrumbs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.breadcrumbs {
		margin:0 0 8px 0;
		font:italic .69em Georgia, "Times New Roman", Times, serif;
		color:#999;
	}
		.breadcrumbs a {
			font-size:1em;
			display:inline-block;
		}
		.breadcrumbs .divider {				
			color:#999;
		}
		
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.date.format Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.date.format {
		width:61px; height:36px;
		margin:0 27px 0 0; padding:10px 0 0 0;
		font-weight:bold;
		font-family:Georgia, "Times New Roman", Times, serif;
		color:#000;
		text-align:center;
		display:inline-block;
		float:left;
	}
		.date.format .month {
			text-transform:uppercase;
			display:block;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	.pagination Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.pagination {
		border-bottom:solid 1px #990000;
		width:370px;
		margin:20px auto 0 auto; padding:2px 0 2px 0;
		background:#770000;
	}
		.pagination li {
			margin:0 4px 0 0;
			display:inline;
			float:left;
		}
			.pagination li.disable a {
				background:#d9dfe7 !important;
				cursor:default;
			}
			.pagination li a {
				padding:0 8px;
				font-size:.69em;
				color:#fff;
			}
				.pagination li a:hover {
					color:#999;
				}
			.pagination li a.disable {
				color:#c9c9c9;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	.stepped Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	/*.stepped {
		margin:0 0 20px 108px;
	}
		.stepped a {
			float:left;
		}
			.stepped a.btn {
				height:18px;
				padding:5px 0 0 2px;
			}
		.stepped .viewing {
			width:170px;
			padding:7px 16px 0 18px;
			font-size:.69em;
			color:#313131;
			text-align:center;
			float:left;
		}*/
	.stepped {
		margin:25px 0 20px 0;
	}
		.stepped a {
			float:left;
		}
		.stepped .viewing {
			width:326px;
			padding:4px 16px 0 18px;
			font:italic .81em Georgia, "Times New Roman", Times, serif;
			color:#999;
			text-align:center;
			float:left;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#comments {
		width:600px;
		padding:0 0 93px 0;
		background:#200000;
	}
		#comments h3 {
			border:solid 1px #660000; border-top:solid 1px #990000;
			width:546px; height:27px;
			margin:0 auto; padding:3px 0 0 12px;
			background:#770000;
			font:normal 1.125em Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#comments ul {
			padding:0 19px;
		}
			#comments .entry {
				border-bottom:solid 1px #660000;
				margin:0 0 5px 0 !important; padding:0 20px 10px 20px !important;
				width:520px !important;
			}		
				#comments .noBorder {
					background:none;
				}
				#comments .entry .userPic {
					width:50px;
					margin:10px 5px 0 0; padding:3px;
					background:#3b3030;
					float:left;
				}
				#comments .entry .comment {
					width:420px;
					padding:10px;
					float:left;
					overflow:hidden;
				}	
					#comments .entry .comment a {
						font-size:1.13em;
						color:#fff;
					}
					#comments .entry .comment .user {
						font-size:1.13em;
						color:#fff;
					}
						#comments .entry .comment a:hover {
							color:#ff0000;
						}
					#comments .entry .comment .date {
						font:italic .69em Georgia, "Times New Roman", Times, serif;
						color:#999;
					}
					#comments .entry .comment p {
						padding:5px 0 0 0;
						font-size:.75em;
						color:#999;
					}
		#comments .pagination {
			width:560px; height:22px;
			margin:0 auto 25px auto; padding:3px 0 0 0;
			background:#770000;
		}
			#comments .pagination ul {
				width:220px; height:23px;
				margin:0 auto;
			}
				#comments .pagination li {
					margin:0;
				}
				#comments .pagination a {
					border:none;
					width:auto; height:auto;
					margin:0 13px 0 0; padding:0;
					font:bold .69em Arial, Helvetica, sans-serif;
					color:#fff;
				}
					#comments .pagination a.disabled {
						cursor:default;
						color:#999999;
					}
						#comments .pagination a.disabled:hover {
							color:#999999 !important;
						}
					#comments .pagination a:hover {
						color:#ff0000;
					}
					#comments .pagination li {
						float:left;
						display:inline;
					}
						#comments .pagination li.prev {
							padding:0 0 0 177px;
						}
		#comments a.btn_addComment {
			width:182px; height:32px;
			margin:0 0 0 20px;
			background:url(../../images/btn_addYourComments.png) 0 0 no-repeat;
			text-indent:-3000px;
			display:block;
		}	
			#comments a.btn_addComment:hover {
				background-position:0 -32px;
			}
		#comments .instructions {
			margin:10px 0 0 0; padding:0 0 0 20px;
			font-size:.75em;
			color:#999;
			display:block;
			float:left;
		}
		#comments a.btn_backToTop {
			margin:10px 20px 0 0; padding:0 0 2px 9px;
			background:url(../../images/btn_backToTop.png) 0 3px no-repeat;
			font-size:0.688em;
			color:#fff;
			float:right;
		}
			#comments a.btn_backToTop:hover {
				background-position:0 -34px;
				color:#ff0000;
			}
		li.pagination a.disabled {
			filter: alpha(opacity=50); /* internet explorer */
			-khtml-opacity: 0.5;      /* khtml, old safari */
			-moz-opacity: 0.5;       /* mozilla, netscape */
			opacity: 0.5;           /* fx, safari, opera */
		}
			li.pagination a.disabled:hover {
				cursor:default;
				background-position:0 0 !important;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.socialLinks Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.socialLinks {
		width:132px;
		float:left;
	}
		ul.socialLinks li {
			margin:0 2px 0 0;
			float:left;
		}
			ul.socialLinks li a {
				width:24px; height:25px;
				display:block;
			}
				ul.socialLinks li a.facebook {
					background:url(../../images/socialNav_facebook.png) 0 0 no-repeat;
				}
				ul.socialLinks li a.twitter {
					background:url(../../images/socialNav_twitter.png) 0 0 no-repeat;
				}
				ul.socialLinks li a.myspace {
					background:url(../../images/socialNav_myspace.png) 0 0 no-repeat;
				}
				ul.socialLinks li a.digg {
					background:url(../../images/socialNav_digg.png) 0 0 no-repeat;
				}
				ul.socialLinks li a.share {
					background:url(../../images/socialNav_share.png) 0 0 no-repeat;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.socialLinks Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.large {
		width:430px;
		margin:0 auto;
		float:none;
	}
		ul.large li {
			height:27px;
			margin:0 4px 0 0;
			display:inline;
			float:left;
		}
			ul.socialLinks.large li a {
				height:25px;
				background:url(../../images/nav_socialLinks.png) 0 0 no-repeat !important;
				text-indent:-3000px;
				display:block;
			}
				ul.socialLinks.large li a.facebook {
					width:92px;
					background-position:0 0 !important;
				}
					ul.socialLinks.large li a.facebook:hover {
						background-position:0 -25px !important;
					}
				ul.socialLinks.large li a.twitter {
					width:78px;
					background-position:-96px 0 !important;
				}
					ul.socialLinks.large li a.twitter:hover {
						background-position:-96px -25px !important;
					}
				ul.socialLinks.large li a.myspace {
					width:90px;
					background-position:-178px 0 !important;
				}
					ul.socialLinks.large li a.myspace:hover {
						background-position:-178px -25px !important;
					}
				ul.socialLinks.large li a.digg {
					width:68px;
					background-position:-272px 0 !important;
				}
					ul.socialLinks.large li a.digg:hover {
						background-position:-272px -25px !important;
					}
				ul.socialLinks.large li a.share {
					width:72px;
					background-position:-344px 0 !important;
				}
					ul.socialLinks.large li a.share:hover {
						background-position:-344px -25px !important;
					}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:100%;
		padding:83px 0 50px 0;
		background:#190000 url(../../images/bg_footer_top.png) center top repeat-x;
	}
		#footer h1 {
			width:960px; height:29px;
			margin:0 auto 20px auto;
			background:url(../../images/h1_saliva.png) no-repeat;
		}
			#footer h1 a {
				width:135px; height:29px;
				display:block;
			}
		#footer .container {
			width:960px;
			margin:0 auto 47px auto;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		#footer .buyAlbum {
			width:315px;
			padding:0 0 30px 0;
			float:left;
		}
			#footer .buyAlbum img {
				margin:0 7px 0 0;
				float:left;
			}
			#footer .buyAlbum .buyLinks {
				width:248px;
				font-style:normal;
				font-size:0.688em;
				color:#999; 
				float:left;
			}
				#footer .buyAlbum .buyLinks h2 {
					font-size:1.636em;
					color:#fff;
				}
			#footer .buyAlbum .buyLinks a.btnPreOrder {
				width:74px; height:21px;
				margin:3px 0 0 0;
				background:url(../../images/btn_buyAlbum.png) 0 0 no-repeat;
				display:block;
			}
				#footer .buyAlbum .buyLinks a.btnPreOrder:hover {
					background-position:0 -21px;
				}
		
			#footer .nav {
				width:620px;
				padding:15px 0 0 0;
				float:right;
			}
				#footer .nav li {
					width:100px;
					margin:0 4px 8px 0;
					font-size:.625em;
					text-transform:uppercase;
					display:inline;	
					float:left;
				}
					#footer .nav li.message {
						width:105px;
					}
					#footer .nav li a {
						padding:0 3px;
						color:#fff;
					}
						#footer .nav li a:hover {
							color:#ff0000;
						}
		#footer .logo {
			width:26px; height:34px;
			margin:0 0 0 8px;
			background:url(../../images/logo_island.jpg) 0 0 no-repeat;
			display:inline-block;
			float:left;
		}
		#footer #fineprint {
			width:815px;
			padding:4px 0 0 0;
			font-size:.625em;
			color:#626161;
			line-height:15px;
			text-align:center;
			float:left;
		}
				#footer #fineprint a {
					color:#7d7d7d;
				}
					#footer #fineprint a:hover {
						color:#ff0000;
					}
				#footer #fineprint a.logo_mg {
					width:153px; height:22px;
					margin:20px auto 0 auto;
					background:url(../../images/logo_microgroove.png) 0 0 no-repeat;
					display:block;
				}
		#footer a.btn_halo {
			margin:6px 0 0 0;
			font-size:0.625em;
			color:#7d7d7d;
			float:left;
		}
			#footer a.btn_halo:hover {
				color:#ff0000;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		border:dashed 1px #fff;
		margin:19px 0; padding:9px;
		font-size:.88em;
		text-align:center;
		color:#fff;
	}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	Universal Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.footer .btn_readMore {
		font-size:0.813em;
		line-height:26px;
		display:block;
		float:right;
		font-weight:bold;
	}
		.footer .btn_readMore:hover {
			background-position:0 -26px;
		}
	a.btn_moreNews {
		width:79px; height:7px;
		margin:12px 0 0 0;
		background:url(../../images/btn_moreNews.png) 0 0 no-repeat;
		display:block;
		float:right;
	}
		a.btn_moreNews:hover {
			background-position:0 -7px;
		}
	a.btn.disable {
		background:#d9dfe7;
		cursor:default;
	}
		a.btn.disable:hover {
			background:#d9dfe7;		
		}
	/*a.btn_next {
		width:90px; height:20px;
		padding:5px 0 0 5px;
		color:#f8f8f0 !important;
		background:url(../../images/btn_next.png) 0 0 no-repeat;
		font-size:.69em;
		display:block;
	}
		a.btn_next:hover {
			background-position:0 -25px;
		}
	a.btn_prev {
		width:70px; height:20px;
		padding:5px 0 0 20px;
		color:#f8f8f0 !important;
		background:url(../../images/btn_prev.png) 0 0 no-repeat;
		font-size:.69em;
		display:block;
	}
		a.btn_prev:hover {
			background-position:0 -25px;
		}*/
	a.btn103w {
		width:103px; height:18px;
		margin:0 0 0 auto; padding:4px 0 0 0;
		background:url(../../images/btn_103w.png) 0 0 no-repeat;
		font-weight:bold;
		font-size:0.625em;
		color:#fff !important;
		text-align:center;
		display:block;
	}
		a.btn103w:hover {
			background-position:0 -22px;
		}
	a.btn74w {
		width:69px; height:18px;
		margin:4px 0 0 0; padding:4px 0 0 5px;
		background:url(../../images/btn_74w.png) 0 0 no-repeat;
		font-weight:bold;
		color:#9231e5 !important;
		text-transform:uppercase;
		display:block;
	}
		a.btn74w:hover {
			color:#fff !important;
			background-position:0 -22px;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	tabs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/				
	.ui-tabs-hide {
		display:none !important;
	}