@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - VIDEOS : 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jj_videos.css
	Date:			Jul 27, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header #nav li.navVideos a, #header #nav li.navVideos a:hover {
		background-position:-306px -40px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#videos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videos {
		padding:0 0 1px 0;
		background:url(../../images/bg_mainColCap.png) 0 bottom no-repeat;
	}
		#videos ul {
			width:617px;
		}
			#videos .header {
				width:607px;
				padding:0 10px 9px 0;
				background:url(../../images/bg_mainColCap.png) 0 bottom no-repeat;
			}
				#videos .header h1 {
					width:103px; height:25px;
					padding:0 10px 0 0;
					background:url(../../images/h1_videos_15px.png) 0 0 no-repeat;
					float:left;
				}
				#videos .header a.back {
					margin:10px 0 0 0;
					font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					color:#a6a196;
					float:left;
				}
					#videos .header a.back:hover	{
						color:#fff;
					}
			#videos ul li {
				width:579px;
				padding:19px;
				background:url(../../images/bg_mainCol.png) 0 0 repeat-y;
				display:inline;
				float:left;
			}
				#videos ul li .video {
					width:200px;
					float:left;
				}
				#videos ul li .content {
					width:345px;
					padding:9px 0 0 15px;
					font:normal 12px Arial, Helvetica, sans-serif;
					float:left;
				}
					#videos ul li .content span.date {
						margin:0 0 3px 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#6c5c53;
						display:block;
					}
					#videos ul li .content h4 {
						margin:0 0 3px 0;
						font:normal 14px Arial, Helvetica, sans-serif;
					}
						#videos ul li .content h4 a {
							color:#f2efec;
						}
							#videos ul li .content h4 a:hover {
								color:#ff8700;
							}
					#videos ul li .content p {
						margin:0 0 10px 0;
						font:normal 12px Arial, Helvetica, sans-serif;
						color:#908b86;
					}
					#videos .social {
						margin:2px 0 0 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#e27c0a;
					}
						#videos .social span.divider {
							color:#6c5c53;
						}
						#videos .social span.grey {
							color:#7a7774;
						}
					
/*	--------------------------------------------------------------------------------------------------------------------------
	.entry Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videos .entry {
		width:532px;
		padding:19px 19px 19px 66px;
		background:url(../../images/bg_mainCol.png) 0 0 repeat-y;
	}
		#videos .entry span.date {
			margin:0 0 3px 0;
			font:bold 11px Verdana, Arial, Helvetica, sans-serif;
			color:#6c5c53;
			display:block;
		}
		#videos .entry h4 {
			margin:0 0 12px 0;
			font:normal 16px Arial, Helvetica, sans-serif;
			color:#f2efec;
		}
		#videos .entry .brightCove {
			width:487px;
			margin:28px 0 0 0;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	comment Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#mainCol #comments {
		width:551px;
		padding:0 0 0 66px;
		background:url(../../images/bg_mainCol.png) 0 0 repeat-y;
	}
		#mainCol #comments .header {
			padding:0 0 25px 0;
			width:485px;
		}
			#mainCol #comments .header h3 {
				width:106px; height:17px;
				background:url(../../images/h3_comments.png) 0 0 no-repeat;
				float:left;
			}
			#mainCol #comments .header .pagination {
				width:368px;
				float:right;
			}
				#mainCol #comments .pagination .displaying {
					margin:4px 0 0 0;
					font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					color:#a6a196;
					float:left;
				}
				#mainCol #comments .pagination .buttons {
					float:right;
				}
					#mainCol #comments .pagination .buttons a.btn_prev {
						width:37px; height:16px;
						margin:0 6px 0 0; padding:3px 0 0 16px;
						background:url(../../images/btn_prev.png) 0 0 no-repeat;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#d8cfbd;
						display:inline-block;
					}
						#mainCol #comments .pagination .buttons a.btn_prev:hover {
							background-position:bottom;
							color:#231e1b;
						}
					#mainCol #comments .pagination .buttons a.btn_next {
						width:43px; height:16px;
						padding:3px 0 0 10px;
						background:url(../../images/btn_next.png) 0 0 no-repeat;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#d8cfbd;
						display:inline-block;
					}
						#mainCol #comments .pagination .buttons a.btn_next:hover {
							background-position:bottom;
							color:#231e1b;
						}
			#mainCol #comments ul {
				width:485px;
			}
				#mainCol #comments ul li {
					width:485px;
				}
					#mainCol #comments ul li .userPic {
						width:74px;
						padding:15px 0 0 0;
						background:url(../../images/bg_userPic.png) 5px 40px no-repeat;
						float:left;
					}
						#mainCol #comments ul li .userPic a img {
							border:solid 1px #e27c0a;
						}
							#mainCol #comments ul li .userPic a:hover img {
								border:solid 1px #fff;
							}
					#mainCol #comments ul li .commentTop {
						width:410px;
						padding:4px 0 0 0;
						background:url(../../images/bg_commentTop.png) top left no-repeat;
						float:left;
					}
						#mainCol #comments ul li .comment {
							width:400px;
							padding:12px 0 0 10px;
							background:url(../../images/bg_commentBottom_410w.png) bottom left no-repeat;
							color:#2e1b10;
						}
							#mainCol #comments ul li .comment .date {
								font:normal 11px Arial, Helvetica, sans-serif;
								color:#6c5c53;
								display:inline;
							}
							#mainCol #comments ul li .comment a {
								font:bold 12px Arial, Helvetica, sans-serif;
								color:#e27c0a;
							}
								#mainCol #comments ul li .comment a:hover {
									color:#fff;
								}
							#mainCol #comments ul li .comment .post {
								width:410px;
								padding:0 0 15px 0;
								color:#908b86;
							}
								#mainCol #comments ul li .comment .post p {
									width:390px;
									margin:0 0 5px 0; padding:0;
								}