@charset "utf-8";
/*	-------------------------------------------------------------
	CSS -  Videos
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		madcon_videos.css
	Date:			April 21, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Active Nav Button Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#nav ul li.navVideos a {					
		background-position: -495px -10px;
	}		


/*	--------------------------------------------------------------------------------------------------------------------------
	Video BLock Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	#videoBlock {
		margin: 10px 0 0 0;
		width: 591px;
		background:url(../../images/contentBG.png) top left repeat-y;
	}
	#videoBottom {
		padding:0 0 21px 0;
		background:url(../../images/contentBottomBG.png) bottom left no-repeat;
	}
		#videoBlock .header {
			padding: 6px 8px 0 22px;
			height: 19px;
			background: url(../../images/recentnewsBG.gif) top left no-repeat;
		}
			#videoBlock .header h2 {
				width: 164px; height: 16px;
				background: url(../../images/h2_featuredVideos.png) top left no-repeat;
				float: left;
			}
	#videoBottom .entries {
		padding:30px 0 110px 15px;
	}	
	#videoBottom .entries .entry {
		margin:0 20px 20px 20px;
		width:247px;
		float:left;
		display:inline;
	}
	#videoBottom .entries .entry a.entryVideo {
		display:block;
		width:241px; height:184px;
		background:url(../../images/fake/video1.jpg) top left no-repeat;
		border:3px solid #76290e;
	}
	#videoBottom .entries .entry a.entryVideo:hover {
		background-position: bottom left;
		border:3px solid #f12a19;
	}
	#videoBottom .entries .entry h3 a {
		padding:3px 0 16px 67px;
		font:bold 18px Georgia, "Times New Roman", Times, serif;
		color:#103f79;
		text-decoration:none;
	}
	#videoBottom .entries .entry .share {
		margin:10px 0 0 55px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Members Online Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#membersOnline{
		padding: 0; margin: 10px 0 0 0;
		width: 321px;
		float: right;
		background:url(../../images/sb_membersOnlineBG.png) top left repeat-y;
	}
	#membersOnline #membersOnlineBottom {
		padding: 0 0 21px 0;
		background:url(../../images/sb_membersOnlineBottomBG.png) bottom no-repeat;
	}
		#membersOnline .header {
			padding: 6px 8px 0 22px;
			height: 19px;
			background: url(../../images/sb_membersOnlineHeaderBG.png) top left no-repeat;
		}
			#membersOnline .header h2 {
				background: url(../../images/h2_membersOnline.png) top left no-repeat;
				height: 15px; width: 217px;
				float: left;
			}
			#membersOnline .header a.btnViewAll {
				margin: 4px 0 0 0;
				width: 51px; height: 7px;
				float: right;
				background: url(../../images/btn_viewall.gif) top left no-repeat;
			}
				#membersOnline .header a.btnViewAll:hover{ 
					background-position: bottom left;
				}
		
		/* Entry */
		#membersOnlineBottom .entries {
			padding:17px 0 29px 19px;
		}
			#membersOnlineBottom .entries .member {
				margin:0 29px 0 0;
				width:71px; height:79px;
				float:left;
				text-align:center;
				overflow:hidden;
			}
				#membersOnlineBottom .entries .member a {
					font:bold 11px Arial, Helvetica, sans-serif;
					color:#253067;
					text-decoration:none;
				}
					#membersOnlineBottom .entries .member a:hover {
						color:#f14719;
					}