@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - VIDEOS : 	Jessie James
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jessie_videos.css
	Date:			August 03, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#nav {
		background:url(../../images/nav_current.png) 345px 1px no-repeat;
	}
	#nav li.navVideos a {
		background-position: -342px -40px;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	.header Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol {
		width:610px;
		float:left;
	}
	#altCol {
		float:right;
	}
	.header {
		margin:0 0 12px 0; padding:0 10px;	
	}
		.header h1 {
			width:420px; height:30px;
			float:left;	
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#videos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videos {
		margin:10px 0 55px 25px;	
	}
		#videos h1 {
			width:50px; height:21px;
			background: url(../../images/h1_videos.png) 0 0 no-repeat;
		}
		#videos .content {		
		}
			#videos .content ul {
				padding:42px 0 0 4px;
				border-left:1px dashed #002531;
				border-right:1px dashed #002531;
				border-bottom:1px dashed #002531;
				position:relative;
				background:url(../../images/bg_checker.gif) repeat;
			}
				#videos .content ul li.header {
					width:565px; height:32px;
					position:absolute;
					left:-1px; top:0;
					padding:0 10px; margin:0;
					background:#000;
					border:none;
					border-bottom:1px dashed #002531;
					float:left;
				}
					#videos .content ul li.header .pagination {
						margin:5px 0 0 0;
						float:right;
					}
						#videos .content ul li.header .pagination .displaying {
							margin:2px 0 0 0; padding:0 12px 0 0;
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#75868a;
							float:right;
						}
						#videos .content ul li.header .pagination .buttons {
							width:75px;
							margin:5px 0 0 0;
							float:right;
						}
							#videos .content ul li.header .pagination .buttons a.btn_prev {
								width:31px; height:9px;
								margin:2px 0 0 0;
								background:url(../../images/btn_prev.png) 0 0 no-repeat;
								display:block;
								float:left;
							}
								#videos .content ul li.header .pagination .buttons a.btn_prev:hover {
									background-position:0 -9px;
								}
							#videos .content ul li.header .pagination .buttons a.btn_next {
								width:30px; height:9px;
								background:url(../../images/btn_next.png) 0 0 no-repeat;
								display:block;
								float:right;
							}
								#videos .content ul li.header .pagination .buttons a.btn_next:hover {
									background-position:0 -9px;
								}
				#videos .content ul li {
					width:256px; height:315px;
					margin:20px 16px 5px 16px;
					float:left;
					display:inline;
				}
					#videos .content ul li .video {
						margin:0 auto 12px auto;
					}
						#videos .content ul li .video a {
							display:block;							
						}
							#videos .content ul li .video a img {
								padding:1px;
								border:2px solid #b7ddea;
								background:#000;
							}
								#videos .content ul li .video a:hover img {
									padding:1px;
									border:2px solid #fff;
									background:#000;
								}
					#videos .content ul li .info {
						width:245px;
						margin:0 auto;
						text-align:center;
					}
						#videos .content ul li .info h2 a {
							font:normal 14px Arial, Helvetica, sans-serif;
							color:#03beeb;
							line-height:16px;
						}
							#videos .content ul li .info h2 a:hover {
								background:#03beeb;
								color:#001E27;
							}
							#videos .content ul li .info .socialBar {
								margin:8px auto 0 auto;
								font:normal 9px Verdana, Arial, Helvetica, sans-serif;
								color:#75868a;
								text-align:center;
								display:block;
							}
								#videos .content ul li .info .socialBar .comments {
									color:#69b2cb;
								}
						#videos .content ul li .info .btnHolder {
							width:160px;
							margin:15px auto 0 auto;
						}
							#videos .content ul li .info .btnHolder a.view {
								width:75px; height:19px;
								background:url(../../images/btn_viewNow.jpg) 0 0 no-repeat;
								display:block;
								float:left;
							}
								#videos .content ul li .info .btnHolder a.view:hover {
									background-position:0 -19px;
								}
							#videos .content ul li .info .btnHolder a.share {
								width:75px; height:19px;
								background:url(../../images/btn_share.jpg) 0 0 no-repeat;
								display:block;
								float:right;
							}
								#videos .content ul li .info .btnHolder a.share:hover {
									background-position:0 -19px;
								}
								
/*	--------------------------------------------------------------------------------------------------------------------------
	#videoSingle Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videoSingle {
		margin:10px 0 0 25px;
	}
		#videoSingle h1 {
			width:50px; height:21px;
			background: url(../../images/h1_videos.png) 0 0 no-repeat;
		}
		#videoSingle .content {
			padding:25px 0 10px ;
			border:1px dashed #002531;
			background:url(../../images/bg_checker.gif) repeat;
		}
			#videoSingle .content a.backTo {
				width:81px; height:9px;
				margin:0 0 14px 12px;
				background:url(../../images/btn_backTo.png) 0 0 no-repeat;
				display:block;
			}
				#videoSingle .content a.backTo:hover {
					background-position:0 -10px;
				}
			#videoSingle .content .player {
				width:439px;
				margin:0 auto 75px auto;
			}
				#videoSingle .content .player h2 {
					margin:25px 0 6px 0;
					font:normal 15px Arial, Helvetica, sans-serif;
					color:#03beeb;
				}
				#videoSingle .content .player .info {
					width:355px;
					margin:3px 0 0 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#889a9f;
					display:block;
					float:left;
				}
				#videoSingle .content .player a.share {
					width:75px; height:19px;
					margin:0 3px 0 0;
					background:url(../../images/btn_share.jpg) 0 0 no-repeat;
					display:block;
					float:right;
				}
					#videoSingle .content .player a.share:hover {
						background-position:0 -19px;
					}