@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - JOHN FOGERTY PHOTOS CSS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jf_photos.css
	Date:			August 18, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
/*	--------------------------------------------------------------------------------------------------------------------------
	active #navBar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#navBar li.photos a {
		background-position:-117px -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:125px; height:25px;
			margin:0 0 0 23px;
			background:url(../../images/h2_photos.png) 0 0 no-repeat;
		}
		#mainCol ul#photos {
			
		}
			#mainCol ul#photos li {
				width:165px; height:250px;
				padding:0 0 0 18px; margin:0 0 31px 0;
				float:left;
				text-align:center;
			}
				#mainCol ul#photos li.noBorder {
					border:none;
				}
				#mainCol ul#photos li h2 {
					margin:10px 0 0 0;	
				}
				#mainCol ul#photos li a {
					font:normal 12px Georgia, "Times New Roman", Times, serif;
					display:inline;
				}
					#mainCol ul#photos li a.photoItem {
						width:150px; height:100px;
						padding:1px 0 0 1px; margin:0 0 13px 0;
						display:block;
					}
				#mainCol ul#photos li .count {
					display:block;
				}
				#mainCol ul#photos li a.btn_viewNow {
					width:98px; height:18px;
					margin:10px auto 0 auto;
					background:url(../../images/btn_viewNow.png) 0 0 no-repeat;
					display:block;
				}
					#mainCol ul#photos li a.btn_viewNow:hover {
						background-position:0 -18px;
					}
		
		
	/* stack styles */
	.holder {
		/*width:164px; height:164px;*/
		margin:0;
	}
	.stack {
		display:inline;
		float:left;
		background:url(../../images/stack_bottom.png) bottom left no-repeat;
	}
		.stack .stack1 {
			background: url(../../images/stack_right.png) top right no-repeat;
		}
		.stack .stack2 {
			padding:0 6px 6px 0;
			background:url(../../images/stack_br.png) bottom right no-repeat;
		}
		.stack .stack3 {
			padding:2px;
			background:#882400;
		}
		.stack a img {
			border:2px solid #eee9d9;
			display:block;
		}
		
	/* single photo styles */
	.photo {
		padding:2px;
		background:#882400;
		float:left;
	}
		.photo a img {
			border:2px solid #eee9d9;
			display:block;
		}
		
		
/*	--------------------------------------------------------------------------------------------------------------------------
	Photos Single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		width:568px;
		padding:12px 0 20px 0;
	}
		#photos .entry {
			width:510px;
			margin:0 auto;
		}
			#photos .entry .header {
				width:510px; height:18px;
				padding:0 0 6px;
				background:none;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#e2ad52;
				line-height:18px;
			}
				#photos .entry .header a.back {
					margin:0 !important;
					padding:0 0 0 6px;
					background:url(../../images/arrow_left.png) 0 7px no-repeat;
					display:block;
					float:left;
				}
					#photos .entry .header a.back:hover {
						background-position:0 -9px;
					}
					#photos .entry .header a.prev {
						padding:0 0 0 6px;
						background:url(../../images/arrow_left.png) 0 7px no-repeat;
						display:block;
						float:right;
					}
						#photos .entry .header a.prev:hover {
							background-position:0 -9px;
						}
					#photos .entry .header .divider {
						border-right:solid 1px #882400;
						width:1px; height:18px;
						margin:0 8px;
						float:right;
					}
					#photos .entry .header a.next {
						padding:0 6px 0 0;
						background:url(../../images/arrow_right.png) right 7px no-repeat;
						display:block;
						float:right;
					}
						#photos .entry .header a.next:hover {
							background-position:right -9px;
						}
						
			#photos .entry .photoHolder {
				margin:0 auto; padding:2px;
			}
				#photos .entry .photoHolder img {
					margin:0 auto;
					border:solid 2px #882400;
					display:block;
				}
			#photos .entry h3 {
				padding:10px 0 0 0;
				font:normal 16px Georgia, "Times New Roman", Times, serif;
				color:#ee0000;
				text-align:center;
			}