@charset "utf-8";
/* CSS Document */


/* turned off */
#title, 
#tagline h2 span {
display:none}

/* remove default settings */
h1,h2,h3,h4,h5,h6,p,div,img,blockquote { margin: 0; padding: 0; }
a img {border:none}
.clear { clear: both; }

body {
	background-image: url(images/bg.gif);
}

#body { 
	width:1011px; 
	text-align: left; 
	margin: 0 auto; 
	padding: 0;
	font-family:Geneva, Arial, Helvetica, sans-serif; 
}

p {
		font-size:12px;
		font-weight:normal;
}

#header{
	background-image:url(images/header.png);
	width:1011px;
	height:148px;
	
	
}

#addthis {
	position:relative;
	width:130px;
	height:20px;
	left:820px;
	top:-10px;
	z-index:30;
}

#addthis_index {
	position:relative;
	width:130px;
	height:20px;
	left:-68px;
	top:-30px;
}

.notes{
	font-size:10px;
	font-style:inherit;
	padding-left:10px;
}

#logo{
	position:relative;
	top:-8px;
	left:-10px;
	float:left;
	}


#tagline h2 { /* teaching the world image */
	position:relative;
	background-image:url(images/tagline.png);
	background-repeat:no-repeat;
	width:610px;
	height:75px;
	left:270px;
	*left:-20px;
	top:6px;
	z-index:3;
}

#ticket {
	position:relative;
	top:-190px;
	*top:-240px;
	left:880px;
	z-index:15;
	display: none;
}

#trial {
	position:relative;
	top:-220px;
	*top:-270px;
	left:370px;
	z-index:2;
	display: none;
}


/* Navigation */

#nav {
	position:relative;

	top:-69px;
	font-size: 1.2em;
	color:#FFFFFF;
	width:900px;
	display:block;
	margin: 0;
	padding: 0;

	left:633px;
	z-index:12;
	overflow: hidden;
}

#nav li {
	list-style-type:none;
	margin:0px;
	cursor:pointer;
	float:left;
	height:52px;
	overflow: hidden;	
}

#nav li a { display: block; padding: 52px 0 0; background-position: 0 0px; background-repeat: no-repeat;}
#nav li a:hover { background-position: 0 -52px;}

#nav li.active a {background-position: 0 -104px;}
/*.home {background-image:url(images/home.png); width:94px;}*/
.flash  {background-image:url(images/flash.png); width:109px;}
.java {background-image:url(images/java.png); width:89px;}
.php  {background-image:url(images/php.png); width:78px;}
.css {background-image:url(images/css.png); width:77px;}


/* Lower nav under logo*/
#lower-nav {
	position:relative;
	top:-24px;
	*top:-75px;
	left:25px;
	width:900px;
	display:block;
	margin:0px;
	padding:0px;
	padding-left:0px;
}

#login-nav {
	position:relative;
	top:-5px;
	*top:-58px;
	left:880px;
	width:900px;
	display:block;
	margin:0px;
	padding:0px;
	padding-left:0px;
	z-index:5;
}



#lower-nav li, #login-nav li {
	font-size:.7em;
	list-style-type:none;
	margin:0px;
	cursor:pointer;
	float:left;
	padding-left:15px;
}

#lower-nav li a, #login-nav li a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:600;
}
#lower-nav li a:hover, #login-nav li a:hover {color:#000;}



/* -----------------------content-------------------------- */
#content-top {
	position:relative;
	top:-30px;
	*top:-10px;
	background-image:url(images/bodytop.png);
	width:1011px;
	height:30px;
}

#content-top h3 {
	color:#fff;
	font-size:1em;
	padding-left:20px;
	padding-top:9px;
}

#content h4 {
	font-size:.9em;
	padding-top:9px;
}

#content p {
	font-size:.8em;
	padding-left:5px;
	padding-top:7px;
}

#content-frame {
	position:relative;
	*top:20px;
	top:10px;
	background-image:url(images/body.png);
	width:1011px;
	
}

#content {
	position:relative;
	top:-20px;
	*top:0px;
	padding-left:25px;
	padding-bottom:10px;
	width:750px;
	
}

#sidebar{
	position:absolute;
	right:26px;
	float:left;
	width:200px;
	top:10px;	
}

#ezine{
	position:relative;
	left:60px;
	width:80px;
}

	
/* -----------------------footer-------------------------- */	
#footer {
	background-image:url(images/footer.png);
	width:1011px;
	height:61px;
	overflow: hidden;
}	

.copyright{
	position:relative;
	top:28px;
	*top:40px;
	left:113px;
	color:#fbf0c4;
	font-size:.6em;
	*font-size:9px;
}

#footer-nav {
	color:#ff8a00;
	position:relative;
	left:665px;
	width:950px;
	display:block;
	z-index:5;
}

#smalllogo{
	position:relative;
	width:120px;
	top:-118px;
	left:13px;
}

#hostgater{
	position:relative;
	top:-68px;
	z-index:25;
	width:20px;
	left:960px;

}

#footer-nav li {
	position:relative;
	*left:75px;
	font-size:.6em;
	*font-size:9px;
	list-style-type:disc;
	list-style-position:inside;
	margin:0px;
	cursor:pointer;
	float:left;
	padding-right:10px;
	
}

