@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Kristinia DeBarge VIDEO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		kdb_video.css
	Date:			June 24, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
				
/*	--------------------------------------------------------------------------------------------------------------------------
	navbar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul.navbar li.videos a {
		background:url(../../images/nav_spritesNew.png) -90px -190px no-repeat;
	}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	main Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.videoContent {
		margin:162px 0 0 0;
		width:437px;
	}
		.videoContent .header {
			margin:0 0 10px 0;
		}
			.videoContent h2 {
				margin:0 0 10px 0;
				width:119px; height:54px;
				background:url(../../images/h2_video.jpg) 0 0 no-repeat;
				float:left;
			}
			.videoContent a.backTo {
				padding:0 0 0 10px; margin:23px 2px 0 0;
				width:75px; height:15px;
				background:url(../../images/btn_prev.png) center left no-repeat;
				font:normal 11px Arial, Helvetica, sans-serif;
				color:#ff006e;
				float:right;
				display:inline-block;
			}
				.videoContent a.backTo:hover {
					color:#900040;
				}
		.videoContent .pager {
			margin:0 2px 25px 0;
			clear:both;
		}
			.videoContent .pager .displaying {
				margin:4px 0 0 2px;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#828282;
				display:inline-block;
				float:left;
			}
			.videoContent .pager a.prev {
				margin:0 5px 0 0; padding:1px 0 0 1px;
				width:42px; height:15px;
				background:#fdfb05 url(../../images/btn_prevYellow.jpg) 3px 5px no-repeat;
				float:right;
				text-align:center;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#ff006e;
				border-bottom:1px solid #000;
				border-right:1px solid #000;
			}
				.videoContent .pager a.prev:hover {
					margin:1px 5px 0 1px; padding:1px 0 0 0;
					height:15px;
					border:none;
				}
			.videoContent .pager a.next {
				padding:1px 1px 0 0;
				width:42px; height:15px;
				background:#fdfb05 url(../../images/btn_nextYellow.jpg) 37px 5px no-repeat;
				float:right;
				text-align:center;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#ff006e;
				border-bottom:1px solid #000;
				border-right:1px solid #000;
			}
				.videoContent .pager a.next:hover {
					margin:1px 1px 0 1px; padding:1px 0 0 0;
					height:15px;
					border:none;
				}	
		.videoContent ul.videos {
			list-style:none;
		}
			.videoContent ul.videos li.video {
				margin:0 10px 30px 0;
				width:208px; height:255px;
				float:left;
				display:inline;
			}
				.videoContent ul.videos li.video img {
					display:block;
					border:none;
				}
					.videoContent ul.videos li.video .still a {
						padding:2px; margin:0 0 7px 0;
						display:block;
						background:#e7e7e7;
						border:2px solid #bbb;
						text-align:center;
					}
						.videoContent ul.videos li.video .still a:hover {	
							border:2px solid #fa006f;
						}
			.videoContent ul.videos li.video .vidInfo {
				margin:0 auto;
				width:200px;
				text-align:center;
			}
				.videoContent ul.videos li.video .vidInfo h4 a {
					margin:0 0 6px 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#ff006e;
				}
					.videoContent ul.videos li.video .vidInfo h4 a:hover {
						color:#fff;
						background:#ff006e;
					}
				.videoContent ul.videos li.video .vidInfo .social {
					margin:5px 0 0 0;
					font:normal 10px Verdana, Arial, Helvetica, sans-serif;
					color:#515252;
				}
					.videoContent ul.videos li.video .vidInfo .social a {
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#f35b9f;
					}
						.videoContent ul.videos li.video .vidInfo .social a:hover {
							color:#fa006f;
						}
				.videoContent ul.videos li.video .vidInfo .social .linkHolder {
					margin:10px 0 0 31px;
				}
					.videoContent ul.videos li.video .vidInfo .social .linkHolder a.viewNow {
						margin:0 5px 0 0; padding:1px 0 0 0;
						width:65px; height:15px;
						background:#ff006e;
						float:left;
						text-align:center;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#fff;
						border-bottom:1px solid #900040;
						border-right:1px solid #900040;
					}
						.videoContent ul.videos li.video .vidInfo .social .linkHolder a.viewNow:hover {
							margin:1px 5px 0 1px; padding:1px 0 0 0;
							height:15px;
							border:none;
						}
					.videoContent ul.videos li.video .vidInfo .social .linkHolder a.shareThis {
						padding:1px 0 0 0;
						width:65px; height:15px;
						background:#ff006e;
						float:left;
						text-align:center;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#fff;
						border-bottom:1px solid #900040;
						border-right:1px solid #900040;
					}
						.videoContent ul.videos li.video .vidInfo .social .linkHolder a.shareThis:hover {
							margin:1px 0 0 1px;  padding:1px 0 0 0;
							height:15px;
							border:none;
						}
						

/*	--------------------------------------------------------------------------------------------------------------------------
	video_single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	.videoContent .videoSingle {
		padding:3px; margin:0 auto;
		display:block;
		background:#e7e7e7;
		border:1px solid #bbb;
		text-align:center;
	}
		.videoContent .videoSingle img {
			display:block;
			border:none;
		}
		.videoContent .singleInfo {
			text-align:center;
		}
			.videoContent .singleInfo a {
				color:#FF006E;
			}
				.videoContent .singleInfo a:hover {
					color:#900040;
				}
			.videoContent .singleInfo h4.singleTitle {
				margin:22px auto 8px auto;
				font:normal 14px Arial, Helvetica, sans-serif;
				color:#000;
				display:block;
			}
			.videoContent .singleInfo .views {
				margin:0 0 7px 0;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#000;
				display:block;
			}
			.videoContent .singleInfo .shareHolder {
				margin:0 auto;
				display:inline-block;
				text-align:center;
			}
				.videoContent .singleInfo .shareHolder a.shareVideo {
					padding:1px 0 0 0;
					width:65px; height:15px;
					background:#ff006e;
					display:block;
					text-align:center;
					font:bold 10px Verdana, Arial, Helvetica, sans-serif;
					color:#fff;
					border-bottom:1px solid #900040;
					border-right:1px solid #900040;
				}
					.videoContent .singleInfo .shareHolder a.shareVideo:hover {
						margin:1px 0 0 1px; padding:1px 0 0 0;
						height:15px;
						border:none;
					}
			
	.videoContent .comments {
		margin:60px 0 25px 0;
	}
		.videoContent .comments .commentsHeader {
			margin:0 0 17px 0;
		}
			.videoContent .comments .commentsHeader h3 {
				font:bold 16px Arial, Helvetica, sans-serif;
				color:#2d2e2e;
				float:left;
			}
			.videoContent .comments .commentsHeader a.postComment {
				margin:0 2px 0 0; padding:4px 0 0 0;
				width:105px; height:18px;
				background:#ff006e;
				text-align:center;
				font:bold 11px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				border-bottom:1px solid #900040;
				border-right:1px solid #900040;
				float:right;
			}
				.videoContent .comments .commentsHeader a.postComment:hover {
					margin:1px 2px 0 1px;  padding:4px 0 0 0;
					height:18px;
					border:none;
				}
		.videoContent .comments ul.entries {
			list-style:none;
		}	
			.videoContent .comments ul.entries li.entry {
				margin:0 0 22px 0;
			}
				.videoContent .comments ul.entries li.entry .userImage a {
					padding:2px;
					background:#fff;
					border:2px solid #900040;
					float:left;
					display:block;
				}
					.videoContent .comments ul.entries li.entry .userImage a:hover {
						border:2px solid #ff006e;
					}
				.videoContent .comments ul.entries li.entry .commentRepeater {
					padding:0 0 5px 0;
					background:url(../../images/bg_commentHolderRepeater.png) top right repeat-y;
					float:right;
				}
					.videoContent .comments ul.entries li.entry .commentRepeater .commentTop {
						padding:15px 15px 10px 18px;
						width:340px;
						background:url(../../images/bg_commentHolderTop.png) top right no-repeat;
					}
						.videoContent .comments ul.entries li.entry .commentRepeater .commentTop .commentArea {
							margin:0 0 0 33px; padding:0 15px 0 0;							
							font:normal 11px Arial, Helvetica, sans-serif;
							color:#525151;
							line-height:16px;
							display:block;
						}
						.videoContent .comments ul.entries li.entry .commentRepeater .commentTop .commentArea .commentInfo {
							margin:7px 0 0 0;
							font:normal 10px Arial, Helvetica, sans-serif;
							color:#838383;
							display:block; 
						}
							.videoContent .comments ul.entries li.entry .commentRepeater .commentTop .commentArea .commentInfo a {
								font:normal 10px Arial, Helvetica, sans-serif;
								color:#900040; 
							}
								.videoContent .comments ul.entries li.entry .commentRepeater .commentTop .commentArea .commentInfo a:hover {	
									color:#ff006e; 
								}
		.videoContent .comments .commentsFooter {
		}
			.videoContent .comments .commentsFooter a.postComment {
				margin:0 2px 0 0; padding:4px 0 0 0;
				width:105px; height:18px;
				background:#ff006e;
				display:inline-block;
				text-align:center;
				font:bold 11px Verdana, Arial, Helvetica, sans-serif;
				color:#fff;
				border-bottom:1px solid #900040;
				border-right:1px solid #900040;
				float:right;
			}
				.videoContent .comments .commentsFooter a.postComment:hover {
					margin:1px 2px 0 1px;  padding:4px 0 0 0;
					height:18px;
					border:none;
				}