@charset "utf-8";
/* LED Lab */

/*****************
Reset
*****************/
* {
	margin: 0;
	padding: 0;
	outline:none;
}

/**********************
Type Elements
**********************/
body {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
html, body {
	height: 100%;
	width: 100%;
}

a {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}
a:hover {
	color: #f9922d;
}
.clearDiv {
	clear:both;
}
.delete{
	/*float: right;*/
}
.headerTitle {
	color:#1fb2ff;
	font-size:45px;
}

#navigation a, #loginSign a, #searchTxt, #searchBar, #profileLogout a{font-weight:bold;}
#searchBar {font-size:14px;}
#footer, #footer a {
	color:#FFF;
	font-size:10px;
}
.title {
	color:#1fb2ff;
	font-size:20px;
	text-align:center;
	text-transform:uppercase;
	top:90px;
	position:relative;
}
.subTitle {
	color:#1fb2ff;
	font-size:20px;
	padding-bottom:10px;
	width:400px;
}
.videoTitle a {
	color:#f9922d;
	font-size:12px;
	font-weight:bold;
}
.videoUser a {
	color:#f9922d;
	font-size:12px;
}
.videoTitle {
	margin-top:5px;
}
.videoView {
	font-size:11px;
}
.videoTitle a:hover, .videoUser a:hover {
	color:#FFF;
}
/**Navigation Hover**/
#homePage #homeLink a, #basicsPage #basicsLink a, #categoriesPage #catLink a, #aboutusPage #aboutLink a {
	color:#f9922d;
}
.warning{
	color: #AF0A0E;
	font-weight: bold;
}
.success{
	color: #F9922D;
	font-weight: bold;
	font-size: 16px;
}
/**********************
Basic Elements
**********************/
li {
	list-style:none;
}
#loginSign li, #footer li, #profileLogout li{
	display:inline;
}

textarea{
	width: 300px;
}
/**********************
Layout Classes
**********************/
.firstVideoThumb, .videoThumb {
	float:left;
	width:137px;
	margin-left:28px;
	margin-top:20px;
}

.infopara{ padding-bottom:30px; }

.radioBtn{padding-right:15px;} 


.sortCheck {
	color:#f9922d;
}
.videoImg {
	border:#999 3px solid;
}
.videoImg:hover {
	border:#f9922d 3px solid;
}
.videoThumb {
	padding-left:20px;
}
.ajaxLinks a{
	font-size: 12px;
}
.hide{
	visibility: hidden;
}
.noborder{
	border: none;
}
/**********************
Basic Layout
**********************/
body {
	background:#000;
}

#bgimg{
	background: url(../images/bg2.jpg) top center no-repeat scroll;
	width: 100%;
}

#wrapper {
	margin:0 auto;
	width: 923px;
}
#primaryContent {
	background: url(../images/centerPlate.png) top left no-repeat;
	clear: both;
	height: 464px;
	width: 923px;
}
#secondaryContent {
	background: #272727;
	padding: 0 0 20px 20px;
	margin-top: 10px;

}
#homePage #secondaryContent {
	background: #272727 url(../images/boxGradient.jpg) top left repeat-x;
}
/**********************
Header Elements
**********************/
/**Logo**/
#logo span, #logoCrop span {
	display:none;
}
#logo {
	float:left;
	background:url(../images/logoBlack.png) top left no-repeat;
	height:87px;
	padding-bottom:10px;
	margin-top:15px;
	width:185px;
}
#logoCrop {
	background:url(../images/logo.png) top left no-repeat;
	height:87px;
	padding-bottom:10px;
	margin-top:15px;
	width:185px;
}
/**Login / Signup **/
#loginSign, #profileLogout{
	float:right;
}
#login span {
	padding-left:20px;
}
#login a {
	background:url(../images/login.jpg) top left no-repeat;
	display:block;
	float:left;
	height:37px;
	padding-top:10px;
	width:82px;
}
#signup span {
	padding-left:13px;
}
#signup a {
	background:url(../images/signup.jpg) top left no-repeat;
	display:block;
	float:left;
	height:37px;
	padding-top:10px;
	width:85px;
}

/**Profile / Submit Video / Logout**/
#userWelcome{
	float:left;
	font-weight:bold;
	padding-top:10px;
	padding-right:5px;
}

#profile a{
	background:url(../images/profileBtn.jpg) top left no-repeat;
	display:block;
	float:left;
	height:37px;
	padding-top:10px;
	width:67px;
}

#profile span{
	padding-left:13px;
}


#submitVideo a{
	background:url(../images/submitVideoBtn.jpg) top left no-repeat;
	display:block;
	float:left;
	height:37px;
	padding-top:10px;
	width:106px;
}

#submitVideo span{
	padding-left:10px;
}


#logout a{
	background:url(../images/logoutBtn.jpg) top left no-repeat;
	display:block;
	float:left;
	height:37px;
	padding-top:10px;
	width:72px;
}

