@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - UMRG ARTIST
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		umrg_artistpage.css
	Date:			Mar 10, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	headerArea Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#headerArea {
		width:930px; height:433px;
		margin:0 auto;
	}
		#headerArea .holder {
			margin:15px 0 0 0;
		}
			#headerArea .holder .detail {
				width:329px; height:355px;
				margin:0;
				background:#040506;
				display:inline;
				float:left;
			}
				#headerArea .holder .detail .title {
					border-bottom:1px solid #141414;
					height:136px;
					padding:32px 0 0 24px;
					background:#040506;
				}
					#headerArea .holder .detail .title h1 {
							font:normal 28px Arial, Helvetica, sans-serif;
							line-height:22px;
							color:#5ac6f1;
					}
					#headerArea .holder .detail .title .buttons {
						padding:0 32px 0 0;
					}
					#headerArea .holder .detail .title a.btnSRC:link, #headerArea .holder .detail .title a.btnSRC:active, #headerArea .holder .detail .title a.btnSRC:visited {
						width:77px; height:25px;
						margin:17px 0 0 2px;
						background:url(../images/template/srcLogo.gif) 0 0 no-repeat;
						display:block;
						float:left;
					}
						#headerArea .holder .detail .title a.btnSRC:hover {
							background:url(../images/template/srcLogo.gif) 0 0 no-repeat;
						}
					#headerArea .holder .detail .title a.btnVisitSite:link, #headerArea .holder .detail .title a.btnVisitSite:active, #headerArea .holder .detail .title a.btnVisitSite:visited {
						width:98px; height:9px;
						margin:24px 0 0 0;
						background:url(../images/template/btn_visitOfficalSite.gif) 0 0 no-repeat;
						display:block;
						float:right;
					}
						#headerArea .holder .detail .title a.btnVisitSite:hover {
							background:url(../images/template/btn_visitOfficalSite.gif) 0 -9px no-repeat;
						}
				#headerArea .holder .detail .album {
					height:163px;
					padding:23px 0 0 24px;
					background:#040506;
				}
					#headerArea .holder .detail .album .cover {
						width:138px;
						float:left;
					}
						#headerArea .holder .detail .album .cover a.pic:link, #headerArea .holder .detail .album .cover a.pic:visited {
							border:1px solid #16191a;
							display:block;
						}
							#headerArea .holder .detail .album .cover a.pic:active {
								border:1px solid #22c4db;
							}
							/* This was causing problems
							#headerArea .holder .detail .album .cover a.pic:hover {
								border:1px solid #ffffff;
							} */
					#headerArea .holder .detail .album .info {
						width:140px;
						padding:0 0 0 10px;
						float:left;
					}
						#headerArea .holder .detail .album .info h4 {
							margin:0;
							font:normal 21px Arial, Helvetica, sans-serif;
							line-height:16px;
							color:#5ac6f1;
						}
							#headerArea .holder .detail .album .info h4 a:link, #headerArea .holder .detail .album .info h4 a:active, #headerArea .holder .detail .album .info h4 a:visited {
								color:#5ac6f1;
							}
								#headerArea .holder .detail .album .info h4 a:hover {
									color:#ffffff;
								}
						#headerArea .holder .detail .album .info h5 {
							margin:7px 0 0 0;
							font:normal 14px Arial, Helvetica, sans-serif;
							color:#819196;
						}
						#headerArea .holder .detail .album .info ul.buttons {
							margin:20px 0 0 0; padding:0;
							list-style:none;
						}
							#headerArea .holder .detail .album .info ul.buttons li {
								display:inline;
							}
						#headerArea a.btnItunes:link, #headerArea a.btnItunes:active, #headerArea a.btnItunes:visited {
							width:49px; height:12px;
							margin:0; padding:0;
							display:block;
							background:url(../images/template/btn_itunesBlk.gif) 0 0 no-repeat;
						}
							#headerArea a.btnItunes:hover {
								background:url(../images/template/btn_itunesBlk.gif) 0 -12px no-repeat;
							}
						#headerArea a.btnAmazon:link, #headerArea a.btnAmazon:active, #headerArea a.btnAmazon:visited {
							width:49px; height:12px;
							margin:0; padding:0;
							display:block;
							background:url(../images/template/btn_amazonBlk.gif) 0 0 no-repeat;
						}
							#headerArea a.btnAmazon:hover {
								background:url(../images/template/btn_amazonBlk.gif) 0 -12px no-repeat;
							}
							
			#headerArea .holder .artist {
				width:595px; height:355px;
				margin:0 0 0 5px;
				float:left;
			}
				#headerArea .holder .artist .cover {
					width:136px; height:136px;
				}
				
			img.cover {
                width:135px;
                height:135px;
            }
            img.bigPic {
                width:595px;
                height:355px;
            }
				
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainOuter {
		background:#1e2325 url(../images/template/navBG.jpg) 0 333px repeat-x;
	}
	#main {
		width:100%;
	}
	#mainCol {
		background:#1a1e1f;
	}
	#contentSpace {
		margin:0 auto;
		background:#1f272a url(../images/template/contentBG.jpg) repeat-x;
	}
	#navBar {
		border:0;
		width:930px; height:53px;
		margin:0 auto; padding:0;
		text-align:center;
		border-bottom:0;
		background:#1e2325;
	}
