/* CSS Document */

body {margin:0px; padding:0px; border:0px; background:url('http://nerdhard.com/images/nerdhard-pattern.gif');  background-color:#ffffff; }

a.rollover {
	display: block;
	width: 250px;
	height: 73px;
	text-decoration: none;
	background: url("http://nerdhard.com/images/joinbutton.jpg");
	}

a.rollover:hover {
	background-position: -250px 0;
	}


.floatright
{
float: right;
margin: 0 146px 10px 10px;
}


.floatleft
{
float: left;
margin: 0 -150px 10px 10px;
}

.floater
{
width: 1132px;
height: 406px;
margin: auto;
}


/*topmenu*/
.topmenu:link, .topmenu:visited, .topmenu:active { font-family: arial; font-weight: bold; text-decoration: none; color:#0B0B0E; font-size: 14px; text-shadow: #ffffff 1px 1px;}
.topmenu:hover { text-decoration: none; color:#442965; }

.footmenu:link, .footmenu:visited, .footmenu:active { font-family: arial; font-weight: bold; text-decoration: none; color:#ffffff; font-size: 14px; }
.footmenu:hover { text-decoration: underline; color:#F28900; }


.title01:link, .title01:visited, .title01:active { font-family: tahoma; text-decoration: none; color:#9A0000; font-size: 11px;}
.title01:hover { text-decoration: underline; color:#9A0000; }

.sitesmall:link, .sitesmall:visited, .sitesmall:active { font-family: tahoma; text-decoration: undeline; color:#F0436F; font-size: 10px;}
.sitesmall:hover { text-decoration: none; color:#000000; }

.title02:link, .title02:visited, .title02:active { font-family: arial; font-weight: bold; text-decoration: none; color:#9A0000; font-size: 12px;}
.title02:hover { text-decoration: underline; color:#9A0000; }

.footer:link, .footer:visited, .footer:active { font-family: tahoma; font-weight: bold; text-decoration: none; color:#0B0B0E; font-size: 11px;}
.footer:hover { text-decoration: underline; color:#A20000; }

.osx:link, .osx:visited, .osx:active{font-family: arial; font-weight: bold; text-decoration: none; color:#0B0B0E; font-size: 14px; text-shadow: #ffffff 1px 1px;}
.osx:hover { text-decoration: none; color:#442965;};

p {
color:#333333;
font-size:12px;
font-family:Tahoma;
line-height: 20pt;

}

.menudivider {
font-size:14px;
font-family:arial;
color:#0B0B0E;
text-shadow: #ffffff 1px 1px;
font-weight: bold; text-decoration: none;
 }

.tahoma10pink {
font-size:10px;
font-weight:bold;
font-family:tahoma;
color:#F03A6C; }

.white14 {
font-size:18px;
font-family:arial;
color:#ffffff;
font-weight:bold; }

.pink14 {
font-size:14px;
font-family:arial;
color:#A20000;
font-weight:bold; }

.tahoma12 {
color:#000000;
font-size:12px;
font-family:Tahoma;
line-height: 18pt;
}

.tahoma11 {
color:#000000;
font-size:11px;
font-family:Tahoma;
line-height: 18pt;
}

.arial12 {
color:#000000;
font-size:12px;
font-family:Arial;
}

.tahoma11w {
color:#ffffff;
font-size:11px;
font-family:Tahoma;
font-weight:bold;
}

.tahoma11b {
color:#333333;
font-size:11px;
font-family:Tahoma;
}

.vidtitle2 {
font-size:20px;
font-weight:bold;
font-family:Arial;
color:#F03A6C; }

.welcome {
font-size:14px;
font-weight:bold;
font-family:Arial;
color:#F03A6C; }

.formtitle {
font-size:14px;
font-weight:bold;
font-family:Arial;
color:#0092E9; }

.tahoma10 {
font-size:10px;
font-family:tahoma;
color:#000000; }


.divider {
font-size:11px;
font-family:arial;
color:#2F3438; }

.purple18 {
font-size:18px;
text-shadow: #E1CDA4 1px 1px;
font-family:arial;
color:#29173B;
font-weight:bold; }

.joinBtn{
	background-image:url(http://nerdhard.com/images/joinblank-btn.png);
	background-repeat:no-repeat;
	width:131px;
	height:46px;
	line-height:45px;
}
.joinBtnLink:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	text-shadow: #ab1057 1px 1px;
	text-decoration:none;
}
.joinBtnLink:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	text-shadow: #ab1057 1px 1px;
	text-decoration:none;
}
.joinBtnLink:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#fff000;
	font-weight:bold;
	text-shadow: #84034c 1px 1px;
	text-decoration:none;
}
.joinBtnLink:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFF;
	font-weight:bold;
	text-shadow: #ab1057 1px 1px;
	text-decoration:none;
}

/* scene style */
.setHolder{margin-left:8px;float:left;	}
.titleBar{background-color:#444444;width:621px;height:36px;vertical-align:middle;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#FFF;line-height:35px;text-align:left;padding-left:5px;margin-bottom:3px;}
.thumb01{float:left;margin-right:2px;}
.thumb02{margin-left:2px;}
.thumb03{margin-left:2px;margin-top:4px;}
.desHolder{float:left;margin-left:3px;text-align:left;}
.desBox{background-color:#444444;width:352px;height:482px;}
.desInfo{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;margin-left:5px;margin-right:5px;line-height:18px;}
.name{font-family:Arial, Helvetica, sans-serif;font-size:24px;color:#FFF;font-weight:bold;margin:5px;}
.subname{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#CCC;margin:5px;}
.labelDes{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#999;float:left;margin-left:5px;margin-right:28px;}
.valueDes{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;float:left;font-weight:bold;}
.mainbtn{background-image:url(../images/mainbtn.png);width:332px;height:44px;margin-left:9px;margin-bottom:5px;}
.mainbtnlink:link{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#ffffff;text-decoration:none;margin-left:10px;line-height:40px;}
.mainbtnlink:visited{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#ffffff;text-decoration:none;margin-left:10px;line-height:40px;}
.mainbtnlink:hover{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#f1df14;text-decoration:none;margin-left:10px;line-height:40px;}
.mainbtnlink:active{font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#ffffff;text-decoration:none;margin-left:10px;line-height:40px;}

/*video and info holder style */
.vidHolder{
	width:720px;
	height:404px;
	float:left;
	margin-right:5px;
	margin-left:1px;
}
.vidDetails{
	width:273px;
	height:435px;
	background-color:#444;
	float:left;
	text-align:center;
}
.vidThumbs{
	border:1px #CCC solid;	
}
.vidLabel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
	text-align:left;
	margin-left:5px;
	margin-top:10px;
	float:left;
}
.vidValue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:left;
	margin-right:5px;
	margin-top:10px;
	text-align:right;
}
.vidTitle{
	margin-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
}
.vidDes{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	text-align:left;
	margin-left:5px;
	margin-right:5px;
}

/* footer style */
.footerText{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#999;}
.footerText:link{color:#63F; text-decoration:none;}
.footerText:visited{color:#63F; text-decoration:none;}
.footerText:hover{color:#666; text-decoration:underline;}
.footerText:active{color:#63F; text-decoration:none;}

/*video clip roll */
.groupHolder{ 
	background-color:#3d3d3d;
}
.clipHolder{
	float:left;
	margin-left:1px;
	margin-top:0px;
}
.clipInfo{
	background-color:#2d2d2d;
	width:165px;
	height:45px;
}
.clipLabel{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999;
	float:left;
	padding-left:10px;
}
.clipText{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#edea12;
	float:left;
	padding-left:20px;
}
.clipLink:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#edea12;
	text-decoration:none;
}
.clipLink:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#edea12;
	text-decoration:none;
}
.clipLink:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	text-decoration:underline;
}
.clipLink:active{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#edea12;
	text-decoration:none;
}
.clipBar{
	background-color:#444444;
	width:997px;
	height:180px;
	margin-top:5px;
	margin-left:0px;
	text-align:left;
	padding-left:0px;
	padding-top:1px;
}
.scroll_left{
	width:60px;
	position:relative;
	z-index:100;
	left:-15px;
	top:-120px;
	float:left;
}
.scroll_right{
	width:60px;
	position:relative;
	z-index:100;
	float:left;
	left:898px;
	top:-120px;
}

/* JOIN FORM STYLE BEGIN */

.step1{
	width:965px;
	height:auto;	
	background-color:#282828;
	text-align:left;
	padding-top:10px;
	padding-bottom:50px;
}
.step1content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	padding-left:20px;
	padding-top:10px;
}
.inputLabel{
	font-size:14px;
	float:left;
	padding-right:5px;
	width:90px;
	text-align:right;
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
}
.inputTextLeft{
	background-image:url(http://nerdhard.com/images/left-tab.png);
	background-repeat:no-repeat;
	width:7px;
	height:33px;
	float:left;
}
.inputBox{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	border:0px;
	width:190px;
	height:30px;
	line-height:30px;
}
.inputTextRight{
	background-image:url(http://nerdhard.com/images/right-tab.png);
	background-repeat:no-repeat;
	width:5px;
	height:33px;
	float:left;
}
.inputTextBody{
	background-color:#FFF;
	height:33px;
	width:200px;
	float:left;
}
.inputHolder{
	float:left;	
}
.errorHolder{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#F39;
	margin-left:10px;
	line-height:35px;
}
.spacer{
	margin:10px;
}

.step2{
	width:965px;
	height:auto;
	background-color:#282828;
	text-align:left;
	padding-top:10px;
	padding-bottom:50px;
}
.step2content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	padding-left:20px;
	padding-top:10px;
}
.step3{
	width:965px;
	height:auto;	
	background-color:#282828;
	text-align:left;
	padding-top:10px;
	padding-bottom:50px;
}
.step3content{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#FFF;
	padding-left:20px;
	padding-top:10px;
}
.submitBtn{
	background-image:url(http://nerdhard.com/images/submit-bg.jpg);
	background-repeat:repeat-x;
	width:965px;
	height:47px;
	text-align:center;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#fff;
	font-weight:bold;
	border:0px;
	margin-bottom:5px;
	cursor:pointer;
}
.phoneBtn{
	background-image:url(http://nerdhard.com/images/submit-bg.jpg);
	background-repeat:repeat-x;
	width:480px;
	height:47px;
	text-align:center;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	border:0px;
	float:left;
	margin-right:5px;
	margin-left:17px;
	cursor:pointer;
}
.mailBtn{
	background-image:url(http://nerdhard.com/images/submit-bg.jpg);
	background-repeat:repeat-x;
	width:480px;
	height:47px;
	text-align:center;
	line-height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#fff;
	border:0px;
	float:left;
	cursor:pointer;
}
/* JOIN FORM STYLE END */

/* MEMBER LOGIN STYLE BEGIN */
.membersbox-top{
	background-image:url(http://nerdhard.com/images/membersbg-top.png);
	background-repeat:no-repeat;
	width:418px;
	height:56px;
}
.membersbox-body{
	background-image:url(http://nerdhard.com/images/membersbg-body.png);
	background-repeat:repeat-y;
	width:418px;
	height:212px;	
}
.membersbox-btm{
	background-image:url(http://nerdhard.com/images/membersbg-btm.png);
	background-repeat:repeat-y;
	width:418px;
	height:24px;	
}
.rePassword{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding-top:0px;
	float:left;
}
.loginSubmit{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	background-image:url(http://nerdhard.com/images/loginSubmit-bg.png);
	background-repeat:no-repeat;
	background-color:#8f8f8f;
	width:217px;
	height:49px;
	border:0px;
	padding-bottom:10px;
}
/* MEMBER LOGIN STYLE END */