#footer-nav li a{
	color:#fbf0c4;
	list-style:disc;
	text-decoration:none;
	
}
#footer-nav li a:hover {color:#000;}



/* -----------------individual pages----------------- */


/* index */
#testimonial{
	position:relative;
	left:40px;
	width:620px;
	padding:10px;
	font-size:1.4em;
	font-weight:900;
}

#desc {
	font-size:17px;
}

#intro{
	position:relative;
	left:20px;
	width:680px;
	padding:10px;
	font-size:1.2em;
	
}

#intro p {
	font-size:.8em;
	font-weight:normal;
	
}

#intro h2 {
	font-size:1.3em;
	*font-size:25px;
	padding-bottom:15px;
}

#bullets{
	position:relative;
	width:650px;
	left:80px;
	padding-bottom:30px;
	padding-top:20px;
}
#bullets li{
	padding-bottom:5px;
	list-style-position:outside;
	*padding-left:30px;
	list-style-image:url(images/checkmark.png);
	font-size:1.1em;
}


/* thankyou.html */
#registrationform{
	background-image:url(images/formback.png);
	background-repeat:no-repeat;
	padding:17px;
	width:360px;
	height:470px;
	font-size:12px;
}

#registrationform .form {
	margin-top:10px;
}

#registrationform .button {
	margin-top:5px;
	padding-right:15px;
}
#captcha{
	position:relative;
	left:5px;
	top:10px;
}
#msg{
	position:relative;
	color:#F00;
	width:150px;
	top:-200px;
	left:160px;
}




/* login.php */
#loginform{
	background-image:url(images/formBackLogin.png);
	background-repeat:no-repeat;
	padding:15px;
	width:280px;
	height:340px;
	font-size:12px;
}

#login {
	width:250px;
}
#login h3 {
	padding-bottom:3px;
}
#login h2 {
	padding-bottom:3px;
}

#sidebarlogin{
	position:absolute;
	right:26px;
	float:left;
	width:410px;
	top:5px;	
}



/* signinTutorials.php */
#signupbody{
	background-image:url(images/signup.png);
	background-repeat:no-repeat;
	padding:15px;
	width:280px;
	height:400px;
	font-size:12px;
}

.signupbody {
	position:relative;
	top:60px;
	padding:15px;
	padding-right:25px;
	width:250px;
	height:400px;
	font-size:12px;
}




/* contactTutorials.html */
#contactform{
	background-image:url(images/formBackSM.png);
	background-repeat:no-repeat;
	padding:15px;
	width:280px;
	font-size:12px;
}

#contactform .form {
	margin-top:4px;
}

#contactform .button {
	margin-top:8px;
	padding-right:12px;
}

#sidebarContact{
	position:absolute;
	right:26px;
	float:left;
	width:410px;
	top:5px;	
}

#sidebar2{
	position:absolute;
	left:765px;
	float:left;
	width:235px;
	top:5px;
}

#adsense{
	position:relative;
	*top:15px;
	width:230px;
	left:-5px;
	padding-top:10px;
}


/* submitTutorials.html */

#contentSubmit {
	position:relative;
	top:-20px;
	*top:0px;
	padding-left:25px;
	padding-bottom:10px;
	width:950px;
	
}

#contentSubmit p {
	font-size:.8em;
	padding-left:5px;
	padding-top:7px;
	
}

#submitform{
	background-image:url(images/formSubmit.png);
	background-repeat:no-repeat;
	padding:15px;
	width:320px;
	font-size:12px;
}

#submitform .form {
	margin-top:4px;
	padding-right:20px;
}

#submitform .button {
	margin-top:11px;
	padding-right:15px;
}

#rules p {
	font-size:9px;
	padding-top:5px;
}


/*   Tutorials   */

#list {
	position:relative;
	left:20px;
	width:700px;
	
	
}

#list p {
	font-size:.8em;
	font-weight:normal;
	
}

#list h3 {
	font-size:1em;
	*font-size:18px;
	padding-top:8px;
	color:#5A69A6;
}

#list a {
	font-size:.9em;
	font-weight:bold;
	color:#86410e;
	text-decoration:none;
	
}

#list a:hover {
	font-size:.9em;
	font-weight:bold;
	color:#333092;
	text-decoration:none;
	
}

.list {
	position:relative;
	left:20px;
	font-size:.9em;
	font-weight:bold;
	text-decoration:none;
	
}

#code {
	position:relative;
	background-color:#fdfcf7;
	width:600px;
	left:25px;
	border:thin;
	border-style:ridge;
	border-color:#86410e;
	padding:8px;
	margin:10px;
	font-size:12px;
}

#code p {
	font-size:12px;
}

.tab {
	margin-left:15px;
}

/* ----------------colors and fonts------------------- */
.red {
	color:#c0232a;
}
.yellow {
	color:#ffb400;
}
.orange {
	color:#FF8E08;
}
.blue {
	color:#5A69A6;
}
.green{
	color:#238E13;
}
.purple{
	color:#909;
}
.greenish{
	color:#6CC;
}
.grey{
	color:#999;
}
.bluedark {
	color:#009;
	font-weight:bold;
}