@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih PHOTOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_photos.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 0 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:105px 0 0 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 35px 0;
		width:100px; height:33px;
		background:url(../../images/h2_photos.png) 0 0 no-repeat;
	}
	#mainCol ul {
		list-style:none;
	}
		#mainCol ul li {
			margin:0 15px 60px 0;
			widows:170px;
			float:left;
			display:inline;
		}
			#mainCol ul li .photoHolder {
				padding:4px;
				width:162px;
				background:#d2dccd;
			}
				#mainCol ul li .photoHolder a img {
					margin:0 auto;
					display:block;
				}
			.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 12px 11px 0;
					background:url(../../images/stack_br.png) bottom right no-repeat;
				}
				.stack .stack3 {
					padding:4px 0 2px 4px;
					background:#d2dccd;
					border-top:solid 1px #bcbcbc;
					border-left:solid 1px #bcbcbc;
				}
				.stack a img {
					display:block;
				}
			#mainCol ul li .info {
				width:170px;
				text-align:center;
				display:block;
			}
				#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 ul.social {
						margin:0 0 0 20px;
					}
						#mainCol ul li .info ul.social li {
							margin:0;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#939393;
						}
							#mainCol ul li .info ul.social li.views {
								margin:0 7px 0 0;
							}
						#mainCol ul li .info a.comments {
							margin:0 0 0 7px;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#08b6ff;
						}
							#mainCol ul li .info a.comments:hover {
								background-position:bottom right;
								color:#1a1e1f;
							}
				#mainCol ul li .btnHolder {
					margin:8px 0 0 8px;
					width:154px;
				}
					#mainCol ul li .btnHolder a.viewNow {
						width:74px; height:17px;
						background:url(../../images/btn_viewNow.jpg) top center no-repeat;
						display:block;
						float:left;
					}
						#mainCol ul li .btnHolder a.viewNow:hover {
							background-position:bottom;
						}
					#mainCol ul li .btnHolder a.share {
						width:74px; height:17px;
						background:url(../../images/btn_share.jpg) top center no-repeat;
						display:block;
						float:right;
					}
						#mainCol ul li .btnHolder a.share:hover {
							background-position:bottom;
						}