@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - SUGARLAND VIDEOS ENTRY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		sugarland_videosEntry.css
	Date:			Jan 05, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	nav Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	ul#nav li#navMedia a {
		background-position:0 -92px;
	}
		#nav li ul {
			background:url(../../images/navMedia.jpg) 0 -92px no-repeat;			
		}


/*	--------------------------------------------------------------------------------------------------------------------------
	videos Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#videos {
		
	}
		#videos .titleBar {
			height:21px;
			padding:8px 0 0 9px;
		}
			#videos .titleBar h1#h1_videos {
				width:56px; height:12px;
				background: url(../../images/h1_videos.png) no-repeat;
			}
		#videos .contentBox {
			padding:13px 0 13px 13px;
			border-bottom:1px solid #aca394;
		}
			#videos .contentBox .entry {
				width:546px;
				margin:0 0 20px 0; padding:13px 0 8px 30px;
				background:#f5f1e6;
			}
				#videos .contentBox .entry .titleBarEntry {
					
				}
					#videos .entry .titleBarEntry .nowPlaying {
						color:#8a7e63;
						font:normal 10px Arial, Helvetica, sans-serif;
					}
					#videos .entry .titleBarEntry h2 {
						margin:4px 0 6px 0;
						font:normal 23px Arial, Helvetica, sans-serif;
						color:#d35d30;
					}
					#videos .entry .titleBarEntry .videoInfo {
						color:#766044;
						font:normal 12px Arial, Helvetica, sans-serif;
					}	
						#videos .entry .titleBarEntry .videoInfo a {
							font:bold 12px Arial, Helvetica, sans-serif;
						}
					#videos .contentBox .entry .content {
						margin:10px 0 0 0; padding:0 0 10px 0;
					}
						#videos .contentBox .entry .content .videoPlayer {
							width:514px; height:317px;
						}
						#videos .contentBox .entry .content .entries {
							margin:3px 0 3px 0;
						}
							#videos .contentBox .entry .content .entries .videoEntry {
								margin:0 2px 2px 0; padding:4px;
								background:#dcd6c8;
								width:248px;
								float:left;
							}
								#videos .contentBox .entry .content .entries .videoEntry .videoImage {
									margin:0 4px 0 0;
									width:80px; height:60px;
									float:left;
								}
									#videos .contentBox .entry .content .entries .videoEntry .videoImage img {
										width:80px; height:60px;
									}
								#videos .contentBox .entry .content .entries .videoEntry .videoInfo {
									width:160px;
									color:#766044;
									font:normal 11px Arial, Helvetica, sans-serif;
									float:left;
								}
									#videos .contentBox .entry .content .entries .videoEntry .videoInfo h3 {
										height:18px;
										overflow:hidden;
									}
										#videos .contentBox .entry .content .entries .videoEntry .videoInfo h3 a {
											color:#d35d30;
											font:normal 14px Arial, Helvetica, sans-serif;
										}
											#videos .contentBox .entry .content .entries .videoEntry .videoInfo h3 a:hover {
												color:#2ca2cf;
											}
									#videos .contentBox .entry .content .entries .videoEntry .videoInfo a {
										font:bold 11px Arial, Helvetica, sans-serif;
									}
				
						#videos .contentBox a.btnMoreVideos {
							margin:20px 0 0 435px;
							width:75px;
							background:url(../../images/arrow_right_blue.png) 72px 5px no-repeat;
							display:block;
							color:#000000;
							font:bold 11px Arial, Helvetica, sans-serif;
						}
							#videos .contentBox a.btnMoreVideos:hover {
								background:url(../../images/arrow_right_orange.png) 72px 5px no-repeat;
								color:#bd816e;
							}
					
					
	/*	commentBox Styles
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		#videos .contentBox .commentBox {
			padding:0 0 32px 10px;
		}
			#videos .contentBox .commentBox .titleBar {
				margin:0 0 22px 0; padding:0;
				background:none;
				border:0;
			}
				#videos .contentBox .commentBox .titleBar h2#h2_userComments {
					width:200px; height:14px;
					padding:0 0 0 112px;
					background:url(../../images/h2_userComments.png) 0 3px no-repeat;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#704619;
					float:left;
				}
				#videos .contentBox .commentBox .titleBar .btnHolder {
					width:90px;
					margin:4px 0 0 0; padding:0 16px 0 0;
					float:right;
				}
			#videos .contentBox .commentBox .entry {
				margin:0 0 4px 0; padding:0;
				background:url(../../images/commentPointer.gif) 98px 15px no-repeat;
				width:576px;
			}
			#videos .contentBox .commentBox .entry .user {
				width:80px;
				margin:2px 0 0 0; padding:2px;
				background:#766044;
				float:left;
			}
				#videos .contentBox .commentBox .entry .user img {
					display:block;
				}
			#videos .contentBox .commentBox .entry .contentBox {
				width:400px;
				margin:0 0 0 42px; padding:15px;
				background:#f5f1e6;
				border:none;
				float:left;
			}
				#videos .contentBox .commentBox .entry .contentBox h3 {
					margin:0 0 5px 0;
					font:normal 16px Arial, Helvetica, sans-serif;
					color:#704619;
				}
				#videos .contentBox .commentBox .entry .contentBox p {
					margin:0 0 10px 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#704619;
					line-height:18px;
				}
				#videos .contentBox .commentBox .entry .contentBox .date {
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#766044;
				}
			#videos .contentBox .commentBox .btnHolder {
				width:550px;
				margin:16px 0 0 0;
				font:bold 10px Arial, Helvetica, sans-serif;
				text-align:right;
			}
				#videos .contentBox .commentBox .btnHolder a:link, #videos .contentBox .commentBox .btnHolder a:active, #videos .contentBox .commentBox .btnHolder a:visited {
					color:#000000;
				}
					#videos .contentBox .commentBox .btnHolder a:hover {
						color:#ffffff;
					}
			
