@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - UMRG Video
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		umrg_video.css
	Date:			Feb 26, 2008
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/


/*	--------------------------------------------------------------------------------------------------------------------------
	sideCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	album
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol .album {
		
	}
		#sideCol .album .cover {
			width:98px; height:98px;
			padding:0; margin:0 12px 0 0;
			float:left;
		}
			#sideCol .album .cover a:link, #sideCol .album .cover a:visited {
				margin:1px;
				width:96px; height:96px;
				display:block;
			}
				#sideCol .album .cover a:active {
					margin:0;
					border:1px solid #22c4db;
				}
				#sideCol .album .cover a:hover {
					margin:0;
					border:1px solid #ffffff;
				}
		#sideCol .album .cover img {
			display:block;
		}
		#sideCol .album .info {
			color:#819196;
			float:left;
		}
			#sideCol .album .info h4 {
				font:bold 9px Verdana, Arial, Helvetica, sans-serif;
				margin:0 0 3px 0; padding:0;
			}
				#sideCol .album .info h4 a:link, #sideCol .album .info h4 a:visited {
					text-decoration:none;
					color:#819196;
				}
					#sideCol .album .info h4 a:active {
						color:#22c4db;
					}
					#sideCol .album .info h4 a:hover {
						color:#ffffff;
						text-decoration:underline;
					}
			#sideCol .album .info h5 {
				font:normal 11px Arial, Helvetica, sans-serif;
				margin:3px 0; padding:0;
			}

/*	featured artist
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol #featuredArtist {
		font:normal 11px Arial, Helvetica, sans-serif;
		line-height:13px;
		color:#819196;
	}
		#sideCol #featuredArtist h1 {
			background:url(../images/template/hdr_featuredArtist.gif) no-repeat;
		}
		#sideCol #featuredArtist h2 {
			font:bold 13px Arial, Helvetica, sans-serif;
			color:#7095a1;
			margin:20px 0 7px 0; padding:0;
		}
		#sideCol #featuredArtist p {
			margin:12px 0; padding:0;
		}
		#sideCol #featuredArtist .cover {
			width:135px; height:135px;
			padding:0; margin:0;
			float:left;
		}
			#sideCol #featuredArtist .cover a:link, #sideCol #featuredArtist .cover a:visited {
				margin:1px;
				width:133px; height:133px;
				display:block;
			}
				#sideCol #featuredArtist .cover a:active {
					margin:0;
					border:1px solid #22c4db;
				}
				#sideCol #featuredArtist .cover a:hover {
					margin:0;
					border:1px solid #ffffff;
				}
		#sideCol #featuredArtist .caption {
			margin:0 0 0 10px; padding:10px 0 0 0;
			height:120px; width:100px;
			float:left;
		}
		#sideCol #featuredArtist ul.buttons1 {
			list-style:none;
			margin:9px 0; padding:0;
			width:150px;
			float:left;
		}
			#sideCol #featuredArtist ul.buttons1 li {
				margin:0; padding:1px 0 0 0;
				height:12px;
				font:normal 2px Arial, Helvetica, sans-serif;
				line-height:4px;
			}
		#sideCol #aboutVideo ul.buttons2 {
			list-style:none;
			margin:2px 0 0 18px; padding:0;
			width:80px;
			float:left;
		}
			#sideCol #aboutVideo ul.buttons2 li {
				margin:0 0 9px 0; padding:1px 0 0 0;
				height:12px;
				font:normal 2px Arial, Helvetica, sans-serif;
				line-height:4px;
			}			
	

/*	aboutVideo
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol #aboutVideo {
		font:normal 11px Arial, Helvetica, sans-serif;
		line-height:13px;
		color:#819196;
	}
		#sideCol #aboutVideo h1 {
			background:url(../images/template/hdr_aboutTheVideo.gif) no-repeat;
		}
		#sideCol #aboutVideo h2 {
			font:bold 13px Arial, Helvetica, sans-serif;
			color:#7095a1;
			margin:20px 0 7px 0; padding:0;
		}
		#sideCol #aboutVideo p {
			margin:12px 0; padding:0;
		}
			
/*	buyNow
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol #buyNow {

	}
		#sideCol #buyNow h1 {
			background: url(../images/template/hdr_buyNow.gif) no-repeat;
		}
	

/*	relatedArtists  //uses class in case we want more than 1 per page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol .relatedArtists {

	}
		#sideCol .relatedArtists h1 {
			background: url(../images/template/hdr_relatedArtists.gif) no-repeat;
		}
		#sideCol .relatedArtists ul {
			margin:0; padding:0;
			list-style:none;
		}
			#sideCol .relatedArtists ul li {
				margin:0; padding:0;
				float:left;
			}
				#sideCol .relatedArtists ul li img {
					display:block; margin:0; padding:0;
				}
				#sideCol .relatedArtists ul li a:link, #sideCol .relatedArtists ul li a:visited {
					font:bold 9px Verdana, Arial, Helvetica, sans-serif;
					line-height:10px;
					color:#819196;
					text-decoration:none;
				}
					#sideCol .relatedArtists ul li a:active {
						color:#22c4db;
					}
					#sideCol .relatedArtists ul li a:hover {
						color:#ffffff;
						text-decoration:underline;
					}
			#sideCol .relatedArtists ul li.large {
				width:152px;
			}
			#sideCol .relatedArtists ul li.small {
				width:94px;
				margin:0 0 9px 0;
			}



/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol ul.tabs {
		list-style:none;
		margin:0; padding:0;
			height: 0px;
			visibility: hidden;
			overflow: hidden;
	}
		#mainCol ul.tabs li {
			width:103px; height:17px;
			float:left;
			margin:0 1px 0 0; padding:0;
		}
			#mainCol ul.tabs li a.tabRecent:link, #mainCol ul.tabs li a.tabRecent:visited {
					width:103px; height:17px;
					display:block;
					background:url(../images/template/tab_mostRecent.gif) 0px -51px no-repeat;
				}
					#mainCol ul.tabs li a.tabRecent:active {
						background:url(../images/template/tab_mostRecent.gif) 0px -85px no-repeat;
					}
					#mainCol ul.tabs li a.tabRecent:hover {
						background:url(../images/template/tab_mostRecent.gif) 0px -68px no-repeat;
					}
				mainCol ul.tabs li a.tabPopular:link, #mainCol ul.tabs li a.tabPopular:visited {
					width:103px; height:17px;
					display:block;
					background:url(../images/template/tab_mostPopular.gif) 0px -51px no-repeat;
				}
					#mainCol ul.tabs li a.tabPopular:active {
						background:url(../images/template/tab_mostPopular.gif) 0px -85px no-repeat;
					}
					#mainCol ul.tabs li a.tabPopular:hover {
						background:url(../images/template/tab_mostPopular.gif) 0px -68px no-repeat;
					}
			#mainCol ul.tabs li a.tabNotes:link, #mainCol ul.tabs li a.tabNotes:visited {
				width:103px; height:17px;
				display:block;
				background:url(../images/template/tab_notes.gif) 0px -51px no-repeat;
			}
				#mainCol ul.tabs li a.tabNotes:active {
					background:url(../images/template/tab_notes.gif) 0px -85px no-repeat;
				}
				#mainCol ul.tabs li a.tabNotes:hover {
					background:url(../images/template/tab_notes.gif) 0px -68px no-repeat;
				}
			#mainCol ul.tabs li a.tabComments:link, #mainCol ul.tabs li a.tabComments:visited {
				width:31px; height:15px;
				margin:0; padding:2px 0 0 72px;
				font:normal 9px Arial, Helvetica, sans-serif;
				color:#4b717b;
				text-decoration:none;
				display:block;
				background:url(../images/template/tab_comments.gif) 0px -51px no-repeat;
			}
				#mainCol ul.tabs li a.tabComments:active {
					background:url(../images/template/tab_comments.gif) 0px -85px no-repeat;
				}
				#mainCol ul.tabs li a.tabComments:hover {
					background:url(../images/template/tab_comments.gif) 0px -68px no-repeat;
				}
			#mainCol ul.tabs li span.tabNotes {
				width:103px; height:17px;
				display:block;
				background:url(../images/template/tab_notes.gif) 0px -34px no-repeat;
			}
			#mainCol ul.tabs li span.tabComments {
				width:31px; height:15px;
				margin:0; padding:2px 0 0 72px;
				font:normal 9px Arial, Helvetica, sans-serif;
				color:#4b717b;
				text-decoration:none;
				display:block;
				background:url(../images/template/tab_comments.gif) 0px -34px no-repeat;
			}
			#mainCol ul.tabs li span.tabPopular {
				width:31px; height:15px;
				margin:0; padding:2px 0 0 72px;
				text-decoration:none;
				display:block;
				background:url(../images/template/tab_mostPopular.gif) 0px -34px no-repeat;
			}
		#mainCol ul.tabs li.leaveComment {
			width:98px; height:12px;
			float:right;
			margin:3px 52px 0 0; padding:0;
			display:inline;
		}

	/*	lyrics
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #lyrics {
			width:502px;
			color:#464e54;
			background:#16191a;
			margin:0 0 1px 0; padding:32px 32px 32px 32px;
			font:bold 14px Arial, Helvetica, sans-serif;
			height: 0px;
			visibility: hidden;
			overflow: hidden;
		}

	/*	comments
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #comments {
			width:566px;
			float:none; clear:both;
			height: 0px;
			visibility: hidden;
			overflow: hidden;
		}
		#mainCol #comments .item {
			width:502px;
			background:#16191a;
			margin:0 0 1px 0; padding:32px 32px 6px 32px;
		}
			#mainCol #comments .item .content {
				width:352px;
				margin:0 45px 0 0;
				float:left;
				color:#464e54;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#mainCol #comments .item .content h3 {
					color:#55626a;
					font:bold 14px Arial, Helvetica, sans-serif;
					margin:0 0 20px 0; padding:0;
				}
				#mainCol #comments .item .content p {
					margin:20px 0 18px 0; padding:0;
				}
					#mainCol #comments .item .content p.date {
						color:#384c4d;
						font:bold 9px Verdana, Arial, Helvetica, sans-serif;
						margin:18px 0; padding:0;
					}
			#mainCol #comments .item .profile {
				width:105px;
				float:left;
				color:#464e54;
				font:normal 11px Arial, Helvetica, sans-serif;
			}
				#mainCol #comments .item .profile .pic {
					width:52px; height:52px;
					padding:6px;
					background:#1b292c;
				}
					#mainCol #comments .item .profile .pic a:link, #mainCol #comments .item .profile .pic a:visited {
						border:1px solid #1b292c;
						display:block;
					}
					#mainCol #comments .item .profile .pic a:active {
						border:1px solid #22c4db;
					}
					#mainCol #comments .item .profile .pic a:hover {
						border:1px solid #ffffff;
					}
					.pic img {
						display:block;
					}
				.profile ul.links {
					list-style:none;
					margin:0; padding:0;
				}
					.profile ul.links li {
						margin:7px 0 0 0;
					}
					
	/*	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/template/btn_play.gif) 0 0 no-repeat;
					float:left;
					color:#9eacb2;
				}
					#mainCol #popular .content a.btnPlay:hover {
						background:url(../images/template/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/template/stars_grey.png) no-repeat;
					display:block;
					float:left;
				}