/* **********************************************************************************

	SpeedeVideo, LLC CSS
	Created by: Rareview, LLC.

	Table of Contents:
		1.  IMPORT STYLESHEETS
		2.  BASIC ELEMENTS
		3.  TYPOGRAPHY
		4.  HEADER
		5.  CONTENT
		
********************************************************************************** */

/* Import Stylesheets
--------------------------------------------------------------------------------------- */
@import url("reset.css");
@import url("global.css");
@import url("nav.css");
@import url("footer.css");
@import url("videos.css");

/* Basic Elements
--------------------------------------------------------------------------------------- */
body { background-color: #FFFFFF; }

/* Typography
--------------------------------------------------------------------------------------- */
h1    { color: #2e2e2e; font-size: 1.15em; }
h2    { color: #646566; font-size: 0.75em;	margin: 0 0 10px 0; }
h3    { color: #dbdbdb; }
p     { font-size: 0.75em; line-height: 2em; }
small {	color: #a3a3a3; font-size: 0.55em; }

/* Header
--------------------------------------------------------------------------------------- */
#header {
	background: #310200 url(../images/top_header.jpg) no-repeat;
	height: 468px;
}
#slideLoginWrapper { width: 428px; }


/* Content
--------------------------------------------------------------------------------------- */
#flashHeader {
	background: #9ce30d url(../images/flashHeader.jpg) no-repeat top;
	height: 323px;
	margin: 0 auto;
}

#contentBG {
	background: #FFFFFF url(../images/content_bkg.jpg) no-repeat top;
	background-position: 7px;
	width: 814px;
	height: 202px;
	margin: 0 auto;
}

#content {
	/* Might have to come back and fix this... */
	background: transparent url(../images/content_bg.jpg) no-repeat top !important;
	background: transparent url(../images/content_bg.jpg) no-repeat top 45%;	
	color: #666666;
	margin: 0;
	overflow: hidden;
	padding: 0 0 15px 0;	
	width: 100%;
	position: relative;
}
	
	#content p {
		margin: 0;
		padding: 0 0 20px 0;
	}
	#content #leftColumnWrapper {
		position: relative;
		float: left;
		margin: 0 0px 0 5px !important;
		margin: 0 0px 0 2px;
		width: 513px;
	}	
	#content #leftColumnTop {
		background: #FFFFFF url(../images/left_col_top.jpg) no-repeat top;		
		height: 70px;
	}
	#content #leftColumnTop h1 {
		line-height:3.2;
	}
	#content #leftColumnVideoTop {
		background: #FFFFFF url(../images/left_col_video_top.jpg) no-repeat top;		
		height: 55px;
	}
	#content #leftColumnVideoTopFix {
		background: #FFFFFF url(../images/left_col_video_topFix.jpg) no-repeat top;		
		height: 55px;
	}
	#content #leftColumnVideoTop h1, #content #leftColumnVideoTopFix h1 {
		line-height: 3.4 !important;
		line-height: 2.5;
	}
	
	/* ----- THIS HAS TO BE FIXED ----- */
	#content #leftColumnUpload {
		background: #FFFFFF url(../images/left_col_bkg.jpg) repeat-y top left;	
		width: 100%;
		overflow: hidden;
	}
	#content #leftColumn {
		background: #FFFFFF url(../images/left_col_bkg.jpg) repeat-y top left;	
	}
		#content .recentVid {
			border-bottom: 1px dashed #e0e0e0;
			border-right: 1px solid #F9F9F9;
			padding: 6px 0 6px 0;
		}
		#content .firstRVid { border-top: 1px dashed #e0e0e0; }
		#content .recentVid img {
			border: 3px solid #e5e5e5;
			width: 81px;
			height: 61px;
		}
		#content .recentVid .recentJar {
			border: none;
			width: 76px;
			height: 68px;
		}
		#content .recentVid a { color: #2e2e2e; font-weight: bold; font-size: 1.10em; }
		#content .recentVid p {
			margin: 0;
			padding: 0;
		}
		#content .recentVid .recentList, #content .recentVid .recentListRight {
			font-size: 0.70em;
			margin: 0;
			padding: 0;			
			float: left;
		}
		#content .recentVid .recentList { width: 150px; }
		
	#content #leftColumnBottom {
		background: #FFFFFF url(../images/left_col_bottom.jpg) repeat-y top;		
		height: 103px;
	}
	#content #leftColumnBottom h2 {
		padding: 5px 0 0 0;
		margin: 0;
	}
	#content #leftColumnBottom h2 a { 
		color: #646566;
		margin: 0 0 10px 0;
		text-decoration: none;
		font-size: 1.0em;
		line-height: 1.4;
	}
	#content #leftColumnBottom h2 a:hover { text-decoration: underline; }
	
	
	
	/* *** */
	#content #rightColumn {
		float: left; 
		margin: 0 0 0 5px;
		padding: 0;
		width: 270px;
	}
		#content #rightColumn a p { text-decoration: none; }
		#content #rightColumn p { color: #666666; }
		#content #rightColumn .webdate {
			color: #b9b9b9;
			line-height: 2em;
			font-size: 0.75em;
			text-decoration: none;
		}
		
		.regularList {
			margin: 0 0 20px 0;
			padding: 0;
			font-size: 0.75em;
			line-height: 1em;
		}
		
		.regularList ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		.regularList li {
			background: url(../images/bullet.gif) no-repeat 0 2px;
			margin: 0 0 10px 0;
			padding: 0 0 0 17px;
		}	
	#content .fullColumn {
		clear: left;
		padding: 15px 0 0 0;
		width: 700px;
	}

/* Insite
--------------------------------------------------------------------------------------- */
.greyLine {
	height: 1px;
	border-bottom: 1px dotted #e0e0e0;
	margin: 0;
	padding: 0;
}

.insiteList {
	padding:0 20px 0 40px;
	margin: 0 0 10px 0;
	font-size: 0.75em;
	list-style-type: disc;
	line-height: 2em;
}

.insiteList li {
	margin: 0 0 5px 0;
}

/* Form Elements
--------------------------------------------------------------------------------------- */
#nameError, #emailError {
	line-height: 1.5em;
	text-align:right;
}

#usernameInput, #emailInput {
	position: relative;
	right:0;
	padding:2px;
	width: 90px;
	font-size: 0.75em;
}

#userInput, #passInput { width: 120px; }

#searchInput { width: 120px; }

.slideLabel {
	padding: 0;
	margin: 5px 5px 0 10px;
}