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

/*********************
Created by Jim Gebbia
December 1, 2009
for eduTecher.net
**********************/

/*/////////////////////////////////////////////////////
Configuring Basic Tags
/////////////////////////////////////////////////////*/
body{
	padding:0px;
	margin:0;
	font-family: "Century Gothic", Tahoma, Geneva, "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", Helvetica, sans-serif;
	background:#FFF url(../backgrounds/bodyBackground.png) repeat-y center;
}

*{
	/*border:solid;*/
}

a img {
	border:none;	
}

a, a:visited{
	text-decoration:none;	
}

a:hover, a:active{
	text-decoration:underline;	
}

hr{
	width:950px;
	color:#F90;
	background-color:#F90;
	height: 4px;
	margin-top:5px;
	border:none;
}
/*///////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////
Logo Section
/////////////////////////////////////////////////////*/
#logo {
	float: left;
	border:none;
	background:url(../images/logo/edutecherLogo.png) top left no-repeat;
}

#logo img{
	height:100px;
	width:351px;
}

#tvlogo {
	float: left;
	border:none;
	background:url(../images/logo/eduTecherTVLogo.png) top left no-repeat;
}

#tvlogo img{
	height:100px;
	width:455px;
}

#bloglogo {
	float: left;
	border:none;
	background:url(../images/logo/eduTecherBlogLogo.png) top left no-repeat;
}

#bloglogo img{
	height:100px;
	width:455px;
}


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

/*/////////////////////////////////////////////////////
Containers Section
/////////////////////////////////////////////////////*/
.mainContainer{
	width:951px;
	height:100%;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	/*overflow:hidden;*/
}

#footer {
	margin-top:10px;
	height:100%;
	border: none;
	font-size: 10px;
	color: #000;
	text-align: center;
}

#footer a, #footer a:visited{
	color:#000;	
}

#footer td{
	width:33%;	
}

.clearFloat {
	clear: both;
}
/*///////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////
Search Section
/////////////////////////////////////////////////////*/

#search{
	float:right;
	position:relative;
	top:10px;
}

#search form{	
}

#search #txtSearch{
	background-color:none;
	border:1px solid #069;
	font-size: 12px;
	color: #069;
	width:120px;
}

#search #cmdSearch{
	background-color:#FFF;
	border:none;
	font-size: 14px;
	color: #069;
	margin-left:-3px;
	
}

.suggest_link {
	background-color: #EEE;
	padding: 2px 6px 2px 6px;
}

.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}

#search_suggest {
	position: absolute; 
	background-color: #999; 
	text-align: left; 
	border: none;
	/*border:none;*/
	font-size:10px;
	z-index:9999;
}	

/*/////////////////////////////////////////////////////
Menu Section
/////////////////////////////////////////////////////*/
#upperMenu {
	float: right;
	font-size: 12px;
	color: #069;
	text-align:right;
}

#upperMenu a, #upperMenu a:visited{
	color:#069;		
}

#upperMenu a:hover, #upperMenu a:active{
	color:#06c;
}

#menuWrapper{
	height:15px;
	width:100%;
}

#menuBar {
	float:left;
	border: none;
	margin-top:-10px;
	font-size:18px;
	color:#F90;
}

#menuBar ul{
	list-style-type:none;
	list-style-image:none;
	margin-left:10px;
	margin-bottom:0px;
	padding:0px;
}

#menuBar li{
	display:inline;
	list-style-type:none;
	margin-right:15px;
}

#menuBar a, #menuBar a:visited{
	color:#06C;	
}

#menuBar a:hover, #menuBar a:active{
	color:#F90;
	text-decoration:none;
}
/*///////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////
Recently Added Links
/////////////////////////////////////////////////////*/
#recentlyAddedArea {
	width: 386px;
	height:618px;
	background:url(../images/recentlyAddedResults.jpg) no-repeat top left;
}

#result1{
	position:relative;
	top:34px;
	left:33px;
}

#result2{
	position:relative;
	top:-118px;
	left:215px;
}

#result3{
	position:relative;
	top:-55px;
	left:42px;
}

#result4{
	position:relative;
	top:-205px;
	left:220px;
}

#result5{
	position:relative;
	top:-145px;
	left:38px;
}

#result6{
	position:relative;
	top:-290px;
	left:220px;
}

