@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.videos a {
		background-position:-300px 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:100px; height:33px;
		background:url(../../images/h2_videos.png) 0 0 no-repeat;
	}
	#mainCol a.btn_backToPhotos {
		width:121px; height:20px;
		background:url(../../images/btn_backtoVideos.png) top center no-repeat;
		display:block;
		float:left;
	}
		#mainCol a.btn_backToPhotos:hover {
			background-position:bottom;
		}
	#mainCol .top {
		padding:10px 0 15px 0;
		width:615px;
		background:url(../../images/border_dot.png) bottom center repeat-x;
	}
		#mainCol .top .pagination {
			width:73px;
			float:right;
		}
			#mainCol .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 .top .pagination .btn_prev:hover {
					background-position:bottom;
				}
			#mainCol .top .pagination .btn_next {
				width:32px; height:9px;
				background:url(../../images/btn_next.png) top center no-repeat;
				display:block;
				float:right;
			}
				#mainCol .top .pagination .btn_next:hover {
					background-position:bottom;
				}
	#mainCol .videoSpace{
		padding:30px 0 0 0;
		width:615px;
	}
		#mainCol .videoSpace .videoHolder {
			width:480px;
			margin:0 auto; padding:2px;
			background:#d2dccd;
			border:1px solid #bcbcbc;
		}
			#mainCol .videoSpace .videoHolder img {
				display:block;
				margin:0 auto;
			}
		#mainCol .videoSpace .info {
			padding:15px 0 0 0;
			margin:0 auto;
			text-align:center;
		}
			#mainCol .videoSpace .info .title {
				margin:0 0 6px 0;
				font:normal 18px Arial, Helvetica, sans-serif;
				color:#000;
				display:block;
			}
			#mainCol .videoSpace .info a.btn_share {
				margin:9px auto 0 auto;
				width:76px; height:17px;
				background:url(../../images/btn_viewShare.png) -91px 0 no-repeat;
				display:block;
			}
				#mainCol .videoSpace .info a.btn_share:hover {
					background:url(../../images/btn_viewShare.png) -91px -30px no-repeat;
				}
			#mainCol .videoSpace .info .explicit {
			    margin:0 auto 5px auto;
			}
	/*	--------------------------------------------------------------------------------------------------------------------------
		Comments Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		.photoComments {
			width:615px;
			float:left;
		}
			.commentHeader {
				margin:0 0 10px 0;
			}
				.commentHeader h3 {
					width:81px; height:20px;
					background:url(../../images/h3_comments.png) 0 6px no-repeat;
					float:left;
				}
					.commentHeader .commentNumber {
						margin:0 0 0 5px;
						font:normal 17px Tahoma, Arial, Helvetica, sans-serif;
						color:#484746;
						float:left;
					}
				.commentHeader a.btn_postComment {
					width:110px; height:26px;
					background:url(../../images/btn_postComment.png) 0 0 no-repeat;
					float:right;
					display:block;
				}
					.commentHeader a.btn_postComment:hover {
						background-position:0 -30px;
					}
			.pager {
				margin:0 0 10px 0; padding:0 0 10px 0;
				width:615px;
				background:url(../../images/border_dot.png) bottom left repeat-x;
				float:left;
			}
				.pager .displaying {
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#828282;
					float:left;
					display:block;
				}
				.pager .browse {
					padding:0 5px 0 0;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#828282;
					float:right;
				}
					.pager .browse a {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#30c1fc;
					}
						.pager .browse a:hover {
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#0060ff;
						}
					.pager .browse a.btn_pageLeft {
						margin:0 10px 0 10px;
						width:6px; height:8px;
						background:url(../../images/btn_pageLeft.png) 0 3px  no-repeat;
					}
					.pager .browse a.btn_pageRight {
						margin:0 0 0 5px;
						width:6px; height:8px;
						background:url(../../images/btn_pageRight.png) 0 3px no-repeat;
					}
			.commentHolder {
				margin:2px 0;
				padding:15px 0 8px 15px;
				width:600px;
				float:left;
			}
				.commentBox {
					padding:2px 10px 2px 20px;
					width:490px;
					border:dotted 1px #999;
					float:left;
				}
					.commentBox p {
						font:italic 12px Arial, Helvetica, sans-serif;
						color:#5a5959;
						line-height:16px;
					}
					.commentBox .postInfo {
						padding:10px 8px 15px 0;
						font:bold 10px Arial, Helvetica, sans-serif;
						float:right;
					}
						.commentBox .postInfo a {
							font:bold italic 10px Arial, Helvetica, sans-serif;
							color:#ff674e;
						}
							.commentBox .postInfo a:hover {
								font:bold italic 10px Arial, Helvetica, sans-serif;
								color:#ff3311;
							}
				.userImage {
					margin:10px 0 0 0;
					width:76px;
					background:url(../../images/border_userImageDots.png) center right no-repeat;
					float:left;
				}
				.userImage img {
					margin:0 auto;
					border:solid 3px #5a5959;
					text-align:center;
				}
					.commentFooter a.btn_postComment {
						margin:15px 0 0 0;
						width:110px; height:26px;
						background:url(../../images/btn_postComment.png) 0 0 no-repeat;
						float:right;
						display:block;
					}
						.commentFooter a.btn_postComment:hover {
							background-position:0 -30px;
						}