@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:url(../../images/bg_body.jpg) top center repeat;
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
		color:#161211;
	}
	.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%;
	}
	.noBorder {
		background:0 !important;
		border:0 !important;
	}
	
	#main {
		margin:0 auto; padding:14px 17px 0 13px;
		width:930px;
		background:url(../../images/bg_cm.png) center top no-repeat;
	}
	a:link, a:visited {
		text-decoration:none;
		color:#a00800;
		outline:none;
	}
		a:hover, a:active {
			color:#fff;
		}
	#bodyTop {
		background:url(../../images/bg_body_top.jpg) top center repeat-x;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	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:320px;
			list-style:none;
			float:right;
		}	
		ul.listLinks li {
			display:inline;
			float:left;
		}
		ul.listLinks li#fblike {
			width:100px;
			margin:8px 0 0 22px;
		}
		/* 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:0 auto;
		width:728px; height:90px;
	}
		.ad728x90 img {
			display:block;
		} 
/*	--------------------------------------------------------------------------------------------------------------------------
	header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header {
		padding:88px 0 0 0;
	}
		#header #albumBuyer {
			padding:277px 0 0 0;
			width:181px;
			background:url(../../images/bg_albumBuyer.png) top center no-repeat;
			float:left;
		}
		#header #albumBuyer a.btn_preOrder {
			width:183px; height:47px;
			background:url(../../images/btn_preOrder.png) top center no-repeat;
			display:block;
		}
			#header #albumBuyer a.btn_preOrder:hover {
				
			}
		#header .content {
			padding:102px 0 0 0;
			width:192px;
			float:right;
		}
			#header .content .socialLinks {
			
			}
				#header .content .socialLinks h2 {
					width:192px; height:34px;
					background:url(../../images/h2_connectWith.png) no-repeat;
				}
				#header .content .socialLinks ul {
					padding:8px 0 0 56px;
				}
					#header .content .socialLinks ul li {
						margin:0 5px 0 0;
						width:36px;
						display:inline;
						float:left;
					}
			#header .content #loginBlock {
				margin:14px 0 0 0;
				background:url(../../images/bg_logContent.png) repeat-y;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#8c5a20;
			}
			#header .content #loginBlock .top {
				background:url(../../images/bg_logTop.png) 0 top no-repeat;
			}
			#header .content #loginBlock .bottom {
				padding:7px 15px 8px 16px;
				background:url(../../images/bg_logBottom.png) 0 bottom no-repeat;
				word-wrap:break-word;
			}
				#header .content #loginBlock a {
					text-decoration:underline;
				}
					#header .content #loginBlock a:hover {
						
					}
				#header .content #loginBlock .user {
					
				}
					#header .content #loginBlock a.user {
						
					}
						#header .content #loginBlock a.user:hover {
						
						}
				#header .content #loginBlock .option {
					margin:6px 0 0 0;
					color:#a8512b;
				}	
					#header .content #loginBlock .option a {
						text-decoration:none;
					}
						#header .content #loginBlock .option a:hover {
							
						}
					#header .content #loginBlock .option a.logout {
						text-decoration:underline;
					}
						#header .content #loginBlock .option a.logout:hover {
							
						}
			#header .content #mediaPlayer {
				margin:25px 0 10px 0;
				width:192px; height:52px;
				font:normal 12px Verdana, Arial, Helvetica, sans-serif;
				text-align:center;
			}
				#header .content #flashHolder {
					
				}
					#header .content #flashHolder p {
						padding:10px 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 0;
		list-style:none;
	}
		ul#navBar li {
			float:left;
			display:inline;
		}
			ul#navBar li a {
				height:48px;
				background:url(../../images/navBar_full.png) 0 0 no-repeat;
				display:block;
			}
		/*home*/
		ul#navBar a.navHome {
			width:75px; 
			background-position:-1px 0;
		}
			ul#navBar a.navHome:hover {
				background-position:-1px -48px;
			}
		/*bio*/
		ul#navBar a.navBio {
			width:42px;
			background-position: -76px 0;
		}
			ul#navBar a.navBio:hover {
				background-position: -76px -48px;
			}
		/*News*/
		ul#navBar a.navNews {
			width:59px;
			background-position: -118px 0;
		}
			ul#navBar a.navNews:hover {
				background-position: -118px -48px;
			}
		/*Blog*/
		ul#navBar a.navBlog {
			width:50px;
			background-position: -177px 0;
		}
			ul#navBar a.navBlog:hover {
				background-position: -177px -48px;
			}
		/*Videos*/
		ul#navBar a.navVideos {
			width:64px;
			background-position: -227px 0;
		}
			ul#navBar a.navVideos:hover {
				background-position: -227px -48px;
			}
		/*Photos*/
		ul#navBar a.navPhotos {
			width:70px;
			background-position: -291px 0;
		}
			ul#navBar a.navPhotos:hover {
				background-position: -291px -48px;
			}
		/*Epiphany*/
		ul#navBar a.navEpiphany {
			width:97px;
			background-position: -361px 0;
		}
			ul#navBar a.navEpiphany:hover {
				background-position: -361px -48px;
			}
		/*Discography*/
		ul#navBar a.navDiscography {
			width:106px;
			background-position: -458px 0;
		}
			ul#navBar a.navDiscography:hover {
				background-position: -458px -48px;
			}
		/*CMTV*/
		ul#navBar a.navCMTV {
			width:67px;
			background-position: -564px 0;
		}
			ul#navBar a.navCMTV:hover {
				background-position: -564px -48px;
			}
		/*Extras*/
		ul#navBar a.navExtras {
			width:68px;
			background-position: -631px 0;
		}
			ul#navBar a.navExtras:hover {
				background-position: -631px -48px;
			}
		/*Community*/
		ul#navBar a.navCommunity {
			width:101px;
			background-position: -699px 0;
		}
			ul#navBar a.navCommunity:hover {
				background-position: -699px -48px;
			}
		/*Mobile*/
		ul#navBar a.navMobile {
			width:68px;
			background-position: -800px 0;
		}
			ul#navBar a.navMobile:hover {
				background-position: -800px -48px;
			}
		/*Tour*/
		ul#navBar a.navTour {
			width:63px;
			background-position: -868px 0;
		}
			ul#navBar a.navTour:hover {
				background-position: -868px -48px;
			}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.contentSpace {
		padding:8px 0 0 0;
		overflow:hidden;
	}
		.contentSpace .mainCol {
			width:616px;
			background:url(../../images/bg_content.png) repeat;
			float:left;
		}
		.contentSpace .mainCol .top {
			background:url(../../images/bg_top.png) 0 42px repeat-x;
		}
		.contentSpace .mainCol .bottomCol {
			padding:0 0 30px 0;
			background:url(../../images/bg_bottom.png) 0 bottom repeat-x;
		}
			.contentSpace .mainCol .header {
				padding:15px 0 0 0;
				height:27px;
				background:url(../../images/header.png) top center repeat-x;
			}
				.contentSpace .mainCol .header h1 {
					margin:0 auto;
					height:13px;
				}
		.contentSpace .altCol {
			width:303px;
			float:right;
		}
			.contentSpace .altCol .top {
				background:url(../../images/bg_top.png) 0 42px repeat-x;
			}
			.contentSpace .altCol .bottomCol {
				background:url(../../images/bg_bottom.png) 0 bottom repeat-x;
			}
				.altCol .header {
					padding:15px 0 0 0;
					height:27px;
					background:url(../../images/header.png) top center repeat-x;
				}
					.altCol .header h2 {
						margin:0 auto;
					}
			/*adBlock*/
			.contentSpace .altCol #adBlock {
				margin:0 0 15px 0; padding:1px 0 0 1px;
				width:301px; height:251px;
				background:#f4c777;
			}
				.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:#161211;
		}
			.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:#161211;
				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;
		text-align:center;
		font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		margin:13px 0 18px 0; padding:15px 0 0 26px;
		height:28px;
		background:url(../../images/bg_footer.png) top center no-repeat;
		font-family:"Myriad Pro", Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fff;
	}
		#footer a {
			color:#f1aa70;
		}
			#footer a:hover {
				color:#fff;
			}
		#footer .copy {
			width:440px;
			padding:5px 0 0 0;
			float:left;
		}
			#footer .copy .siteBy {
				font-size:10px;
			}
				#footer .copy .siteBy a {
					color:#fff;
				}
					#footer .copy .siteBy a .peach {
						color:#f1aa70;
					}
					#footer .copy .siteBy a:hover {
						color:#f1aa70;
					}
		#footer .privacy {
			width:85px;
			padding:5px 0 0 0;
			float:right;
		}
		#footer a.microgroove {
			width:153px; height:23px;
			padding:0 10px 0 0;
			float:right;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	comments Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.mainCol #comments {
		margin:75px 0 0 0;
	}
		.mainCol #comments .header {
			padding:0;
			height:32px;
			background:url(../../images/dash.png) 0 bottom repeat-x;
		}
			.mainCol #comments .header h2#h2_comments {
				padding:0 0 0 90px;
				height:16px;
				background:url(../../images/h2_comments.png) 0px 4px no-repeat;
				font:normal 16px Arial, Helvetica, sans-serif;
				color:#000;
				float:left;
			}
			.mainCol #comments a.btnPostComment {
				margin:0 0 0 auto;
				width:107px; height:24px;
				display:block;
				background:url(../../images/btn_postComment.png) center top no-repeat;
			}
				.mainCol #comments a.btnPostComment:hover {
					background-position:bottom;
				}
			.mainCol #comments .header a.btnPostComment {
				margin:0;
				float:right;
				clear:right !important;
			}
			
		.mainCol #comments ul {
			margin:10px 0 0 0;
			list-style:none;
		}
			.mainCol #comments ul li {
				margin:0 0 10px 0; padding:0 0 20px 0;
				background:url(../../images/dash.png) 0 bottom repeat-x;
				text-align:left;
			}
				.mainCol #comments ul li .tagBottom {
				
				}
				.mainCol #comments ul li .tag {
					padding:10px 0 0 0;
				}
				.mainCol #comments ul li .text {
					padding:5px 20px 5px 20px;
				}
					.mainCol #comments ul li .text h2 {
						font:bold 13px Verdana, Arial, Helvetica, sans-serif;
						color:#a00800;
					}
						.mainCol #comments ul li .text h2 a {
							font-size:13px;
						}
							.mainCol #comments ul li .text h2 a:hover {
							
							}
					.mainCol #comments ul li .text p {
						margin:10px 0 0 0 !important;
					}
							
				.mainCol #comments ul li .post {
					padding:5px 0 0 20px;
					font:normal 9px Verdana, Arial, Helvetica, sans-serif;
				}
					.mainCol #comments ul li .post a {
						font:italic 11px Verdana, Arial, Helvetica, sans-serif;
					}
						.mainCol #comments ul li .post a:hover {
						
						}
					.mainCol #comments ul li .post a.name {
						color:#0f4863;
					}
					.mainCol #comments ul li .post .blue {
						color:#0f4863;
						font:italic 11px Verdana, Arial, Helvetica, sans-serif;
					}