#recentlyAddedArea img {
	width:125px;
	height:125px;
	border-color:#000;
	border:solid;
	border: 3px;
	margin-top: 2px;
}

#recentlyAddedArea a img, #recentlyAddedArea a:visited img{
	border:2px #39C solid;
}

#recentlyAddedArea a:hover img, #recentlyAddedArea a:active{
	border:2px #F90 solid;
}

#newsletter{
	background:url(../images/newsletter.jpg) no-repeat top left;
	height:195px;
	width:386px;
}

#newsletterSubmission{
	text-align:center;
	width:200px;
	position:relative;
	top:52px;
	left:6px;
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
}

#newsletter form{
	position:relative;
	top:55px;
	left:105px;
}

#newsletter .inputField{
	border:solid #069 1px;
	background-color:#DDD;
	width:140px;
}

#newsletter .submit{
	border:none;
	background-color:none;
	color:#000;
	font-weight:bold;
}
/*///////////////////////////////////////////////////*/

/* Video Display */

#videoHolder{
	background:url(../images/videoHolder.jpg) no-repeat top left;
	width:535px;
	height:380px;
}

#videoHolder object{
	position:relative;
	top:20px;
	left:25px;
}

#rssFeed{
	background:url(../images/rssFeed.jpg) top left no-repeat;
	width:122px;
	height:120px;
}

#rssFeed img{
	width:122px;
	height:120px;
	border:none;
}


/*********** Edutecher TV Section ****************/

#youtubeplayer{
	background:url(../images/youtubeplayerbackground.jpg) top left no-repeat;
	height:520px;
	width:950px;
}

#edutecherTVplayer{
	position:relative;
	top:70px;
	left:-5px;
	text-align:center;	
}

#lowerleft{
	float:left;
	background:url(../images/lowerleft.jpg) top right no-repeat;
	height:180px;
	width:399px;
}

#webisodelink{
	float:left;
	background:url(../images/webisodelink.jpg) top left no-repeat;
	height:180px;
	width:213px;
}

#webisodelink img{
	height:180px;
	width:213px;
}

#lowerright{
	float:left;
	background:url(../images/lowerright.jpg) top left no-repeat;
	height:180px;
	width:338px;
}
/*///////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////
About Section
/////////////////////////////////////////////////////*/
#about{
	background:url(../backgrounds/about.jpg) top center no-repeat;	
	height:1151px;
	width:950px;
	color:#069;
}

#about img{
	float:left;
	margin-right:10px;
}

#about p{
	width:650px;
	margin-left:160px;
	font-size:13px;
	text-indent:30px;
}

#about h1{
	margin-left:160px;
	margin-top:5px;
	margin-bottom:5px;
}

#content{
	padding-top:90px;	
}

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

/*/////////////////////////////////////////////////////
Library Section
/////////////////////////////////////////////////////*/
#library{
	background:url(../images/bookcase.jpg) top left no-repeat;
	width:877px;
	height:620px;
	margin-left:auto;
	margin-right:auto;
	padding-top:40px;
}

#library ul{
	list-style-type:none;
	list-style-image:none;
}

#library li{
	display:inline;
}


/*/////////////////////////////////////////////////////
Conferences Section
/////////////////////////////////////////////////////*/
#conferences{
	background:url(../images/projector.jpg) top center no-repeat;
	height:600px;
	width:950px;
}

#conferences #slider{
	position:relative;

}

/*/////////////////////////////////////////////////////
Testimonials Section
/////////////////////////////////////////////////////*/
#testimonials{
	background:url(../images/testimonials/testimonialsbg.jpg) top center no-repeat;
	height:620px;
	width:950px;
}

#testimonials #slider{
	position:relative;
	top:120px;
	left:175px;
}

/*/////////////////////////////////////////////////////
Missing Section
/////////////////////////////////////////////////////*/

#missing{
	background:url(../backgrounds/chain.jpg) top right no-repeat;
	border:solid #F90;
}

#missing h1{
	position:relative;
	top:-60px;
	left:10px;
	color:#069;
	font-size:100px;
}

#missing span{
	position:relative;
	top:-105px;
	left:40px;
	font-size:24px;
	margin:0;
}

#missing h2{
	position:relative;
	top:-120px;
	left:10px;
	color:#F90;
	font-size:72px;
	font-style:italic;
	margin:0;
}