@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - DIANA KRALL MAIN CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dk_main.css
	Date:			Jan 22, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	@import url("../css/dk_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:url(../../images/bg.jpg) top center repeat-y;
	}
		#contentBg {
			background:url(../../images/bg_content.png) top center repeat-y;
		}
		#designBg {
			background:url(../../images/bg_design.jpg) top center no-repeat;
		}
		#star {
			background:url(../../images/bg_star.jpg) top center no-repeat;
		}
	#main {
		width:993px;
		margin:0 auto; padding:6px 0 15px 0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	link Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	a:link, a:active, a:visited {
		color:#d5f1ff;
		text-decoration:none;
	}
		a:hover {
			color:#f7fcff;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	mediaPlayer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#flashHolder {
		height:103px;
		outline:none;
	}
	#mediaPlayer {
		height:103px;
		outline:none;
	}
		#mediaPlayer .header {
			width:670px; height:140px;
			margin:0 0 0 264px;
		}
		
		#mediaPlayer .header .audioPlayer {
			margin:20px 0 0 7px;
			font:normal 12px Arial, Helvetica, sans-serif;
			float:left;
			display:inline;
		}
			#mediaPlayer .header .audioPlayer a:link, #mediaPlayer .header .audioPlayer a:active, #mediaPlayer .header .audioPlayer a:visited {
				color:#8e1515;
			}
				#mediaPlayer .header .audioPlayer a:hover {
					color:#f82a2a;
				}
		#mediaPlayer .header .info {
			margin:54px 0 0 243px;
			float:left;
			display:inline;
		}
			#mediaPlayer .header .info a.btnAmazon:link, #mediaPlayer .header .info a.btnAmazon:active, #mediaPlayer .header .info a.btnAmazon:visited {
				width:101px; height:25px;
				margin:0 8px 0 0;
				background:url(../../images/btn_amazon.png) no-repeat;
				display:block;
				float:left;
			}
				#mediaPlayer .header .info a.btnAmazon:hover {
					background-position:bottom;
				}
			#mediaPlayer .header .info a.btnbarnesNoble:link, #mediaPlayer .header .info a.btnbarnesNoble:active, #mediaPlayer .header .info a.btnbarnesNoble:visited {
				width:101px; height:25px;
				background:url(../../images/btn_barnesNoble.png) no-repeat;
				display:block;
				float:left;
			}
				#mediaPlayer .header .info a.btnbarnesNoble:hover {
					background-position:bottom;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	flagBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.flagBar {
		width:960px;
	}
		.flagBar a.australia {
			width:41px; height:27px;
			background:url(../../images/australiaLink.jpg) top center no-repeat;
			display:block;
			float:right;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav {
		width:960px; height:47px;
		margin:0 0 0 16px;
		list-style:none;
	}		
		/* HOME */
		ul#nav li#navHome {
			width:76px; height:47px;
			float:left;
		}
			#navHome a:link, #navHome a:active, #navHome a:visited {
				width:76px; height:47px;
				display:block;
				background:url(../../images/navHome.png) 0 0 no-repeat;
			}
				#navHome a:hover {
					background-position:0px -47px;
				}
		/* NEWS */
		ul#nav li#navNews {
			width:70px; height:47px;
			float:left;
		}
			#navNews a:link, #navNews a:active, #navNews a:visited {
				width:70px; height:47px;
				display:block;
				background:url(../../images/navNews.png) 0 0 no-repeat;
			}
				#navNews a:hover {
					background-position:0px -47px;
				}
		/* BIO */
		ul#nav li#navBio {
			width:70px; height:47px;
			float:left;
		}
			#navBio a:link, #navBio a:active, #navBio a:visited {
				width:70px; height:47px;
				display:block;
				background:url(../../images/navBio.png) 0 0 no-repeat;
			}
				#navBio a:hover {
					background-position:0px -47px;
				}
		/* TOUR */
		ul#nav li#navTour {
			width:93px; height:47px;
			float:left;
		}
			#navTour a:link, #navTour a:active, #navTour a:visited {
				width:93px; height:47px;
				display:block;
				background:url(../../images/navTour.png) 0 0 no-repeat;
			}
				#navTour a:hover {
					background-position:0px -47px;
				}
		/* GALLERY */
		ul#nav li#navGallery {
			width:93px; height:47px;
			float:left;
		}
			#navGallery a:link, #navGallery a:active, #navGallery a:visited {
				width:93px; height:47px;
				display:block;
				background:url(../../images/navGallery.png) 0 0 no-repeat;
			}
				#navGallery a:hover {
					background-position:0px -47px;
				}
		/* GALLERY */
		ul#nav li#navMobile {
			width:92px; height:47px;
			float:left;
		}
			#navMobile a:link, #navMobile a:active, #navMobile a:visited {
				width:92px; height:47px;
				display:block;
				background:url(../../images/navMobile.png) 0 0 no-repeat;
			}
				#navMobile a:hover {
					background-position:0px -47px;
				}
		/* VIDEO */
		ul#nav li#navVideo {
			width:77px; height:47px;
			float:left;
		}
			#navVideo a:link, #navVideo a:active, #navVideo a:visited {
				width:77px; height:47px;
				display:block;
				background:url(../../images/navVideo.png) 0 0 no-repeat;
			}
				#navVideo a:hover {
					background-position:0px -47px;
				}
		/* DISCOGRAPHY */
		ul#nav li#navDisco {
			width:131px; height:47px;
			float:left;
		}
			#navDisco a:link, #navDisco a:active, #navDisco a:visited {
				width:131px; height:47px;
				display:block;
				background:url(../../images/navDisco.png) 0 0 no-repeat;
			}
				#navDisco a:hover {
					background-position:0px -47px;
				}
		/* LINKS */
		ul#nav li#navLinks {
			width:81px; height:47px;
			float:left;
		}
			#navLinks a:link, #navLinks a:active, #navLinks a:visited {
				width:81px; height:47px;
				display:block;
				background:url(../../images/navLinks.png) 0 0 no-repeat;
			}
				#navLinks a:hover {
					background-position:0px -47px;
				}
		/* STORE */
		ul#nav li#navStore {
			width:81px; height:47px;
			float:left;
		}
			#navStore a:link, #navStore a:active, #navStore a:visited {
				width:81px; height:47px;
				display:block;
				background:url(../../images/navStore.png) 0 0 no-repeat;
			}
				#navStore a:hover {
					background-position:0px -47px;
				}
		/* Fan Club */
		ul#nav li#navFanClub {
			width:91px; height:47px;
			float:left;
		}
			#navFanClub a:link, #navFanClub a:active, #navFanClub a:visited {
				width:91px; height:47px;
				display:block;
				background:url(../../images/navFanClub.png) 0 0 no-repeat;
			}
				#navFanClub a:hover {
					background-position:0px -47px;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		padding:0 0 42px 0;
		background:url(../../images/bg_content_red.jpg) repeat-y;
	}
		.contentSpace .top {
			background:url(../../images/bg_content_redTop.jpg) 0px 3px no-repeat;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol {
		width:640px;
		float:left;
	}
	.altCol {
		width:334px;
		margin:0 0 0 19px; padding:71px 0 0 0;
		float:left;
		display:inline;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	adHolder Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.adHolder {
		width:300px; height:250px;
		padding:7px;
		background:#270b07;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#socialLinks {
		height:38px;
		margin:12px 0 0 0; padding:16px 0 0 75px;
		background:url(../../images/bg_socialLinks.jpg) 14px 0px no-repeat;
	}
		#socialLinks a {
			margin:0 17px 0 0;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:650px; height:86px;
		margin:15px 0 0 133px; padding:21px 0 0 92px;
		background:url(../../images/bg_footer.jpg) no-repeat;
	}
		#footer .logoUmg {
			width:107px;
			margin:7px 0 0 0;
			float:left;
		}
			#footer .logoUmg a.logo:link, #footer .logoUmg a.logo:active, #footer .logoUmg a.logo:visited {
				width:107px; height:40px;
				background:url(../../images/logo_umg.png) no-repeat;
				display:block;
			}
				#footer .logoUmg a.logo:hover {
					background-position:bottom;
				}
		#footer .text {
			margin:25px 44px 0 39px;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#7e7f7f;
			float:left;
		}
			#footer .text a:link, #footer .text a:active, #footer .text a:visited {
				color:#7e7f7f;
			}
				#footer .text a:hover {
					color:#f7fcff;
				}
		#footer .logoVerve {
			width:57px;
			float:left;
		}
			#footer .logoVerve a.logo:link, #footer .logoVerve a.logo:active, #footer .logoVerve a.logo:visited {
				width:57px; height:57px;
				background:url(../../images/logo_verve.png) no-repeat;
				display:block;
			}
				#footer .logoVerve a.logo:hover {
					background-position:bottom;
				}