@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - JOHN FOGERTY MAIN CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jf_main.css
	Date:			August 18, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	* {
		margin:0; padding:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		clear:both; float:none;
		height:0;
		font-size:0; line-height:0;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix {
		display: inline-block;
	}	
	html[xmlns] .clearfix {
		display: block;
	}
	* html .clearfix {
		height: 1%;
	}
	body {
		background:url(../../images/bg.png) top center repeat;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#5e452d;
	}
	#blackStripe {
		background:url(../../images/bg_blackStripe.jpg) top center repeat-y;
	}
	#main {
		width:960px;
		margin:0 auto;
		background:url(../../images/bg_main.jpg) top center no-repeat;
	}
	ul {
		list-style:none;
	}
	a:link, a:active, a:visited {
		color:#d64c00;
		text-decoration:none;
	}
		a:hover {
			color:#ff7e00;
		}
	.noContent {
		border:dashed 1px #42341a;
		width:548px !important; height:35px !important;
		margin:15px 0; padding:10px !important;
		line-height:35px;
		text-align:center;
	}
	.hr hr {
		margin:0 0 30px 20px;
		border-top:1px solid #ccb28c;
		border-bottom:none;
		width:550px; height:0px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar {
		width:626px; height:22px;
		margin:174px 0 0 9px; padding:12px 0 0 10px;
		background:url(../../images/bg_nav.png) no-repeat;
	}
		ul#navBar li {
			margin:0 12px 0 0;
			display:inline;
			float:left;
		}
			ul#navBar li a {
				height:10px;
				background:url(../../images/navBar.png) 0 0 no-repeat;
				display:block;
			}
			ul#navBar li.home {
				width:44px;
			}
				ul#navBar li.home a {
					width:44px;
					background-position:0 0;
				}
					ul#navBar li.home a:hover {
						background-position:0 -16px;
					}
			ul#navBar li.blog {
				width:34px;
			}
				ul#navBar li.blog a {
					width:37px; height:16px;
					background-position:-57px 0;
				}
					ul#navBar li.blog a:hover {
						background-position:-57px -18px;
					}
			ul#navBar li.bio {
				width:24px;
			}
				ul#navBar li.bio a {
					width:26px; height:16px;
					background-position:-106px 0;
				}
					ul#navBar li.bio a:hover {
						background-position:-106px -18px;
					}
			ul#navBar li.music {
				width:48px;
			}
				ul#navBar li.music a {
					width:48px;
					background-position:-56px 0;
				}
					ul#navBar li.music a:hover {
						background-position:-56px -16px;
					}
			ul#navBar li.photos {
				width:60px;
			}
				ul#navBar li.photos a {
					width:60px;
					background-position:-117px 0;
				}
					ul#navBar li.photos a:hover {
						background-position:-117px -16px;
					}
			ul#navBar li.videos {
				width:56px;
			}
				ul#navBar li.videos a {
					width:56px;
					background-position:-189px 0;
				}
					ul#navBar li.videos a:hover {
						background-position:-189px -16px;
					}
			ul#navBar li.mobile {
				width:58px;
			}
				ul#navBar li.mobile a {
					width:58px;
					background-position:-258px 0;
				}
					ul#navBar li.mobile a:hover {
						background-position:-258px -16px;
					}
			ul#navBar li.tour {
				width:42px;
			}
				ul#navBar li.tour a {
					width:42px;
					background-position:-328px 0;
				}
					ul#navBar li.tour a:hover {
						background-position:-328px -16px;
					}
			ul#navBar li.extras {
				width:56px;
			}
				ul#navBar li.extras a {
					width:56px;
					background-position:-382px 0;
				}
					ul#navBar li.extras a:hover {
						background-position:-382px -16px;
					}
			ul#navBar li.forum {
				width:52px;
			}
				ul#navBar li.forum a {
					width:52px;
					background-position:-451px 0;
				}
					ul#navBar li.forum a:hover {
						background-position:-451px -16px;
					}
			ul#navBar li.press {
				width:45px;
			}
				ul#navBar li.press a {
					width:45px;
					background-position:-512px 0;
				}
					ul#navBar li.press a:hover {
						background-position:-512px -16px;
					}
			ul#navBar li.store {
				width:48px;
				margin:0;
			}
				ul#navBar li.store a {
					width:48px;
					background-position:-569px 0;
				}
					ul#navBar li.store a:hover {
						background-position:-569px -16px;
					}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	#mailingListForm Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mailingListForm {
		width:220px; height:94px;
		margin:8px 0 0 197px;
		background:url(../../images/bg_mailingListForm.png) 0 0 no-repeat;
		behavior:url("shared/css/iepngfix.htc");
	}
		#mailingListForm .caption {
			width:180px;
			padding:8px 0 0 0;
			display:inline;
			float:left;
		}	
			#mailingListForm .caption h2 {
				width:166px; height:21px;
				margin:0 0 0 22px;
				background:url(../../images/h2_mailingList.png) 0 0 no-repeat;
			}
			#mailingListForm .caption p {
				padding:10px 0 0 12px;
			}
				#mailingListForm .caption p a {
					width:191px; height:29px;
					background:url(../../images/link_signup.png) 0 0 no-repeat;
					display:block;
				}
					#mailingListForm .caption p a:hover {
						background-position:0 -40px;	
					}
		#mailingListForm .formHolder {
			width:337px;
			padding:5px 0 0 8px;
			float:left;
		}
		#mailingListForm .formHolder label {
			font:bold 10px Arial, Helvetica, sans-serif;
		}
			#mailingListForm .formHolder label.birthday {
				margin:0 0 0 162px;
			}
		#mailingListForm .formHolder .input {
			border:solid 1px #8a2513;
			height:16px;
			margin:0 4px 0 0;
			background:#fff;
			display:inline;
			float:left;
		}
		#mailingListForm .formHolder .select {
			border:solid 1px #8a2513;
			height:16px;
			margin:0 2px 0 0;
			background:#fff;
			display:inline;
			float:left;
		}
		#mailingListForm .formHolder input {
			border:none;
			height:16px;
			padding:0 0 0 2px;
			background:transparent;
			font-size:10px;
		}
		#mailingListForm .formHolder .top {
			margin:0 0 10px 0; padding:2px 0 0 0;
		}
		#mailingListForm .formHolder select {
			border:none;
			font-size:10px;
			background:transparent;
		}
			#mailingListForm .formHolder input.email {
				width:87px;
				padding:0 0 0 2px;
			}
			#mailingListForm .formHolder input.zipcode {
				width:58px;
				padding:0 0 0 2px;
			}
			#mailingListForm .formHolder input.mobile {
				width:94px;
				padding:0 0 0 2px;
			}
			#mailingListForm .formHolder select.month {
				width:62px;
			}
			#mailingListForm .formHolder select.day {
				width:47px;
			}
			#mailingListForm .formHolder select.year {
				width:53px;
			}
			#mailingListForm .formHolder select.provider {
				width:120px;
			}
			#mailingListForm .formHolder input.btn {
				height:18px;
				border:none;
			}
		#mailingListForm .formHolder .bottom {
		}