#logout span{
	padding-left:12px;
}




/**********************
Primary Elements
**********************/
/**Navigation**/
#navigation li {
	float:left;
	padding-left:15px;
}

#navigation {
	position: relative;
	float: left;
	padding-top: 7px;
	padding-left: 5px;
	z-index:45;
}



#rssLink {
	margin-left:15px;
}
#rssLink span, #lightBulbLink span {
	display:none;
}
#rssLink a {
	float:			left;
	background:		url(../images/rss.png) top left no-repeat;
	display:		block;
	height:			21px;
	width:			20px;
}
#lightBulbLink a {
	float:			left;
	background:		url(../images/lightBulb.png) top left no-repeat;
	display:		block;
	height:			19px;
	width:			12px;
}
/**Search Bar**/
#search {
	float:			right;
	padding-top:	7px;
	margin-right:	20px;
}
#searchTxt {
	padding-right:	5px;
}
#searchBar {
	background:		url(../images/searchBar.png) top left no-repeat;
	border:			none;
	color:			#1fb2ff;
	height:			15px;
	padding-left:	5px;
	width:			161px;
}
#searchBtn {
	background:		url(../images/searchBtn.png) top left no-repeat;
	border:			none;
	cursor:			pointer;
	height:			13px;
	width:			15px;
}
/**Search Bar Page**/
#searchBig {
	margin: 		auto;
	width: 			600px;
	padding-top: 	100px;
}

#searchTxtBig {
	background:		url(../images/searchTitleBig.png) top left no-repeat;
	width:			165px;
	height:			41px;
	float:			left;
	margin-top: 	7px;
}
#searchBarBig {
	background:		 url(../images/searchBarBig.png) top left no-repeat;
	border:			none;
	color:			#1fb2ff;
	height:			53px;
	padding:		0 10px 0 5px;
	width:			350px;
	font-size:		42px;
	
}
#searchBtnBig {
	
	background:transparent url(../images/goSearchBtnBig.png) no-repeat scroll left top;
	height:60px;
	width:57px;
	position: relative;
	top: -8px;
	left: 0;
	border:			none;
	cursor:			pointer;
}

/*********************************************************Home Page**/
/**Flash Video**/
#flashContainer {
	position:relative;
	clear:both;
	left:130px;
	top:-25px;
	width:676px;
	z-index:1;
}

#flashContainerXML{
	position:relative;
	clear:both;
	left:133px;
	top:31px;
	width:676px;
	z-index:1;
}


#flashContainer object, #flashContainerXML object{outline:none;}

.featFirst, .featVideo {
	float:left;
}
.featVideo {
	padding-left:38px;
}


/*********************************************************Home Page END**/







/**********************
LightBox
**********************/
#lightBox{
	background: #000;
	left:0;
	line-height:0;
	position: fixed;
	text-align:center;
	top:0;
	width:100%;
	height: 100%;
	
	
	z-index: 50;
	display: none;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;

}
/*********************************************************FORMS***/

.textInputbg{
	background: transparent url(../images/textInputbg.jpg) top left no-repeat;
	width: 236px;
	height: 32px;
	border: none;
	padding: 8px;
	color: #F9922D;
	font-size: 14px;
	font-weight: bold;
}
.textAreabg{
	background: transparent url(../images/textAreabg.jpg) top left no-repeat;
	width: 240px;
	height: 59px;
	border: none;
	padding:8px;
	color: #F9922D;
	font-size: 14px;
	font-weight: bold;
}



/*File Input formatting*/
.inputPos{
	position: 		relative;
	}
	

.fileInputbg{
	height: 		38px;
	color: 			#F9922D;
	font-size: 		14px;
	font-weight: 	bold;
	filter:			alpha(opacity=0);
	-moz-opacity:	0;
	-khtml-opacity: 0;
	opacity: 		0;
	z-index: 		2;
	position: 		relative;
	top: 			0px;
	left: 			100px;
		
}

.fakeFileInputbg{
	background: 	transparent url(../images/textInputbg.jpg) top left no-repeat;
	padding: 		8px;
	width: 			225px;
	height: 		28px;
	color:			#F9922D;
	font-size: 		14px;
	font-weight: 	bold;
	border: 		none;
}
.posAbs{
	position: 		absolute;
	top: 			0;
	left: 			0;
	z-index: 		1;
}

.pointer{
	margin-bottom: -6px;
	padding-left: 10px;
}

/*Profile Image Input*/
.fakeFileProImgInputbg{
	background: 	transparent url(../images/AjaxNameField.png) top left no-repeat;
	padding: 		8px;
	width: 			124px;
	height: 		25px;
	color:			#F9922D;
	font-size: 		14px;
	font-weight: 	bold;
	border: 		none;
}
.fileProImgInputbg{
	height: 		25px;
	color: 			#F9922D;
	font-size: 		14px;
	font-weight: 	bold;
	filter:			alpha(opacity=0);
	-moz-opacity:	0;
	-khtml-opacity: 0;
	opacity: 		0;
	z-index: 		2;
	position: 		relative;
	top: 			0px;
	left: 			0px;	
}
.pointerProImg{
	margin-bottom: -2px;
	padding-left: 0px;
}

