@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CHRISETTE MICHELE MAIN
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cm_main.css
	Date:			April 22, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	@import url("cm_components.css");
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	body {
		background:#58796b url(../../images/bg_body.jpg) top center no-repeat;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		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 {
		padding:0 0 0 0;
		width:960px;
		margin:0 auto;
	}
	a:link, a:visited {
		text-decoration:none;
		color:#71d0bf;
	}
		a:hover, a:active {
			color:#b2f2e7;
			text-decoration:none;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	defJamBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#defJamBar {
		height:39px;
		background:url(../../images/defjambar_bg.jpg) 0 0 repeat-x;
	}
	#defJamBar .inner {
		width:936px; height:39px;
		margin:0 auto; padding:0 0 0 24px;
	}
		ul.defJamLinks {
			list-style:none;
			width:440px;
			float:left;
		}	
		ul.defJamLinks li {
			display:inline;
			float:left;
		}
		
		/* def jam */
		ul.defJamLinks li#linkDefJam {
			margin:7px 25px 0 0;
			width:35px; height:28px;
		}
			ul.defJamLinks li#linkDefJam a {
				width:35px; height:28px;
				margin:0; padding:0;
				display:block;
				background:url(../../images/link_defJam.png) no-repeat;
			}
		ul.defJamLinks li a:link, ul.defJamLinks li a:active, ul.defJamLinks li a:visited {
			width:65px; height:15px;
			margin:11px 4px 0 0; padding:4px 0 0 0;
			display:block;
			text-align:center;
			font:normal 10px Arial, Helvetica, sans-serif;
			line-height:10px;
			text-decoration:none;
			color:#c8c8c8;
			background:url(../../images/btn_defJamBar.png) top center no-repeat;
		}
			ul.defJamLinks li a:hover {
				background-position:bottom;
				color:#fff;
			}
					
		ul.listLinks {
			width:225px;
			list-style:none;
			float:right;
		}	
		ul.listLinks li {
			display:inline;
			float:left;
		}
		/* mailing */
		ul.listLinks li#linkMailing {
			margin:10px 22px 0 0;
			width:93px; height:21px;
		}
			li#linkMailing a:link, li#linkMailing a:visited {
				width:93px; height:21px;
				display:block;
				background:url(../../images/link_mailing.png) top center no-repeat;
			}
				li#linkMailing a:active, li#linkMailing a:hover {
					background-position:bottom;
				}
		/* mobile */
		ul.listLinks li#linkMobile {
			margin:4px 0 0 0;
			width:76px; height:25px;
		}
			li#linkMobile a:link, li#linkMobile a:visited {
				width:76px; height:25px;
				display:block;
				background:url(../../images/link_mobile.png) top center no-repeat;
			}
				li#linkMobile a:active, li#linkMobile a:hover {
					background-position:bottom;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	ad728x90 Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.ad728x90 {
		margin:14px 0 0 117px; padding:1px 0 0 1px;
		width:725px; height:87px;
		background:#3b5851;
	}
		.ad728x90 img {
			display:block;
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		margin:12px 0 0 12px; padding:34px 0 0 31px;
		width:900px; height:293px;
		background:url(../../images/bg_header.png) top center no-repeat;
	}
		#header #albumBuyer {
			margin:0 50px 0 0;
			width:568px; height:292px;
			background:url(../../images/bg_albumBuyer.png) top center no-repeat;
			display:inline;
			float:left;
		}
		#header #albumBuyer a.btn_preOrder {
			margin:201px 0 0 284px;
			width:229px; height:91px;
			background:url(../../images/btn_preOrder.png) top center no-repeat;
			display:block;
		}
			#header #albumBuyer a.btn_preOrder:hover {
				background-position:bottom;
			}
		#header .content {
			width:270px;
			float:left;
		}
			#header .content #loginBlock {
				padding:3px 0 0 0;
				height:40px;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
			}
				#header .content #loginBlock a {
					color:#ffa0b7;
					text-decoration:underline;
				}
					#header .content #loginBlock a:hover {
						color:#ffd3de;
					}
				#header .content #loginBlock .user {
					color:#62d9a9;
				}
					#header .content #loginBlock a.user {
						color:#62d9a9;
						text-decoration:none;
					}
						#header .content #loginBlock a.user:hover {
							color:#ffa0b7;
						}
				#header .content #loginBlock .option {
					margin:6px 0 0 0;
					color:#577066;
				}	
					#header .content #loginBlock .option a {
						color:#71d0bf;
						text-decoration:none;
					}
						#header .content #loginBlock .option a:hover {
							color:#b2f2e7;
						}
					#header .content #loginBlock .option a.logout {
						color:#ffa0b7;
						text-decoration:underline;
					}
						#header .content #loginBlock .option a.logout:hover {
							color:#ffd3de;
						}
			#header .content #mediaPlayer {
				margin:0 0 10px 0;
				width:263px; height:89px;
				background:url(../../images/bg_mediaPlayer.png) top center no-repeat;
				font:normal 12px Verdana, Arial, Helvetica, sans-serif;
				color:#fffffb;
				text-align:center;
			}
				#header .content #flashHolder {
					padding:2px 0 0 0;
				}
			#header .content #twitter {
				width:263px; height:145px;
				background:url(../../images/bg_twitter.png) 0 0 no-repeat;
				font:normal 12px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				behavior: url("shared/css/iepngfix.htc");
			}
			#header .content #twitter .header {
				margin:0 0 10px 0; padding:5px 0 0 0;
				width:263px; height:8px;
			}
				#header .content #twitter h1 {
					margin:1px 0 0 10px;
					width:49px; height:12px;
					background:url(../../images/h1_twitter.png) top center no-repeat;
				}
				#header .content #twitter #tweet {
					height:66px;
					padding:0 0 0 11px;
					overflow:hidden;
				}
					#header .content #twitter #tweet p {
						margin:10px 0 0 0;
					}
					#header .content #twitter #tweet ul {
						margin:10px 0 0 0;
						list-style:none;
					}
						#header .content #twitter #tweet ul li {
						
						}
							#header .content #twitter #tweet ul li .postDate {
								font:normal 10px Verdana, Arial, Helvetica, sans-serif;
								color:#FFA0B7;
							}
							#header .content #twitter #tweet ul li p {
								margin:0;
								font:normal 12px Verdana, Arial, Helvetica, sans-serif;
								color:#fff;
							}
				#header .content #twitter .more {
					padding:5px 14px 0 0;
					font:normal 12px Verdana, Arial, Helvetica, sans-serif;
					float:right;
				}
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar {
		margin:12px 0 0 12px;
		width:930px;
		list-style:none;
	}
		ul#navBar li {
			float:left;
			display:inline;
		}
		
		/*home*/
		ul#navBar a.navHome {
			width:69px; height:45px;
			background:url(../../images/navBar_full.png) 0 0 no-repeat;
			display:block;
		}
			ul#navBar a.navHome:hover {
				background-position:0 -45px;
			}
		/*bio*/
		ul#navBar a.navBio {
			width:48px; height:45px;
			background:url(../../images/navBar_full.png) -69px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navBio:hover {
				background-position: -69px -45px;
			}
		/*News*/
		ul#navBar a.navNews {
			width:62px; height:45px;
			background:url(../../images/navBar_full.png) -117px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navNews:hover {
				background-position: -117px -45px;
			}
		/*Blog*/
		ul#navBar a.navBlog {
			width:56px; height:45px;
			background:url(../../images/navBar_full.png) -179px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navBlog:hover {
				background-position: -179px -45px;
			}
		/*Videos*/
		ul#navBar a.navVideos {
			width:70px; height:45px;
			background:url(../../images/navBar_full.png) -235px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navVideos:hover {
				background-position: -235px -45px;
			}
		/*Photos*/
		ul#navBar a.navPhotos {
			width:71px; height:45px;
			background:url(../../images/navBar_full.png) -305px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navPhotos:hover {
				background-position: -305px -45px;
			}
		/*Epiphany*/
		ul#navBar a.navEpiphany {
			width:86px; height:45px;
			background:url(../../images/navBar_full.png) -376px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navEpiphany:hover {
				background-position: -376px -45px;
			}
		/*Discography*/
		ul#navBar a.navDiscography {
			width:105px; height:45px;
			background:url(../../images/navBar_full.png) -462px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navDiscography:hover {
				background-position: -462px -45px;
			}
		/*CMTV*/
		ul#navBar a.navCMTV {
			width:67px; height:45px;
			background:url(../../images/navBar_full.png) -567px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navCMTV:hover {
				background-position: -567px -45px;
			}
		/*Extras*/
		ul#navBar a.navExtras {
			width:66px; height:45px;
			background:url(../../images/navBar_full.png) -634px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navExtras:hover {
				background-position: -634px -45px;
			}
		/*Community*/
		ul#navBar a.navCommunity {
			width:101px; height:45px;
			background:url(../../images/navBar_full.png) -700px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navCommunity:hover {
				background-position: -700px -45px;
			}
		/*Mobile*/
		ul#navBar a.navMobile {
			width:70px; height:45px;
			background:url(../../images/navBar_full.png) -801px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navMobile:hover {
				background-position: -801px -45px;
			}
		/*Tour*/
		ul#navBar a.navTour {
			width:59px; height:45px;
			background:url(../../images/navBar_full.png) -871px 0 no-repeat;
			display:block;
		}
			ul#navBar a.navTour:hover {
				background-position: -871px -45px;
			}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		overflow:hidden;
		padding:8px 0 0 12px;
		width:948px;
	}
		.contentSpace .mainCol {
			margin:0 0 -2000px 0; padding:0 0 2000px 0;
			width:616px;
			float:left;
		}
		.contentSpace .altCol {
			padding:1px 0 0 12px;
			width:303px;
			float:left;
		}
			/*adBlock*/
			.contentSpace .altCol #adBlock {
				margin:0 0 15px 0; padding:1px 0 0 1px;
				width:301px; height:251px;
				background:#3b5851;
			}
				.contentSpace .altCol #adBlock img {
					display:block;
				}
		.columnCap {
			height:8px;
			font-size:1px;
			line-height:1px;
			overflow:hidden;
			background: url(../../images/bottom616.png) 12px bottom no-repeat;
		}
	/* control and pagination styles added */
	.contentSpace .control {
		width:315px; height:26px;
		margin:0 0 15px 0;	
	}
		.contentSpace .control .paging {
			height:26px;
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
			.contentSpace .control .paging .prev {
				width:59px; height:25px;
				margin:0 10px 0 0;
				float:left;
				text-indent:-3000px;
			}
				.contentSpace .control .paging .prev a {
					width:59px; height:25px;
					background:url(../../images/btn_prevNext.png) 0 0 no-repeat;
					display:block;
					outline:none;
				}
				.contentSpace .control .paging .prev a:hover {
					background-position:0 -25px;
					outline:none;
				}
			.contentSpace .control .paging .text {
				margin:6px 10px 0 0;
				font:normal 11px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				display:block;
				float:left;
			}
			.contentSpace .control .paging .next {
				width:59px; height:25px;
				margin:0 10px 0 0;
				float:left;
				text-indent:-3000px;
			}
				.contentSpace .control .paging .next a {
					width:59px; height:25px;
					background:url(../../images/btn_prevNext.png) -60px 0 no-repeat;
					display:block;
					outline:none;
				}
				.contentSpace .control .paging .next a:hover {
					background-position:-60px -25px;
					outline:none;
				}	 

/*	--------------------------------------------------------------------------------------------------------------------------
	noContent Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.noContent {
		margin:0 15px 15px 15px; padding:10px;
		border:dashed 1px #4c645d;
		color:#fff;
		text-align:center;
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:13px 0 8px 12px; padding:20px 0 0 25px;
		width:906px; height:28px;
		background:url(../../images/bg_footer.png) top center no-repeat;
	}
		#footer ul#footerLinks {
			list-style:none;
		}
			#footer ul#footerLinks li {
				display:inline;
				float:left;
			}
				#footer ul#footerLinks li.copyright {
					margin:0 3px 0 0;
					width:77px; height:12px;
					background:url(../../images/bg_copyright2009.png) top center no-repeat;
				}
				#footer ul#footerLinks li.defJam {
					margin:0 2px 0 0;
					width:101px; height:11px;
				}
					#footer ul#footerLinks li.defJam a {
						width:101px; height:11px;
						display:block;
						background:url(../../images/btn_defJamRecordings.png) top center no-repeat;
					}
						#footer ul#footerLinks li.defJam a:hover {
							background-position:bottom;
						}
				#footer ul#footerLinks li.rights {
					margin:0 13px 0 0;
					width:93px; height:11px;
					background:url(../../images/bg_allRightsReserved.png) top center no-repeat;
				}
				#footer ul#footerLinks li.siteBy {
					width:108px; height:11px;
					margin:2px 415px 0 0;
				}
					#footer ul#footerLinks li.siteBy a {
						width:108px; height:11px;
						background:url(../../images/siteByHaloMedia.png) 0 0 no-repeat;
						display:block;
					}
						#footer ul#footerLinks li.siteBy a:hover {
							background-position:0 -14px;
						}
				#footer ul#footerLinks li.privacy {
					width:68px; height:11px;
				}
					#footer ul#footerLinks li.privacy a {
						width:68px; height:12px;
						display:block;
						background:url(../../images/btn_privacyPolicy.png) top center no-repeat;
					}
						#footer ul#footerLinks li.privacy a:hover {
							background-position:bottom;
						}