/*	--------------------------------------------------------------------------------------------------------------------------
	#socialLinks Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#socialLinks {
		width:135px;
		margin:20px 0 7px 202px;
		list-style:none;
	}
		ul#socialLinks li {
			height:39px;
			display:inline;
			float:left;
		}
			ul#socialLinks li a {
				height:39px;
				display:block;
			}
		ul#socialLinks li.twitter {
			width:39px;
			display:block;
		}
			ul#socialLinks li.twitter a {
				width:39px;
				background:url(../../images/socialLinks.png) 0 0 no-repeat;
			}
				ul#socialLinks li.twitter a:hover {
					background-position:0 -60px;
				}
		ul#socialLinks li.myspace {
			width:36px;
		}
			ul#socialLinks li.myspace a {
				width:36px;
				background:url(../../images/socialLinks.png) -39px 0 no-repeat;
			}
				ul#socialLinks li.myspace a:hover {
					background-position:-39px -60px;
				}
		ul#socialLinks li.facebook {
			width:60px;
		}
			ul#socialLinks li.facebook a {
				background:url(../../images/socialLinks.png) -75px 0 no-repeat;
			}
				ul#socialLinks li.facebook a:hover {
					background-position:-75px -60px;
				}			
/*	--------------------------------------------------------------------------------------------------------------------------
	#contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		width:960px;
		padding:15px 0 36px 0;
	}
		#contentSpace #mainCol {
			width:582px;
			margin:0 0 0 10px; padding:0 0 40px 0;
			display:inline;
			float:left;
		}
			#contentSpace #mainCol .mainTop {
				width:582px; height:23px;
				background:url(../../images/bg_mainColTop.png) 0 top no-repeat;
				line-height:0;
				font-size:0px;
			}
			#contentSpace #mainCol .mainBottom {
				width:582px; height:20px;
				background:url(../../images/bg_mainColBottom.png) 0 bottom no-repeat;
				line-height:1px;
			}
			#contentSpace #mainCol .mainContent {
				background:#eee9d9;	
				
			}
		#contentSpace #mainCol a.back {
			width:auto;
			padding:0 0 0 6px; margin:15px 0 5px 23px;
			background:url(../../images/arrow_left.png) 0 7px no-repeat;
			display:inline-block;
			font:normal 11px Arial, Helvetica, sans-serif;
		}
			#contentSpace #mainCol a.back:hover {
				background-position:0 -9px;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#altCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#contentSpace #altCol {	
			width:350px;
			display:inline;
			float:right;
		}
		#contentSpace #altColContent {
			background:url(../../images/bg_altColMiddle.png) top left repeat-y;
		}
		#contentSpace #altColTop {
			width:330px;
			padding:23px 0 30px 20px;
			background:url(../../images/bg_altColTop.png) top left no-repeat;
		}
			#altCol #mediaPlayer {
				width:249px; height:150px;
				padding:181px 0 0 49px;
				background:url(../../images/bg_mediaplayer.png) no-repeat;
			}
				#altCol #mediaPlayer #audioPlayer {
					outline:none;
				}
			#altCol .mpBottom {
				width:298px; height:36px;
				margin:0 0 32px 0; padding:5px 0 0 0;
				background:url(../../images/bg_mpBottom.png) no-repeat;
			}
				#altCol .mpBottom a.btn_moreInfo {
					width:51px; height:12px;
					margin:0 0 0 121px;
					background:url(../../images/btn_toggle.png) 0 0 no-repeat;
					display:block;
				}
					#altCol .mpBottom a.btn_moreInfo:hover {
						background-position:0 -12px;	
					}
				#altCol .mpBottom a.expand {
					background:url(../../images/btn_expand.png) 0 0 no-repeat;
				}
					#altCol .mpBottom a.expand:hover {
						background-position:0 -12px;	
					}
		
			#altCol #albumInfo {
				width:292px;
				padding:0 0 8px 6px;
				background:url(../../images/bg_albumInfo.jpg) 6px 0 repeat-y;
				overflow:hidden;
			}
				#altCol #albumInfo .info {
					width:266px;
					padding:12px 0 10px 18px;
					background:url(../../images/bg_mpInfo.jpg) no-repeat;
				}
				#altCol #albumInfo .info .content {
					width:140px;
					padding:0 15px 0 0;
					font:normal 13px Georgia, "Times New Roman", Times, serif;
					color:#fff;
					float:right;
				}
					#altCol #albumInfo .info .content h2 {
						margin:0 0 5px 0;
						font-size:15px;
						color:#140801;
					}
					#altCol #albumInfo .info .content a.btn_buyNow {
						width:75px; height:18px;
						margin:10px 0 0 0;
						background:url(../../images/btn_buyNow.png) 0 0 no-repeat;
						display:block;
					}
						#altCol #albumInfo .info .content a.btn_buyNow:hover {
							background-position:0 -18px;
						}
				#altCol #albumInfo .info img {
					display:block;
					float:left;
				}
				#altCol #albumInfo ul.links {
					width:267px;
					margin:8px 0 0 9px; padding:8px 0;
					border-right:solid 1px #383027; border-bottom:solid 1px #383027;
					background:#000;
				}
					#altCol #albumInfo ul.links li {
						margin:4px 0;
						font:normal 11px Arial, Helvetica, sans-serif;
						color:#fff;
					}
						#altCol #albumInfo ul.links li input.value {
							display:none;
						}
						#altCol #albumInfo ul.links li input.text {
							border:none;
							width:259px;
							padding:0 0 0 8px;
							background:none;
							color:#fff;
							display:block;
							text-align:left;
							cursor:pointer;
						}
				
			#contentSpace #altColTop .albumBuyer {
				width:270px;
			}
				#contentSpace #altColTop .albumBuyer .cover {
					border:solid 1px #000;
					width:101px; height:101px;
					padding:1px 0 0 1px;
					display:inline;
					float:left;
				}
					#contentSpace #altColTop .albumBuyer .cover img {
						display:block;
					}
				#contentSpace #altColTop .albumBuyer .info {
					width:154px;
					padding:12px 0 0 11px;
					display:inline;
					float:left;
				}
					#contentSpace #altColTop .albumBuyer .info h4 {
						width:154px; height:31px;
						background:url(../../images/h4_albumBuyer.png) 0 0 no-repeat;
					}
					#contentSpace #altColTop .albumBuyer .info .links {
						width:48px;
						padding:12px 0 0 0;
					}
						#contentSpace #altColTop .albumBuyer .info .links a.btn_itunes {
							width:18px; height:16px;
							background:	url(../../images/btn_itunes.png) 0 0 no-repeat;
							display:block;
							float:left;
						}
						#contentSpace #altColTop .albumBuyer .info .links a.btn_amazon {
							width:18px; height:16px;
							background:	url(../../images/btn_amazon.png) 0 0 no-repeat;
							display:block;
							float:right;
						}
			#contentSpace #altColTop .tourComponent {
				width:300px;
				margin:34px 0 0 0;
			}
				#contentSpace #altColTop .tourComponent .header {
					width:300px;
					padding:0 0 8px 0;
					background:url(../../images/bg_altDivider.png) 0 bottom no-repeat;
				}
					#contentSpace #altColTop .tourComponent .header h4 {
						width:103px; height:16px;
						margin:0 0 0 2px;
						background:url(../../images/h4_tourDates.png) 0 0 no-repeat;
						display:inline;
						float:left;
					}
					#contentSpace #altColTop .tourComponent .header a.more {
						margin:0 2px 0 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#8f2518;
						float:right;
					}
						#contentSpace #altColTop .tourComponent .header a.more:hover {
							color:#ee0000;
						}
				#contentSpace #altColTop .tourComponent ul#tourDates {
					width:295px;
					padding:10px 0 0 2px;
				}
					#contentSpace #altColTop .tourComponent ul#tourDates li {
						width:295px;
						margin:0 0 14px 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
					}
						#contentSpace #altColTop .tourComponent ul#tourDates li.noContent {
							border-color:#E2DACB !important;
							width:275px !important;
						}
						#contentSpace #altColTop .tourComponent ul#tourDates li .date {
							width:72px;
							margin:0 1px 0 0;
							color:#75683a;
							display:inline;
							float:left;				
						}
						#contentSpace #altColTop .tourComponent ul#tourDates li .info {
							width:119px;
							margin:0 2px;
							display:inline;
							float:left;				
						}
							#contentSpace #altColTop .tourComponent ul#tourDates li .info .venue {
								font:normal 12px Arial, Helvetica, sans-serif;
								color:#882400;
								display:block;
							}
								#contentSpace #altColTop .tourComponent ul#tourDates li .info .venue a {
									color:#882400;
								}
									#contentSpace #altColTop .tourComponent ul#tourDates li .info .venue a:hover {
										color:#ed0000;
									}
							#contentSpace #altColTop .tourComponent ul#tourDates li .info .location {
								color:#5e452d;
							}
						#contentSpace #altColTop .tourComponent ul#tourDates li .buy {
							width:98px; 
							float:left;
							text-indent:-3000px;
						}
						#contentSpace #altColTop .tourComponent ul#tourDates li .buy a {
							width:98px; height:18px;
							background:transparent url(../../images/btn_buyTicketsAlt.png) no-repeat scroll 0 0;
							display:block;
							text-indent:-3000px;
						}
							#contentSpace #altColTop .tourComponent ul#tourDates li .buy a:hover {
								background-position:0 -18px;
							}
			#contentSpace #altColTop .twitter {
				width:300px;
				margin:34px 0 0 0;
			}
				#contentSpace #altColTop .twitter .header {
					width:300px;
					padding:0 0 8px 0;
					background:url(../../images/bg_altDivider.png) 0 bottom no-repeat;
				}
					#contentSpace #altColTop .twitter .header h4 {
						width:74px; height:15px;
						margin:17px 5px 0 2px;
						background:url(../../images/h4_twitter.png) 0 0 no-repeat;
						display:inline;
						float:left;
					}
					#contentSpace #altColTop .twitter .header img {
						float:left;
					}
					#contentSpace #altColTop .twitter .header a#twitter-link {
						margin:19px 2px 0 0;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#8f2518;
						float:right;
					}
						#contentSpace #altColTop .twitter .header a#twitter-link:hover {
							color:#ee0000;
						}
				#contentSpace #altColTop .twitter #twitter_div {
					padding:10px 0 0 2px;
				}
					#contentSpace #altColTop .twitter #twitter_div #twitter_update_list li {
						padding:0 0 10px 0;
					}
					#contentSpace #altColTop .twitter #twitter_div #twitter_update_list li a {
						color:#8f2518;	
					}
						#contentSpace #altColTop .twitter #twitter_div #twitter_update_list li a:hover {
							color:#ee0000;
						}	
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#footer {
		width:935px;
		padding:48px 15px 53px 10px;
		background:#000 url(../../images/bg_divider.jpg) 0 top no-repeat;
	}
		#footer a.link_uni {
			width:105px; height:39px;
			background:url(../../images/logo_uni.png) 0 0 no-repeat;
			display:block;
			float:left;
		}
			#footer a.link_uni:hover {
				background-position:0 -39px;	
			}
		#footer a.link_verve {
			width:41px; height:24px;
			margin:16px 0 0 0;
			background:url(../../images/logo_verve.png) right 0 no-repeat;
			display:block;
			float:right;
		}
			#footer a.link_verve:hover {
				background-position:0 -24px;	
			}
		#footer ul#footerLinks {
			width:452px;
			padding:10px 0 0 173px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#f0d395;
			text-align:center;
			float:left;
		}
			#footer ul#footerLinks a {
				color:#eea917;
			}
				#footer ul#footerLinks a:hover {
					color:#fff;
				}