@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - PHOTOS : 	The Rocket Summer Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		rs_photos.css
	Date:			Feb 3, 2010
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/

/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		background-position:339px 2px;
	}
		#nav li.navPhotos a {
			background-position:-306px -30px;
		}
		#footer .info .nav li.photos a {
			color:#d24d20;
		}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photosHeader {
		border-bottom:solid 2px #aca47f;
		margin:0 0 17px 0; padding:0 0 7px 0;
	}
		#photosHeader li {
			margin:0 10px 0 0;
			display:inline;
			float:left;
		}
			#photosHeader li a {
				height:25px;
				background:url(../../images/nav_photos.png) 0 0 no-repeat;
				display:block;
			}
				#photosHeader li.allPhotos {
					width:163px;
				}
					#photosHeader li.allPhotos a {
						background-position:0 0;
					}
						#photosHeader li.allPhotos a:hover {
							background-position:0 -25px;
						}
				#photosHeader li.byAlbum {
					width:139px;
				}
					#photosHeader li.byAlbum a {
						background-position:-173px 0;
					}
						#photosHeader li.byAlbum a:hover {
							background-position:-173px -25px;
						}
				#photosHeader li.byPopularity {
					width:188px;
				}
					#photosHeader li.byPopularity a {
						background-position:-322px 0;
					}
						#photosHeader li.byPopularity a:hover {
							background-position:-322px -25px;
						}
	h2.title {
		margin:0 0 20px 0;
		font-size:1.5em;
		color:#1f1e1b;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#photos {
		
	}
		#photos .entry {
			width:200px; height:200px;
			display:inline;
			position:relative;
			float:left;
		}
			#photos .entry .image {
				margin-right:auto; margin-left:auto;
				text-align:center;
				vertical-align:middle;
			}
				#photos .entry .image * {
					/*vertical-align:middle;*/
				}
			#photos .entry h2 {
			
			}
				#photos .entry h2 a {
					border:solid 3px #ded6b1;
					display:inline-block;
				}
					#photos .entry h2 a:hover {
						border:solid 3px #1f1e1b;
					}
					#photos .entry h2 a img {
						border:solid 1px #fff;
					}
		#photos .toolTip {
			width:119px;
			background:url(../../images/bg_tooltip_bottom.png) center bottom no-repeat;
			position:absolute;
			padding:0 0 6px 0;
			left:40px;
			display:none;
		}
			#photos .toolTip .toolTipInfo {
				position:relative;
				border:solid 1px #dcd7af;
				border-bottom:none;
				padding:7px;
				background:#ede7c7;
			}
				#photos .toolTip .toolTipInfo h2 {
					margin:0 0 4px 0;
					font-size:.75em;
					color:#d24d20;
				}
				#photos .toolTip .toolTipInfo .stats {
					padding:0 0 20px 0;
					font-size:.56em;
					color:#92895b;
				}
					#photos .toolTip .toolTipInfo .stats .commentCount {
						float:left;
					}
					#photos .toolTip .toolTipInfo .stats .viewCount {
						float:left;
					}
				#photos .toolTip .toolTipInfo h3 {
					text-align:left;
					font-size:.56em;
					color:#92895b;
				}
					#photos .toolTip .toolTipInfo h3 em {
						color:#d24d20;
					}

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos.albums Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#photos.albums {
		
	}
		#photos.albums .entry {
			width:auto; height:auto;
			margin:0 5px 15px 0;
			vertical-align:0;
			display:block;
			float:none;
		}
			#photos.albums .entry .info {
				width:474px;
				padding:0 0 0 7px;
				text-align:left;
				float:right;
			}
				#photos.albums .entry .info .stats {
					margin:0 0 4px 0;
					font-size:.69em;
					color:#7e7260;
					display:block;
				}
			#photos.albums .entry .info h2 a {
				margin:0 0 6px 0;
				font-size:1.13em;
				border:none;
			}
			#photos.albums .entry ul.thumbnails {
				width:104px;
				margin:0 12px 0 0;
				float:right;
			}
				#photos.albums .entry ul.thumbnails li.entry {
					display:inline;
					float:left;
				}
			#photos.albums .toolTip {
				left:-5px;
			}
			a.btn {
				width:82px !important;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#photos Single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	div#photos {
		margin:0 0 30px 0;
	}
		div#photos .entry {
			width:auto; height:auto;
			float:none;
		}
			div#photos .entry h2 {
				margin:0 0 10px 0;
			}
			div#photos .entry img {
				margin:0 auto;
			}
				div#photos .entry h2 a:hover {
					border:solid 3px #ded6b1 !important;
				}
			div#photos .entry .date {
				margin:0 0 15px 0;
				font:normal .69em Arial, Helvetica, sans-serif;
				color:#7e7260;
				display:block;
			}