@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih PHOTOS SINGLE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_photos_single.css
	Date:			May 26, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	alternate Background Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	body {
		background:#f2f6f0 url(../../images/bg_bodyChair.jpg) center 40px no-repeat;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header ul li.photos a {
		background-position:-400px bottom;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	ContentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		margin:50px 0 65px 0;
	}
	#mainCol {
		padding:0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Top Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topContent {
		margin:45px 0 65px 0;
		background:url(../../images/bg_topContent.png) 335px 0 repeat-y;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mainCol h2 {
		margin:0 0 10px 0;
		width:192px; height:31px;
		background:url(../../images/h2_photoGallery.png) 0 0 no-repeat;
	}
	#mainCol a.btn_backToPhotos {
		width:121px; height:20px;
		background:url(../../images/btn_backtoPhotos.png) top center no-repeat;
		display:block;
		float:left;
	}
		#mainCol a.btn_backToPhotos:hover {
			background-position:bottom;
		}
	#mainCol .top {
		margin:0 0 30px 0; padding:10px 0 15px 0;
		width:615px;
		background:url(../../images/border_dot.png) bottom center repeat-x;
	}
		#mainCol .viewing {
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#828282;
		}
			#mainCol .viewing .albumName {
				font-size:13px;
				color:#000;
			}
	#mainCol ul {
		list-style:none;
	}
		#mainCol ul li {
			margin:0 0 0 50px;
			height:255px;
			float:left;
			display:inline;
		}
			#mainCol ul li .photoHolder {
				padding:4px;
				width:208px;
				background:#d2dccd;
				border:solid 1px #c7c8c6;
			}
				#mainCol ul li .photoHolder a img {
					margin:0 auto;
					display:block;
				}
			#mainCol ul li .info {
				width:208px;
				text-align:center;
				display:block;
				font:normal 13px Arial, Helvetica, sans-serif;
				color:#000;
			}
				#mainCol ul li .info a.title {
					font:normal 13px Arial, Helvetica, sans-serif;
					display:block;
				}
				#mainCol ul li .info a.photos {
					margin:0 auto;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#08b6ff;
				}
					#mainCol ul li .info a.photos:hover {
						color:#1a1e1f;
					}
						#mainCol ul li .info p {
							margin:0;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#939393;
						}
						#mainCol ul li .info .comments a {
							margin:0 0 0 7px;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#08b6ff;
						}
							#mainCol ul li .info .comments a:hover {
								background-position:bottom right;
								color:#1a1e1f;
							}
				#mainCol ul li .btnHolder {
					margin:8px 0 0 0;
					width:208px;
				}
					#mainCol ul li .btnHolder a.share {
						margin:0 auto;
						width:74px; height:17px;
						background:url(../../images/btn_share.jpg) top center no-repeat;
						display:block;
					}
						#mainCol ul li .btnHolder a.share:hover {
							background-position:bottom;
						}
						
		/* Pagination */
		#mainCol li.top {
			height:20px;	
		}
		#mainCol li.top .pagination {
			width:73px;
			float:right;
		}
			#mainCol li.top .pagination .btn_prev {
				margin:1px 0 0 0;
				width:32px; height:9px;
				background:url(../../images/btn_prev.png) top center no-repeat;
				display:block;
				float:left;
			}
				#mainCol li.top .pagination .btn_prev:hover {
					background-position:bottom;
				}
			#mainCol li.top .pagination .btn_next {
				width:32px; height:9px;
				background:url(../../images/btn_next.png) top center no-repeat;
				display:block;
				float:right;
			}
				#mainCol li.top .pagination .btn_next:hover {
					background-position:bottom;
				}