@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - CHRISETTE MICHELE DISCOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		cm_discography.css
	Date:			April 22, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	navBar active state Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar a.navDiscography {
		background-position: -462px -45px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#discography {
		
	}
		#discography .header {
			padding:16px 13px 0 15px;
			height:25px;
			background:url(../../images/header616.png) top center no-repeat;
		}
			#discography .header h1#h1_discography {
				width:86px; height:17px;
				float:left;
				background:url(../../images/h1_discography.png) top center no-repeat;
			}
			#discography .header a.back {
				padding:0 0 0 10px;
				float:right;
				background:url(../../images/linkArrow_back.png) 0 3px no-repeat;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
			}
				#discography .header a.back:hover {
					color:#b2f2e7;
				}
		#discography ul {
			margin:0 0 -2000px 0; padding: 0 0 2000px 0;
			width:615px;
			border-right:1px solid #4a635d;
			background:#556f67 url(../../images/bg_mainCol.jpg) 0 0 repeat-x;
			list-style:none;
		}
			#discography ul li {
				width:181px; height:297px;
				padding:22px 11px 0 11px;
				float:left;
				border-top:solid 1px #4a635d; border-right:1px solid #69867e; border-bottom:1px solid #69867e; border-left:1px solid #506860;
				text-align:center;
			}
				#discography ul li a.album {
					width:150px; height:161px;
					padding:9px 10px 0 10px;
					display:block;
					background:url(../../images/discography_albumBG.png) 0 0 no-repeat;
				}
			#discography ul h3 {
				margin: 5px 0 8px 0;
			}
				#discography ul h3 a:link, #discography ul h3 a:active, #discography ul h3 a:visited {
					font:bold 14px Verdana, Arial, Helvetica, sans-serif;
					font-style:italic;
					color:#ffa0b7; 
				}
					#discography ul h3 a:hover {
						color:#fff;
					}
			#discography .info {
				margin:0 0 8px 0;
				color:#c2eae3;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			}
			#discography .actions {
				width:100px;
				margin:0 auto;
			}
				#discography .actions a.btn_iTunes {
					width:50px;
					padding:20px 0 0 0;
					color:#ffa0b7;
					float:left;
					font:normal 9px Verdana, Arial, Helvetica, sans-serif;
					text-align:center;
					text-decoration:none;
					background: url(../../images/icon_itunes.png) top center no-repeat;
				}
					#discography .actions a.btn_iTunes:hover {
						color:#fff;
					}
				#discography .actions a.btn_amazon {
					width:50px;
					padding:20px 0 0 0;
					float:left;
					color:#ffa0b7;
					font:normal 9px Verdana, Arial, Helvetica, sans-serif;
					text-align:center;
					text-decoration:none;
					background:url(../../images/icon_amazon.png) top center no-repeat;
				}
					#discography .actions a.btn_amazon:hover {
						color:#fff;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#album Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#album {
		margin:0 0 -2000px 0; padding: 20px 0 2000px 0;
		width:615px;
		border-right:1px solid #4a635d; border-top:1px solid #4a635d;
		background:#556f67 url(../../images/bg_mainCol.jpg) 0 0 repeat-x;
	}
	#album .albumInfo {
		width:220px;
		padding:0 20px 20px 20px;
		text-align:center;
		float:left;
	}
		#album .albumInfo a.album {
			width:200px; height:200px;
			padding:7px 9px 12px 9px;
			display:block;
			background:url(../../images/discography_albumBG200.png) 0 0 no-repeat;
		}
		#album .albumInfo h2 {
			margin:18px 0 4px 0;
			color:#62d9a9;
			font:normal 16px Verdana, Arial, Helvetica, sans-serif;
			font-style:italic;
		}

/*	trackList table 	*/
	#album #trackList {
		width:325px;
		float:left;
	}
		#trackList tr {
			vertical-align:top;
		}
		#trackList h3#h3_trackListing {
			width:95px; height:13px;
			background:url(../../images/h3_tracklisting.png) 0 0 no-repeat;
		}
		#trackList h3#h3_buy {
			width:27px; height:13px;
			background:url(../../images/h3_buy.png) 0 0 no-repeat;
		}
		#trackList .trackTitle {
			width:214px;
			padding:8px 0;
			text-align:left;
		}
			.trackTitle h4 {
				font:normal 12px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
			}
			.trackTitle a {
				margin:0 0 0 16px;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#ffa0b7;
				text-decoration:none;
			}
				.trackTitle a:hover {
					color:#fff;
				}
		#trackList .trackDuration {
			width:43px;
			padding:11px 0 0 0;
			text-align:right;
			font:bold 10px Verdana, Arial, Helvetica, sans-serif;
			color:#c2eae3;
		}
		#trackList .buyLinks {
			padding:8px 0 8px 20px;
			text-align:left;
		}
			.buyLinks a.btn_iTunes {
				width:20px; height:20px;
				display:block;
				float:left;
				background: url(../../images/icon_itunes.png) top center no-repeat;
			}
			.buyLinks a.btn_amazon {
				width:20px; height:20px;
				margin:0 8px 0 0;
				float:left;
				display:block;
				background:url(../../images/icon_amazon.png) top center no-repeat;
			}

/*	#lyrics 	*/
	#album #lyrics {
		width:305px;
		padding:0 0 0 20px;
		float:left;
	}
		#lyrics h3 {
			margin:0 0 4px 0;
			font:bold 16px Verdana, Arial, Helvetica, sans-serif;
			color:#62d9a9;
		}
		#lyrics .info {
			color:#a7ccc1;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		}
		#lyrics .actions {
			margin:8px 0 20px 0;
		}
		#lyrics .post {
			font:normal 11px Verdana, Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#fefefe;
		}