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


	
/*	--------------------------------------------------------------------------------------------------------------------------
	sideCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
/*	bloggerProfile
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#sideCol #bloggerProfile {
		font:normal 11px Arial, Helvetica, sans-serif;
		line-height:13px;
		color:#819196;
	}
		#sideCol #bloggerProfile h1 {
			background:url(../images/template/hdr_bloggerProfile.gif) no-repeat;
		}
		#sideCol #bloggerProfile h2 {
			font:bold 13px Arial, Helvetica, sans-serif;
			color:#7095a1;
			margin:20px 0 7px 0; padding:0;
		}
		#sideCol #bloggerProfile a.pic:link, #sideCol #bloggerProfile a.pic:visited {
			margin:0; padding:1px;
			width:180px; height:135px;
			display:block;
		}
			#sideCol #bloggerProfile a.pic:active {
				padding:0;
				border:1px solid #22c4db;
			}
			#sideCol #bloggerProfile a.pic:hover {
				padding:0;
				border:1px solid #ffffff;
			}
		#sideCol #bloggerProfile p {
			margin:12px 0; padding:0;
		}
		
		#sideCol #bloggerProfile p a:link, #sideCol #bloggerProfile p a:visited {
				color:#4b717b;
				font:bold 9px Verdana, Arial, Helvetica, sans-serif;
				text-decoration:none;
				padding:1px 0 0 1px;
			}
				#sideCol #bloggerProfile p a:active {
					color:#22c4db;
				}
				#sideCol #bloggerProfile p a:hover {
					color:#ffffff;
					text-decoration:underline;
				}



/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/


	/*	comments
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol #comments {
			width:566px;
			float:none; clear:both;
		}
		#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;
				}