@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Brian Blade : Gallery
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		bb_gallery.css
	Date:			Apr 25, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	main/body/global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#main {
		background:url(../../images/common_bg.jpg) top center no-repeat;
	}
	ul#nav {
		background:url(../../images/navGallery.jpg) 671px 64px no-repeat;
	}


/*	--------------------------------------------------------------------------------------------------------------------------
	#mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:494px; height:572px;
		margin:0 0 0 53px;
		font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		line-height:15px;
		color:#40392d;
	}
		#mainCol h1#h1_gallery {
			width:120px; height:56px;
			margin:0 0 8px 10px;
			display:inline;
			float:left;
			background:url(../../images/h1_gallery.png) 0 0 no-repeat;
		}
		#mainCol h2.gallery {
			width:324px;
			margin:16px 0 0 0; padding: 0 0 0 10px;
			border-left:1px solid #cdbd9f;
			font-size:12px;
			float:left;
		}
		
	
/*	--------------------------------------------------------------------------------------------------------------------------
	.entries Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.entries {
		list-style:none;
		height:390px;
		margin:0 0 0 10px; padding:0 10px 0 0;
		overflow-y:auto;
	}
	ul#gallery {
		height:360px;
	}
		.entries li {
			width:226px; height:220px;
			float:left;
			text-align:center;
		}
		.entries li.stack a.screen {
			width:80px; height:95px;
			margin:0 auto; padding:15px 12px 0 13px;
			text-align:center;
			display:block;
			background: url(../../images/gallery_stack80.png) top center no-repeat;
		}
		.entries li.single a.screen {
			width:80px; height:92px;
			margin:0 auto; padding:10px 8px 0 9px;
			text-align:center;
			display:block;
			background: url(../../images/gallery_single80.png) top center no-repeat;
		}
		.entries li h2 {
			margin:4px 0 3px 0;
			font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
			line-height:14px;
			color:#29241b;
		}
			.entries li h2 .date {
				color:#868179;
				font-size:12px;
			}
			.entries li h2 a:link, .entries li h2 a:active, .entries li h2 a:visited {
				color:#29241b;
				text-decoration:none;
			}
				.entries li h2 a:hover {
					color:#bc230a;
				}
		.entries li .post {
			margin:4px 0;
		}
		.stats {
				width:60px;
				padding:2px 0 0 50px;
				text-align:left;
				float:left;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#6c5f5c;
			}
		a.share:link, a.share:active, a.share:visited {
			width:57px; height:18px;
			padding:3px 50px 0 0;
			display:block;
			float:right;
			text-align:center;
			background:url(../../images/media_share.png) 0 0 no-repeat;
			font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-decoration:none;
			color:#fff;
		}
			a.share:hover {
				background-position:0 -30px;
			}
	
	/*	.footer */
		#mainCol .footer {
			width:480px; height:22px;
			padding:8px 0 0 10px;
			background:url(../../images/contentFooter.png) 0 0 no-repeat;
		}
			#mainCol .footer a:link, #mainCol .footer a:active, #mainCol .footer a:visited {
				font:bold 11px Georgia, "Times New Roman", Times, serif;
				color:#fff;
				text-decoration:none;
			}
				#mainCol .footer a:hover {
					color:#bc230a;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	#entry Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#entry {
		height:350px;
		margin:10px 0 0 10px; padding:0 10px 0 0;
		overflow-y:auto;
		
		text-align:center;
	}
		#entry .photoHolder {
			width:327px;
			margin: 0 auto; padding:20px 0 0 0;
			background:url(../../images/gallery_single300BG.png) 0 0 no-repeat;
		}
		#entry .photo {
			padding:0 0 20px 0;
			background:url(../../images/gallery_single300Bottom.jpg) 0 bottom no-repeat;
		}
		#entry h2 {
			margin:12px 15px 7px 15px;
			font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
			color:#29241b;
		}
			#entry h2 .date {
				color:#868179;
				font-size:13px;
			}
		#entry .post {
			margin:4px 0;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	#paginator Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #paginator {
		width:470px; height:22px;
		padding:8px 10px 0 10px;
		background:url(../../images/contentFooter.png) 0 0 no-repeat;
	}
		#mainCol #paginator a.back:link, #mainCol #paginator a.back:active, #mainCol #paginator a.back:visited {
			float:left;
			font:bold 11px Georgia, "Times New Roman", Times, serif;
			color:#fff;
			text-decoration:none;
		}
			#mainCol #paginator a.back:hover {
				color:#bc230a;
			}
		#paginator .prev {
			width:100px;
			float:right;
		}
			#paginator .prev a:link, #paginator .prev a:active, #paginator .prev a:visited {
				width:100px;
				padding:0 0 0 9px;
				display:block;
				font:bold 11px Georgia, "Times New Roman", Times, serif;
				color:#c5d6e0;
				text-decoration:none;
				background:url(../../images/paginator_prev.png) 0 3px no-repeat;
			}
				#paginator .prev a:hover {
					color:#bc230a;
					background-position:0 -17px;
				}
		#paginator .next {
			width:100px;
			float:right;
		}
			#paginator .next a:link, #paginator .next a:active, #paginator .next a:visited {
				width:100px;
				padding:0 9px 0 0;
				display:block;
				font:bold 11px Georgia, "Times New Roman", Times, serif;
				color:#c5d6e0;
				text-decoration:none;
				background:url(../../images/paginator_next.png) right 3px no-repeat;
				text-align:right;
			}
				#paginator .next a:hover {
					color:#bc230a;
					background-position:right -17px;
				}
		#paginator .pages {
			width:240px;
			float:left;
			text-align:center;
			font-size:10px;
			color:#fff;
			font-weight:bold;
		}
			#paginator .pages a:link, #paginator .pages a:active, #paginator .pages a:visited {
				color:#c5d6e0;
				padding:0 3px;
			}
				#paginator .pages a:hover {
					color:#bc230a;
				}
			#paginator .pages .listing {
				color:#f5e6c7;
			}