@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - IMAGES : 	The Bravery Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		tb_images.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav li.navImages a {
		background-position:-248px -30px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#images Block Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#images {
		width:460px;
	}
		#images .header {
			margin:0 0 27px 0;
			background:url(../../images/header_borderBottom.png) bottom left no-repeat;
		}
			#images .header h1 {
				width:138px; height:33px;
				padding:0 0 5px 0;
				background:url(../../images/h1_images.png) 0 0 no-repeat;
			}
		#images .viewing {
			margin:0 0 28px 0;
		}
			#images .viewing p {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#fff;
				float:left;
			}
			#images .viewing a.btn_back {
				padding:0 0 0 8px;
				background:#000 url(../../images/arrow_left.png) 0 4px no-repeat;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#d0d706;
				text-transform:uppercase;
				float:right;
			}
				#images .viewing a.btn_back:hover {
					color:#fff;
					background-position:0 -17px;
				}
		#images ul.entries {

		}
			#images ul.entries li.entry {
				width:240px; height:246px;
				display:inline;
				float:left;
			}
			#images ul.entries li.entry.fix {
				width:170px;
			}
				.imgHolder {
					float:left;
				}
				.stack {
					background:url(../../images/stack_bottom.png) bottom left no-repeat;
					display:inline;
					float:left;
				}
					.stack .stack1 {
						background: url(../../images/stack_right.png) top right no-repeat;
					}
					.stack .stack2 {
						padding:0 4px 4px 0;
						background:url(../../images/stack_br.png) bottom right no-repeat;
					}
					.stack .stack3 {
						margin:0 2px 2px 0; padding:1px;
						background:#9c9484;
					}
					.stack a img {
						display:block;
					}
			#images ul.entries li.entry .info {
				margin:10px 0 0 0;
			}
				#images ul.entries li.entry .info h3 {
					
				}
					#images ul.entries li.entry .info h3 a {
						font:bold 13px Arial, Helvetica, sans-serif;
						color:#f9ff42;
					}
						#images ul.entries li.entry .info h3 a:hover {
							color:#fff;
						}
				#images ul.entries li.entry .info .date {
					margin:0 0 5px 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#fff;
					display:block;
				}
				#images ul.entries li.entry .info a.btn_viewNow {
					width:68px; height:15px;
					background:url(../../images/btn_viewAlbum.png) 0 0 no-repeat;
					display:block;
				}
					#images ul.entries li.entry .info a.btn_viewNow:hover {
						background-position:0 -15px;
					}
					
	/* --------------------------- Gallery ---------------------------*/
	#images ul.entries li.entry .singlePhoto {

	}
		#images ul.entries li.entry .singlePhoto img {
			border:1px solid #9c9484;
		}
	#images ul.entries li.entry .info {
	
	}
		#images ul.entries li.entry .info .socialBar {
			width:170px;
			background:#000;
			display:block;
		}
			#images ul.entries li.entry .info .socialBar .comments {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#d0d706;
			}
			#images ul.entries li.entry .info .socialBar a.btn_share {
				margin:0 0 0 5px; padding:0 0 0 13px;
				background:url(../../images/icon_share.png) 0 2px no-repeat;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#d0d706;
				display:inline-block;
			}
	
	/* --------------------------- Photo Single ---------------------------*/
	#images .photo {
		text-align:center;
	}
		#images .photo img {
			border:2px solid #9c9484;
			margin:0 auto 13px auto;
			display:block;	
		}
		#images .photo h3 {
			margin:0 0 8px 0;
			font:bold 20px Arial, Helvetica, sans-serif;
			color:#f9ff42;
		}
		#images .photo .socialBar {
			width:170px;
			margin:0 auto 10px auto;
			background:#000;
			display:block;
		}
			#images .photo .socialBar .comments {
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#d0d706;
			}
			#images .photo a.btn_share {
				margin:0 0 0 5px; padding:0 0 0 13px;
				background:url(../../images/icon_share.png) 0 2px no-repeat;
				font:normal 12px Arial, Helvetica, sans-serif;
				color:#d0d706;
				display:inline-block;
			}