/*********************************************************LightBox***/


#centerSection {
	clear:both;
	position:relative;
	background:url(../images/transbox.png) top left;
	height:264px;
	margin: 0 auto;
	top:75px;
	width:674px;
}
.subSection {
	float:left;
	padding-right:10px;
	width:330px;
}
.subPanel {
	background: #262626;
	margin-top:10px;
	padding:10px;
}
/*********************************************************Cateogies Page**/


#primSection {
	background: #262626;
	float:right;
	margin-top:10px;
	padding:10px;
	width:562px;
}

#cat{
	position:relative;
	width:672px;
	top:65px;
}

#cat li{
	float:left;
	padding:13px;
}

#cat span{display:none;}

#cat a{
	display:block;	
	width:108px;
	height:110px;
}

#all a{background:url(../images/all.png) top left no-repeat;}
#photo a{background:url(../images/photography.png) top left no-repeat;}
#deco a{background:url(../images/decorations.png) top left no-repeat;}
#games a{background:url(../images/games.png) top left no-repeat;}
#doodads a{background:url(../images/doodads.png) top left no-repeat;}
#all a:hover, #photo a:hover, #deco a:hover, #games a:hover, #doodads a:hover{background-position:bottom left;}

#cat .onCat{background-position:bottom left;}


/*********************************************************Cateogies Page END**/


/*********************************************************Video Page**/


#materialList li{
	list-style:outside;
	margin-left:15px;
	padding-bottom:5px;
}

#instructList li {
	font-size:14px;
	font-weight:bold;
}
#instructList p {
	padding-bottom:10px;
}
.relateThumb {
	height:100px;
}
.relateThumb .videoImg {
	float:left;
}
.relateThumb .videoDetail {
	float:left;
	margin-left:15px;
}
.relateThumb {
	margin-top:10px;
	padding-bottom:10px;
}

.commentfirst{clear:both;}

.commentfirst, .comment{
	padding:10px;
	background:#181818;
}

.commentfirst a img, .comment a img{border:none;}

.comment{
	margin-top:15px;
}


.userImg{
	float:left;
	padding-right:15px;
}

.userText{
	float:left;
	width:455px;
}

.userName a{
	color: #f9922d;
	font-size:16px;
	font-weight:bold;
	padding-right: 10px;
}

.userName a:hover{ color:#FFF;}

.userDate{ color: #7f7f7f; }

.userCom{margin-top:10px;}


/*********************************************************Video Page END**/


/*********************************************************The Basic**/
#ledimg1, #ledimg2{margin-top:20px;}

#ledimg2{padding-bottom:10px; }

#ledimg1, #ledimg2{margin-left:80px;}



/*********************************************************The Basic END**/


/*********************************************************About Page**/

#steps li{
	height:175px;
	padding-left:60px;
	margin-top:45px;
	float:left;
	text-align:center;
}
#steps span{display:none;}
#steps .steptitle{
	color:#c9c9c9;
	font-size:14px;
	font-weight:bold;
}

#steps .img{
	width:147px;
	height:153px;
}

#idea .img{background:url(../images/step1.png) top left no-repeat;}
#create .img{background:url(../images/step2.png) top left no-repeat;}
#upload .img{background:url(../images/step3.png) top left no-repeat;}


#aboutlogo{
	margin-top:3px;
	padding-left:3px;
	padding-bottom:10px;
}


/*********************************************************About Page END**/


/*********************************************************User Profile**/
#userProfile{
	margin: 0 auto;
	padding-top:50px;
	width:550px;
}

#profileImg{
	padding-right:25px;
}

#profileName{
	color:#f9922d;
	font-size:24px;
	font-weight:bold;
}

#profileDateT, #profileAboutT{
	font-weight:bold;
	margin-top:10px;
}

#leftProfile{
	width: 230px;
	float:left;
}

#rightProfile{
	width: 300px;
	float:left;
}



/*********************************************************User Profile End**/



/*********************************************************Add Comment**/
#commentTitle{
	float:left;
	width:450px;
}

#addComment{
	display:block;
	float:right;
	font-weight:bold;
	margin-top:10px;
	width:100px;
}

/*********************************************************Add Comment End**/






/**********************
Secondary Elements
**********************/
.headerTitle {
	padding-bottom:5px;
}

/**********************
Result Elements
**********************/
.resultFirst{
	float:left;
	margin-left: 0px;
	margin-top: 20px;
}
.result{
	float:left;
	margin-left: 34px;
	margin-top:20px;
}
.result a, .resultFirst a{
	display:  block;
}
/**********************
Footer Elements
**********************/
#footer {
	clear:both;
	margin-top:10px;
	text-align:center;
}