@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Kristinia DeBarge HOME
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		kdb_home.css
	Date:			June 16, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	home BG Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		margin:0 auto;
		width:960px;
		background:none;
	}
	#home {
		background:url(../../images/bg_home.jpg) top center no-repeat;
	}
	ul.navbar li.home a {
		background:url(../../images/nav_spritesNew.png) -90px 0 no-repeat !important;
	}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	navbar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.navbar {
		padding:0 41px 0 0; margin:35px 0 0 0;
		list-style:none;
		float:right;
	}	
		ul.navbar li {
			display:inline;
		}
			/*home active*/
			ul.navbar li.home a {
				margin:0 0 7px 0;
				width:34px; height:17px;
				display:block;
				background:url(../../images/nav_spritesNew.png) -90 0 no-repeat;
			}
				ul.navbar li.home a:hover {
					background:url(../../images/nav_spritesNew.png) -90px 0 no-repeat;
				}
			/*bio*/
			ul.navbar li.bio a {
				margin:0 0 6px 0;
				width:21px; height:14px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -27px no-repeat;
			}
				ul.navbar li.bio a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -27px no-repeat;
				}
			/*news*/
			ul.navbar li.news a {
				margin:0 0 8px 0;
				width:35px; height:14px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -49px no-repeat;
			}
				ul.navbar li.news a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -49px no-repeat;
				}
			/*blog*/
			ul.navbar li.blog a {
				margin:0 0 7px 0;
				width:31px; height:14px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0  -73px no-repeat;
			}
				ul.navbar li.blog a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -73px no-repeat;
				}
			/*tv*/
			ul.navbar li.tv a {
				margin:0 0 8px 0;
				width:78px; height:15px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -94px no-repeat;
			}
				ul.navbar li.tv a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -94px no-repeat;
				}
			/*discography*/
			ul.navbar li.discography a {
				margin:0 0 8px 0;
				width:88px; height:14px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -118px no-repeat;
			}
				ul.navbar li.discography a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -118px no-repeat;
				}
			/*photos*/
			ul.navbar li.photos a {
				margin:0 0 8px 0;
				width:48px; height:14px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -143px no-repeat;
			}
				ul.navbar li.photos a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -143px no-repeat;
				}
			/*tour*/
			ul.navbar li.tour a {
				margin:0 0 8px 0;
				width:31px; height:13px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -167px no-repeat;
			}
				ul.navbar li.tour a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -167px no-repeat;
				}
			/*videos*/
			ul.navbar li.videos a {
				margin:0 0 7px 0;
				width:43px; height:14px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -190px no-repeat;
			}
				ul.navbar li.videos a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -190px no-repeat;
				}
			/*community*/
			ul.navbar li.community a {
				margin:0 0 5px 0;
				width:74px; height:18px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -213px no-repeat;
			}
				ul.navbar li.community a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -213px no-repeat;
				}
			/*extras*/
			ul.navbar li.extras a {
				margin:0 0 7px 0;
				width:46px; height:15px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -236px no-repeat;
			}
				ul.navbar li.extras a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -236px no-repeat;
				}
			/*mobile*/
			ul.navbar li.mobile a {
				margin:0 0 4px 0;
				width:46px; height:17px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -259px no-repeat;
			}
				ul.navbar li.mobile a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -259px no-repeat;
				}
			/*qa*/
			ul.navbar li.qa a {
				width:25px; height:15px;
				display:block;
				background:url(../../images/nav_spritesNew.png) 0 -282px no-repeat;
			}
				ul.navbar li.qa a:hover {
					background:url(../../images/nav_spritesNew.png) -90px -282px no-repeat;
				}

				
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:609px;
	}
	#mailingList {
		margin:0 0 0 181px;
		position:absolute;
		top:748px; left:50%;
		
	}
		#mailingList a.btn_mailList {
			width:165px; height:34px;
			background:url(../../images/btn_mailList.png) 0 0 no-repeat;
			display:block;
		}
			#mailingList a.btn_mailList:hover {
				background-position:0 -35px;
			}
		
	#topContent {		
	}
	
	/*	home header Styles */
	.header {
		padding:0 0 10px 150px;
		float:left;
		display:inline;
	}
		.header .mediaPlayer {
			margin:0 0 0 15px;
			width:221px; height:89px;
			background:url(../../images/bg_mediaPlayer.png) 0 0 no-repeat;
		}
			.header .mediaPlayer #flash .noFlash {
				padding:22px 0 0 25px;
				height:15px;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#333;
				display:block;
			}
				.header .mediaPlayer #flash .noFlash a {
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#000;
				}
					.header .mediaPlayer #flash .noFlash a:hover {
						color:#fa006f;
					}
		.header .albumBuyer { 
			margin:170px 0 0 45px;
			width:230px; height:213px;
			background:url(../../images/bg_albumBuyer.png) 0 0 no-repeat;
		}	
			.header .albumBuyer img {
				margin:6px 0 0 41px;
			}
		.header .btnHolder {
			margin:0 0 0 65px; padding:7px 0 0 0;
			width:90px;
		}
			.header .albumBuyer a.btn_itunes {	
				margin:1px 7px 0 0;
				width:37px; height:32px;
				background:url(../../images/btn_iTunes.jpg) 0 0 no-repeat;
				display:inline-block;
				float:left;
			}	
			.header .albumBuyer a.btn_amazon {
				margin:0;
				width:37px; height:37px;
				background:url(../../images/btn_amazon.jpg) 0 0 no-repeat;
				display:block;
				float:left;
				
			}
	
	#bottomContent {
	}
		/*	videoBlock Styles */
		.videoBlock {
			margin:136px 0 80px 0;
			width:432px;
			display:inline-block;
		}
		.videoBlock .videoHeader {	
		}	
			.videoBlock h2.h2_videoBlock {
				padding:0 0 12px 0;
				width:101px; height:40px;
				background:url(../../images/h2_videos.png) 0 0 no-repeat;
				float:left;
			}
				.videoBlock a.btn_morePink {
					margin:8px 0 0 0;
					width:79px; height:29px;
					background:url(../../images/btn_morePink.png) 0 0 no-repeat;
					display:block;
					float:right;
				}
					.videoBlock a.btn_morePink:hover {
						background-position:bottom;
					}
				.videoBlock .entry {
					margin:3px 10px 0 0;
					width:205px;
					float:left;
					text-align:center;
					display:inline;
				}
					.videoBlock .entry .video a {
						border:2px solid #ff006e;
						display:block;
						float:left;
					}
						.videoBlock .entry .video a:hover {
							border:2px solid #900040;
						}
					.videoBlock .title a {
						margin:3px 0 0 0;
						font:normal 19px Arial, Helvetica, sans-serif;
						color:#ff006e;
					}
						.videoBlock .title a:hover {
							color:#fff;
							background:#ff006e;
					}

		/*	tourBlock styles	*/	
		.tourBlock { 
			margin:0 0 95px 0;
			width:432px;
			display:inline-block;
			overflow:hidden;
		}
		.tourBlock .tourHeader {	
		}
			.tourBlock h2.h2_tour {
				padding:0 0 12px 0;
				width:172px; height:38px;
				background:url(../../images/h2_tourDates.png) 0 0 no-repeat;
				float:left;
			}
			.tourBlock a.btn_moreYellowBlack {
				margin:8px 0 0 0;
				width:79px; height:29px;
				background:url(../../images/btn_moreYellowBlack.png) 0 0 no-repeat;
				display:block;
				float:right;
			}
				.tourBlock a.btn_moreYellowBlack:hover {
					background-position:bottom;
				}
			.tourBlock table {
				float:left;
			}
				.tourBlock col#dateCol {
				}
				.tourBlock col#venueCol {
				}
				.tourBlock col#locationCol {
				}
				#mainCol thead {	
				}
					#mainCol thead th {
					}
						#mainCol thead th.thDate {
						}
						#mainCol thead th.thVenue {
						}
						#mainCol thead th.thCity {
						}
						#mainCol thead th.thBuy {	
						}
				.tourBlock tbody {		
				}
				.tourBlock tbody tr {
				}
					.tourBlock tbody tr td {
						padding:4px 0 5px 0;
						width:95px;
						vertical-align:text-top;
					}
						.tourBlock tbody tr td.date {
							font:bold 10px Verdana, Arial, Helvetica, sans-serif;
							color:#949493;
						}
						.tourBlock tbody tr td.venue {
							width:190px;
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#fdfb05;
						}
							.tourBlock tbody tr td.venue a {
								font:bold 11px Arial, Helvetica, sans-serif;
								color:#fdfb05;
							}
								.tourBlock tbody tr td.venue a:hover {
									font:bold 11px Arial, Helvetica, sans-serif;
									color:#fff;
									background:#ff006e;
								}
						.tourBlock tbody tr td.city {
							width:125px;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#fff;
						}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	altCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	/*	newsBlock Styles */
	.newsBlock {
		width:230px; height:480px;
		margin:88px 0 0 5px;
		overflow:hidden;
	}
	.newsBlock .newsHeader {
		width:210px;
	}
		.newsBlock h2.h2_newsBlock {
			width:68px; height:38px;
			background:url(../../images/h2_news.png) 0 0 no-repeat;
			float:left;
		}
			.newsBlock a.btn_moreYellowBlack {
				width:79px; height:29px;
				background:url(../../images/btn_moreYellowPink.png) 0 0 no-repeat;
				display:inline-block;
				float:right;
			}
				.newsBlock a.btn_moreYellowBlack:hover {
					background-position:bottom;
				}
		.newsBlock .entry {
			padding:17px 0 7px 0;
			width:225px;
		}
			.newsBlock .entry .date {
				margin:0 0 4px 0;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#900040;
				display:block;
			}
			.newsBlock .entry h4 a {
				margin:3px 0 5px 0;
				font:bold 14px Arial, Helvetica, sans-serif;
				line-height:16px;
				color:#fdfb05;	
			}
				.newsBlock .entry h4 a:hover {
					color:#fff;
					background:#000;
				}
				.newsBlock .entry p {
					margin:4px 0 0 0;
					height:45px;
					overflow:hidden;
					font:normal 11px Arial, Helvetica, sans-serif;
					line-height:15px;
					color:#fff;
					display:block;
				}
				.newsBlock .entry .readMore a {
					margin:7px 5px 0 0; padding:1px 0 0 0;
					width:70px; height:15px;
					background:#900040;
					text-align:center;
					font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					color:#fff;
					border-bottom:1px solid #fff;
					border-right:1px solid #fff;
					display:block;
				}
					.newsBlock .entry .readMore a:hover {
						margin:8px 5px 0 1px; padding:1px 0 0 0;
						height:15px;
						border:none;
					}
				
	/*	loginHome Styles NOT logged in */
	.loginHome {
		margin:75px 0 0 4px;
		width:292px;
	}
		.loginHome h2.h2_loginHome {
			margin:0 0 2px 0;
			width:97px; height:23px;
			background:url(../../images/h2_community.png) 0 0 no-repeat;
		}
		.loginHome .user img {
			margin:0 12px 0 21px;
			padding:1px;
			text-align:center;
			border:2px solid #fa006f;
			float:left;
			background:#fff;
			display:inline-block;
		}
		.loginHome .info {
			width:180px;
			float:left;
		}
			.loginHome .info p {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:000;
				display:block;
			}
			.loginHome .info .btnHolder {
				width:165px;
			}
			.loginHome .info .logIn a {
				margin:5px 5px 0 0; padding:1px 0 0 0;
				width:63px; height:15px;
				background:#900040;
				float:left;
				text-align:center;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				border-bottom:1px solid #000;
				border-right:1px solid #000;
			}
				.loginHome .info .logIn a:hover {
					margin:6px 5px 0 1px; padding:1px 0 0 0;
					height:15px;
					border:none;
				}
			.loginHome .info .signUp a {
				margin:5px 0 0 0; padding:1px 0 0 0;
				width:63px; height:15px;
				background:#900040;
				float:left;
				text-align:center;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				border-bottom:1px solid #000;
				border-right:1px solid #000;
			}
				.loginHome .info .signUp a:hover {
					margin:6px 5px 0 1px; padding:1px 0 0 0;
					height:15px;
					border:none;
				}
				
			.loginHome .info .btnHolder .openID {
				width:161px; height:16px;
				display:block;
			}
				.loginHome .info .btnHolder .openID img {
					margin:3px 0 0 0;
					border:none;
					background:none;
				}
	
	/* loginHome Styles logged in */
	.loggedIn {
		margin:74px 0 0 25px;
		width:255px;
	}
		.loggedIn h2.h2_loginBlock {
			margin:0 0 2px 0;
			width:105px; height:23px;
			background:url(../../images/h3_communityPink.png) 0 0 no-repeat;
		}
		.loggedIn .user a {
			margin:0 7px 0 0; padding:1px;
			text-align:center;
			border:2px solid #900040;
			float:left;
			background:#fff;
			display:inline-block;
		}
			.loggedIn .user a:hover {
				border:2px solid #ff006e;
			}
		.loggedIn .info {
			margin:2px 0 3px 2px;
			width:180px;
			float:left;
		}
			.loggedIn .info p {
				font:normal 11px Arial, Helvetica, sans-serif;
				color:000;
				display:block;
			}
				.loggedIn .info .userName a {
					margin:0 0 7px 0;
					width:117px;
					overflow:hidden;
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#ff006e;
				}
					.loggedIn .info .userName a:hover {
						color:#900040;
					}
			.loggedIn .control {
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#5d022b;
				float:left;
			}
				.loggedIn .control a {
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#ff006e;
				}
					.loggedIn .control a:hover {
						color:#900040;
					}				
			.loggedIn .signOut a {
				margin:6px 0 0 2px; padding:1px 0 0 0;
				width:63px; height:15px;
				background:#900040;
				float:left;
				text-align:center;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				border-bottom:1px solid #000;
				border-right:1px solid #000;
				
			}
				.loggedIn .signOut a:hover {
					margin:7px 0 0 3px; padding:1px 0 0 0;
					height:15px;
					border:none;
				}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	home 728ad styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.ad728Bottom {
		margin:0 auto; padding:2px;
		width:728px; height:91px;
		clear:both;
	}
		.ad728Bottom a img {
			display:block;
			border:none;
		}