@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CHRISETTE MICHELE Q&A
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cm_qa.css
	Date:			April 23, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar active state Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar a.navCMTV {
		background-position: -567px -45px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#cmTV Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#cmTV {
		width:930px;
	}
		#cmTV .header {
			width:910px; height:28px;
			padding:14px 0 0 20px;
			background:url(../../images/header930.png) 0 0 no-repeat;
		}
			#cmTV h1#h1_chrisetteMicheleTV {
				width:142px; height:13px;
				background:url(../../images/h1_chrisetteMicheleTV.png) 0 0 no-repeat;
			}
		#cmTV .titleBar {
			padding:12px 0;
			background:#55746a;
			border-left:1px solid #49655c; border-right:1px solid #49655c;
			text-align:center;
		}
			#cmTV .titleBar h2 {
				color:#62d9a9;
				font:normal 14px Verdana, Arial, Helvetica, sans-serif;
			}
		#cmTV .body {
			padding:22px 0;
			border:1px solid #49655c; border-bottom:none;
			background:#648178 url(../../images/cmTV_bodyBG.jpg) 0 bottom repeat-x;
		}
			#cmTV .body #kytePlayer {
				width:850px;
				margin:0 auto;
				background:#000;
				color:#fff;
			}
		#cmTV .footer {
			width:930px; height:10px;
			background:url(../../images/bottom930.png) 0 bottom no-repeat;
		}
		.columnCap {
			display:none;
		}	

/*	--------------------------------------------------------------------------------------------------------------------------
	.panel Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.panel {
		width:301px;
		float:left;
	}
		.panel .header {
			width:281px; height:28px;
			padding:14px 0 0 20px;
			background:url(../../images/header301.png) 0 0 no-repeat;
		}
		.panel .body {
			width:299px;
			border:1px solid #49655c; border-bottom:none;
			background:#648178 url(../../images/cmTV_bodyBG.jpg) 0 bottom repeat-x;
		}
		.panel .footer {
			width:281px; height:25px;
			padding: 10px 10px 0 10px;
			background:url(../../images/bottom301.png) 0 0 no-repeat;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			text-align:right;
		}
			.panel .footer a.more {
				padding: 0 0 0 6px;
				color:#fff;
				background:url(../../images/linkArrow.png) 0 2px no-repeat;
			}
				.panel .footer a.more:hover {
					color:#71d0bf;
				}
				

/*	--------------------------------------------------------------------------------------------------------------------------
	#latestNews Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#latestNews {
		margin:0 14px 0 0;
	}
		h1#h1_latestNews {
			width:82px; height:12px;
			background:url(../../images/h1_latestNews.png) 0 0 no-repeat;
		}
	#latestNews .body {
		list-style:none;
	}
		#latestNews .body li {
			padding:10px 18px;
			font:normal 12px Verdana, Arial, Helvetica, sans-serif;
			line-height:18px;
			color:#fffffb;
			border-bottom:1px solid #47625a;
		}
		#latestNews .body h2 {
		
		}
			#latestNews .body h2 a {
				font:bold 13px Verdana, Arial, Helvetica, sans-serif;
				color:#ffa0b7;
			}
				#latestNews .body h2 a:hover {
					color:#fff;
				}
		#latestNews .body .stats {
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			color:#a7ccc1;
		}
			#latestNews .body .stats .altColor {
				color:#516961;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#latestVideos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#latestVideos {
		margin:0 13px 0 0;
	}
		h1#h1_latestVideos {
			width:90px; height:13px;
			background:url(../../images/h1_latestVideos.png) 0 0 no-repeat;
		}
	#latestVideos .body {
		list-style:none;
	}
		#latestVideos .body li {
			padding:10px 18px;
			font:normal 12px Verdana, Arial, Helvetica, sans-serif;
			line-height:18px;
			color:#fffffb;
			border-bottom:1px solid #47625a;
		}
		#latestVideos .body a.screen {
			width:100px; 
			margin:0 12px 0 0; padding:1px;
			background:#fff;
			display:block;
			float:left;
		}
			#latestVideos .body a.screen:hover {
				background:#71d0bf;
			}
		#latestVideos .body .info {
			width:145px;
			float:left;
		}
			#latestVideos .body .info a.btn_watch {
				padding: 0 0 0 6px;
				color:#fff;
				background:url(../../images/linkArrow.png) 0 2px no-repeat;
				font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			}
				#latestVideos .body .info a.btn_watch:hover {
					color:#71d0bf;
				}
		#latestVideos .body h2 {
			margin:0 0 4px 0;
		}
			#latestVideos .body h2 a {
				font:bold 13px Verdana, Arial, Helvetica, sans-serif;
				color:#ffa0b7;
			}
				#latestVideos .body h2 a:hover {
					color:#fff;
				}


/*	--------------------------------------------------------------------------------------------------------------------------
	#recentPhotos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#recentPhotos {
	}
		h1#h1_recentlyAddedPhotos {
			width:160px; height:17px;
			background:url(../../images/h1_recentlyAddedPhotos.png) 0 0 no-repeat;
		}
	#recentPhotos .body {
		list-style:none;
		border-bottom:1px solid #47625a;
	}
		#recentPhotos .body li {
			width:149px; height:133px;
			margin:17px 0 0 0;
			float:left;
			text-align:center;
		}
		#recentPhotos .body a.photo {
			width:80px; height:80px;
			margin:0 auto; padding:6px;
			background: url(../../images/photo_single80.png) 0 0 no-repeat;
			display:block;
		}
		#recentPhotos .body a {
			font:bold 12px Verdana, Arial, Helvetica, sans-serif;
			color:#ffa0b7;
		}
			#recentPhotos .body a:hover {
				color:#fff;
			}