@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - VIDEOS : 	John Fogerty Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jf_videos.css
	Date:			Aug 19, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	#navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar li.videos a {
		background-position:-189px -16px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol .header {
		width:586px; height:37px;
		margin:15px 0 17px 0; padding:13px 0 0 0;
		background:url(../../images/bg_header.png) bottom left no-repeat;
	}
		#mainCol .header h2 {
			width:114px; height:25px;
			margin:0 0 0 23px;		
			background:url(../../images/h2_videos.png) 0 0 no-repeat;
		}
	
		#mainCol .content ul#videoHolder {
			padding:12px 0 20px 0;
		}
			#mainCol .content ul#videoHolder li.video {
				width:266px; height:350px;
				margin:0 0 30px 0; padding:0 0 0 18px;
				float:left;
			}
				#mainCol .content ul#videoHolder li.video a img {
					border:2px solid #882400;
					display:block;
				}
					#mainCol .content ul#videoHolder li.video a:hover img {
						border:2px solid #eee9d9;
					}
				#mainCol .content ul#videoHolder li.video h3 {
					width:266px;
					padding:7px 0;
					font:normal 12px Georgia, "Times New Roman", Times, serif;
					color:#e2ad52;
					text-align:center;
				}
				#mainCol .content ul#videoHolder li.video a.btn_viewNow {
					width:98px; height:18px;
					margin:13px auto 0 auto;
					background:url(../../images/btn_viewNow.png) 0 0 no-repeat;
					display:block;
				}
					#mainCol .content ul#videoHolder li.video a.btn_viewNow:hover {
						background-position:0 -18px;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles video_single
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/					
	#mainCol .content {
		
	}
		#mainCol .content .videoHolder .videoSingle {
			width:480px;
			margin:29px 0 0 42px;
		}
			#mainCol .content .videoHolder .videoSingle h3 {
				margin:21px 0 0 0;
				font:normal 16px Georgia, "Times New Roman", Times, serif;
				color:#ee0000;
				text-align:center;
			}