@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih VIDEOS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_videos.css
	Date:			June 2, 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.videos a {
		background-position:-300px bottom;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	ContentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		margin:50px 0 65px 0;
	}
	#mainCol {
		padding:105px 0 0 0;
	}

	/*	--------------------------------------------------------------
		video Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#mainCol h2 {
			padding:0 0 10px 0;
			height:27px;
			background:url(../../images/h2_videos.png) 0 0 no-repeat;
		}
			#mainCol .top {
		padding:0 0 15px 0; margin:0 0 20px 0;
		width:615px;
		background:url(../../images/border_dot.png) bottom center repeat-x;
	}
		#mainCol .top .viewing {
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#828282;
			float:left;
		}
			#mainCol .top .viewing .albumName {
				font-size:13px;
				color:#000;
			}
		#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;
				}
			#videos {
				width:628px;
				float:left;
			}
			#videos ul {
				list-style:none;
			}
				#videos ul li {
					width:258px; height:300px;
					margin:10px 35px 50px 10px; padding:15px 0 0 0;
					display:inline;
					float:left;
					text-align:center;
				}
					#videos ul li.parentalAdvisory {
						background:url(../../images/parental_advisory_text.png) top center no-repeat;						
					}
					#videos ul li .screenCap a {	
						padding:3px;
						display:block;
						background:#d2dccd;
						border:1px solid #bcbcbc;
					}
						#videos ul li .screenCap img {
							margin:0 auto;	
							display:block;
						}
				#videos ul li .title {
					margin:0 auto; padding:7px 0 5px 0;
					width:258px;
					font:normal 13px Arial, Helvetica, sans-serif;
					color:#000;
					text-align:center;
				}
				#videos ul li .info {
					margin:3px 0 0 0;
					width:258px; height:15px;
					font:normal 10px Arial, Helvetica, sans-serif;
					color:#939393;
				}
					#videos ul li .info .comments a {
							margin:3px 0 0 0;
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#00b4ff;
						}
							#videos ul li .info .comments a:hover {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#0060ff;
							}
				#videos ul li .btnHolder {
					margin:0 auto; padding:5px 0 8px 0;
					width:156px;
				}
					#videos ul li a.btn_view {
						margin:0 3px 0 0;
						width:75px; height:17px;
						background:url(../../images/btn_viewShare.png) 0 0 no-repeat;
						float:left;
					}
						#videos ul li a.btn_view:hover {
							background-position:0 -30px;
						}	
					#videos ul li a.btn_share {
						margin:0 0 0 3px ;
						width:75px; height:17px;
						background:url(../../images/btn_viewShare.png) -91px 0 no-repeat;
						float:left;
					}
						#videos ul li a.btn_share:hover {
							background-position:-91px -30px;
						}
						
						
				/* Pager */
				#videos ul li.pager {
					margin:10px 0 15px 0; padding:0 0 15px 0;
					width:600px; height:12px;
					background:url(../../images/border_dot.png) bottom left repeat-x;
					float:left;
				}
					#videos ul li.pager .displaying {
						padding:0 10px 0 0;
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#828282;
						float:left;
						}
					#videos ul li.pager .browse {
						padding:0 5px 0 0;
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#828282;
						float:right;
					}
						#videos ul li.pager .browse a {
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#30c1fc;
						}
							#videos ul li.pager .browse a:hover {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#0060ff;
							}
						#videos ul li.pager .browse a.btn_pageLeft {
							margin:0 10px 0 10px;
							width:6px; height:8px;
							background:url(../../images/btn_pageLeft.png) 0 3px  no-repeat;
						}
						#videos ul li.pager .browse a.btn_pageRight {
							margin:0 0 0 5px;
							width:6px; height:8px;
							background:url(../../images/btn_pageRight.png) 0 3px no-repeat;
						}