/*	newReleases
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #newReleases {
		width:566px;
		float:none; clear:both;
	}
		#mainCol #newReleases h1 {
			margin:0 0 14px 0; padding:0;
			font:bold 14px Arial, Helvetica, sans-serif;
			color:#22c4db;
			width:494px; float:left;
		}
		#mainCol #newReleases .holder {
			width:535px;
			background:#16191a;
			margin:0 0 1px 0; padding:19px 0 2px 31px;
			color:#464e54;
			font:normal 11px Arial, Helvetica, sans-serif;
		}
		#mainCol #newReleases .feature {
			margin:0 0 1px 0; padding:19px 0 22px 31px;
		}
			#mainCol #newReleases .feature h3 {
				color:#464e54;
				font:bold 11px Arial, Helvetica, sans-serif;
				line-height:11px;
				margin:4px 0 3px 0; padding:0;
			}
			#mainCol #newReleases .feature h4 {
				color:#464e54;
				font:normal 11px Arial, Helvetica, sans-serif;
				line-height:11px;
				margin:2px 0; padding:0;
			}
			#mainCol #newReleases .feature .content {
				width:389px;
				float:left;
			}
				#mainCol #newReleases .feature .content .img {
					margin:0 0 7px 0;
				}
				#mainCol #newReleases .feature .content p {
					width:347px;
					margin:0 0 6px 0; padding:0;
				}
			#mainCol #newReleases .feature .album {
				float:left;
				width:124px;
				color:#464e54;
			}
				#mainCol #newReleases .feature .album p {
					margin:2px 0 6px 0; padding:0;
				}
		#mainCol #newReleases .holder .item {
			width:151px;
			height:260px;
			color:#464e54;
			font:normal 11px Arial, Helvetica, sans-serif;
			margin:0 27px 20px 0; padding:0;
			float:left;
			display:inline;
		}
			#mainCol #newReleases .holder .item a.img:link, #mainCol #newReleases .holder .item a.img:visited {
				margin:8px 0px;
				border:1px solid #16191a;
				display:block;
			}
				#mainCol #newReleases .holder .item a.img:active {
					border:1px solid #22c4db;
				}
				#mainCol #newReleases .holder .item a.img:hover {
					border:1px solid #ffffff;
				}
			#mainCol #newReleases .holder .item h3 {
				color:#7095a1;
				margin:8px 0 2px 0; padding:0;
				font:bold 11px Arial, Helvetica, sans-serif;
			}
			#mainCol #newReleases .holder .item p {
				margin:0 0 8px 0; padding:0;
			}
			
			
			#mainCol a.btnItunes:link, #mainCol a.btnItunes:active, #mainCol a.btnItunes:visited {
				width:49px; height:12px;
				margin:0; padding:0;
				display:block;
				background:url(../images/template/btn_itunes.gif) 0 0 no-repeat;
			}
				#mainCol a.btnItunes:hover {
					background:url(../images/template/btn_itunes.gif) 0 -12px no-repeat;
				}
			
			
			#mainCol a.btnAmazon:link, #mainCol a.btnAmazon:active, #mainCol a.btnAmazon:visited {
				width:49px; height:12px;
				margin:0; padding:0;
				display:block;
				background:url(../images/template/btn_amazon.gif) 0 0 no-repeat;
			}
				#mainCol a.btnAmazon:hover {
					background:url(../images/template/btn_amazon.gif) 0 -12px no-repeat;
				}
			
			#mainCol a.btnWatchVideoNow:link, #mainCol a.btnWatchVideoNow:active, #mainCol a.btnWatchVideoNow:visited {
				width:75px; height:12px;
				margin:0; padding:0;
				display:block;
				background:url(../images/template/btn_watchVideoNow.gif) 0 0 no-repeat;
			}
				#mainCol a.btnWatchVideoNow:hover {
					background:url(../images/template/btn_watchVideoNow.gif) 0 -12px no-repeat;
				}
			
			

					
	/*	popular
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #popular {
			margin:0; padding:30px 0px 22px 22px;
			width:544px;
			background:#16191a;
			float:none; clear:both;
		}
		#mainCol #popular h1 {
			margin:0 0 25px 0; padding:0;
			font:bold 14px Arial, Helvetica, sans-serif;
			color:#55626a;
		}
		#mainCol #popular .item {
			/*width:566px;
			background:#16191a;
			margin:0 0 1px 0; padding:32px 32px 6px 32px;*/
		}
				#mainCol #popular .item .content {
					width:502px; height:85px;
					background:#101b20;
					margin:1px 0; padding:10px;
					float:left;
					color:#9eacb2;
					font:normal 11px Arial, Helvetica, sans-serif;
					behavior: url("css/IEFixes.htc");
				}
					#mainCol #popular .item .content.hover, #mainCol #popular .item .content:hover{
						background:#223a44;
					}
				#mainCol #popular .itemEven .content {
					width:502px; height:85px;
					background:#151f24;
					margin:1px 0; padding:10px;
					float:left;
					color:#9eacb2;
					font:normal 11px Arial, Helvetica, sans-serif;
					behavior: url("css/IEFixes.htc");
				}
					#mainCol #popular .itemEven .content.hover, #mainCol #popular .itemEven .content:hover{
						background:#223a44;
					}
				#mainCol #popular .content .video {
					width:76px; height:57px;
					padding:0; margin:0 10px 0 0;
					float:left;
				}
					#mainCol #popular .content .video a:link, #mainCol #popular .content .video a:visited {
						margin:0px;
						border:1px solid #193b49;
						display:block;
						text-decoration:none;
					}
						#mainCol #popular .content .video a:active {
							margin:0;
							border:1px solid #5ac6f1;
						}
						#mainCol #popular .content .video a:hover {
							margin:0;
							border:1px solid #ffffff;
						}
				#mainCol #popular .content .time{
					font:normal 9px Arial, Helvetica, sans-serif;
				}
				#mainCol #popular .content h3 {
					color:#9eacb2;
					font:normal 12px Arial, Helvetica, sans-serif;
					margin:0; padding:0;
				}
					#mainCol #popular .content h3 a:link, #mainCol #popular .content h3 a:visited, #mainCol #popular .content h3 a:active {
						color:#9eacb2;
						text-decoration:none;
					}
					#mainCol #popular .content h3 a:hover {
						color:#5ac6f1;
					}
				#mainCol #popular .content p {
					margin:10px 0 0 0; padding:0;
					font:normal 10px Arial, Helvetica, sans-serif;
				}	
			#mainCol #popular .content .buttons {
				margin:6px 0 0 85px;
			}
				#mainCol #popular .content a.btnPlay:link, #mainCol #popular .content a.btnPlay:active, #mainCol #popular .content a.btnPlay:visited {
					width:31px; height:12px;
					display:block;
					margin:4px 0 0 0; padding:0 0 0 13px;
					font:normal 9px Arial, Helvetica, sans-serif;
					background:url(../images/templates/btn_play.gif) 0 0 no-repeat;
					float:left;
					color:#9eacb2;
				}
					#mainCol #popular .content a.btnPlay:hover {
						background:url(../images/templates/btn_play.gif) 0 -12px no-repeat;
						color:#5ac6f1;
						text-decoration:none;
					}
				#mainCol #popular .content .views {
					margin:2px 0 0 42px; padding:0;
					font:normal 9px Arial, Helvetica, sans-serif;
					display:block;
					float:left;
				}
					#mainCol #popular .content .views .viewNum{
						font:bold 11px Arial, Helvetica, sans-serif;
					}
				#mainCol #popular .content .rating {
					margin:4px 0 0 30px; padding:0;
					font:normal 9px Arial, Helvetica, sans-serif;
					display:block;
					float:left;
				}
				#mainCol #popular .content .stars {
					margin:0 0 0 5px;
					width:79px; height:18px;
					background:url(../images/templates/stars_grey.png) no-repeat;
					display:block;
					float:left;
				}
				
				
				
				
	/*	discography
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #discography {
			width:566px;
			float:none; clear:both;
		}
			#mainCol #discography h1 {
				margin:0 0 14px 0; padding:0;
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#22c4db;
				width:494px; float:left;
			}
			#mainCol #discography .holder {
				width:535px;
				background:#16191a;
				margin:0 0 1px 0; padding:19px 0 2px 31px;
				color:#464e54;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
			#mainCol #discography .holder .item {
				width:151px;
				height:260px;
				color:#464e54;
				font:normal 11px Arial, Helvetica, sans-serif;
				margin:0 27px 20px 0; padding:0;
				float:left;
				display:inline;
			}
				#mainCol #discography .holder .item a.img:link, #mainCol #discography .holder .item a.img:visited {
					margin:8px 0px;
					border:1px solid #16191a;
					display:block;
				}
					#mainCol #discography .holder .item a.img:active {
						border:1px solid #22c4db;
					}
					#mainCol #discography .holder .item a.img:hover {
						border:1px solid #ffffff;
					}
				#mainCol #discography .holder .item h3 {
					color:#7095a1;
					margin:8px 0 2px 0; padding:0;
					font:bold 11px Arial, Helvetica, sans-serif;
				}
					#mainCol #discography .holder .item h3 a:link, #mainCol #discography .holder .item h3 a:active, #mainCol #discography .holder .item h3 a:visited {
						color:#7095a1;
					}
						#mainCol #discography .holder .item h3 a:hover {
							color:#ffffff;
						}
				#mainCol #discography .holder .item p {
					margin:0 0 8px 0; padding:0;
				}
			
			
			
			
	/*	album
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #album  {
			width:566px;
			float:none; clear:both;
		}
			#mainCol #album .holder {
				width:535px;
				background:#16191a;
				margin:0 0 1px 0; padding:26px 0 40px 31px;
				color:#464e54;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#mainCol #album .holder a.btnBackToDiscography:link, #mainCol #album .holder a.btnBackToDiscography:active, #mainCol #album .holder a.btnBackToDiscography:visited {
					width:120px; height:9px;
					background:url(../images/template/btn_backToDiscography.gif) 0 0 no-repeat;
					display:block;
				}
					#mainCol #album .holder a.btnBackToDiscography:hover {
						background:url(../images/template/btn_backToDiscography.gif) 0 -9px no-repeat;
					}
				#mainCol #album .holder h1 {
					margin:32px 0 0 0;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#22c4db;
				}
				#mainCol #album .holder p {
					margin:3px 0 0 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					line-height:11px;
				}
				#mainCol #album .holder img {
					margin:25px 0 0 0;
					display:block;
				}
				#mainCol #album .holder h3 {
					width:45px; height:7px;
					margin:25px 0 10px 0;
					background:url(../images/template/hdr_buyNow.gif) no-repeat;
				}
			#mainCol #album .holder #discoTable {
				width:503px;
				margin:33px 0 0 0;
			}
				#discoTable col#songTitleCol {
					width:277px;
				}
				#discoTable col#itunesCol {
					width:51px;
				}
				#discoTable col#amazonCol {
					width:51px;
				}
				#discoTable col#videoCol {
					width:96px;
				}
				#discoTable col#durationCol {
					width:30px;
				}
			#discoTable tbody tr {
				height:24px;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#discoTable tbody tr td.video {
					width:81px;
					padding:0 0 0 15px;
				}
				#discoTable tbody tr td.video a.btnGrey:link, #discoTable tbody tr td.video a.btnGrey:active, #discoTable tbody tr td.video a.btnGrey:visited {
					width:66px; height:14px;
					padding:0 0 0 6px;
					background:url(../images/template/btn_greyBg.gif) no-repeat;
					font:bold 9px Verdana, Arial, Helvetica, sans-serif;
					color:#171d20;
					display:block;
				} 
					#discoTable tbody tr td.video a.btnGrey:hover {
						color:#ffffff;
						text-decoration:none;
					}
				#discoTable tbody tr td.duration {
					width:25px;
					padding:0 0 0 5px;
				}
	/*	song
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #song  {
			width:566px;
			float:none; clear:both;
		}
			#mainCol #song .holder {
				width:535px;
				background:#16191a;
				margin:0 0 1px 0; padding:26px 0 20px 31px;
				color:#464e54;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#mainCol #song .holder a.btnBackToAlbum:link, #mainCol #song .holder a.btnBackToAlbum:active, #mainCol #song .holder a.btnBackToAlbum:visited {
					width:82px; height:9px;
					background:url(../images/template/btn_backToAlbum.gif) 0 0 no-repeat;
					display:block;
				}
					#mainCol #song .holder a.btnBackToAlbum:hover {
						background:url(../images/template/btn_backToAlbum.gif) 0 -9px no-repeat;
					}
			#mainCol #song .holder h1 {
				margin:34px 0 0 0;
				font:bold 14px Arial, Helvetica, sans-serif;
				color:#22c4db;
			}
			#mainCol #song .holder h2 {
				margin:1px 0 0 0;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#7095a1;
			}
			#mainCol #song .holder p {
				margin:0;
				font:normal 11px Arial, Helvetica, sans-serif;
				line-height:11px;
			}
			#mainCol #song .holder a.btnGrey:link, #mainCol #song .holder a.btnGrey:active, #mainCol #song .holder a.btnGrey:visited {
				width:66px; height:14px;
				margin:26px 0 0 0; padding:0 0 0 6px;
				background:url(../images/template/btn_greyBg.gif) no-repeat;
				font:bold 9px Verdana, Arial, Helvetica, sans-serif;
				color:#171d20;
				display:block;
			}
				#mainCol #song .holder a.btnGrey:hover {
					color:#ffffff;
					text-decoration:none;
				}
			#mainCol #song .holder .info {
				width:155px;
				margin:31px 0 0 0;
				float:left;
			}
				#mainCol #song .holder .info h3 {
					width:45px; height:7px;
					margin:30px 0 10px 0;
					background:url(../images/template/hdr_buyNow.gif) no-repeat;
				}
			#mainCol #song .holder .lyric {
				width:341px;
				margin:35px 0 0 0; padding:0 0 0 14px;
				float:left;
			}
				#mainCol #song .holder .lyric p {
					width:328px;
					margin:0 0 12px 0;
					font:normal 13px Arial, Helvetica, sans-serif;
					color:#9aa5a8;
					line-height:16px;
				}