#footer {

	height:245px;

}

#mainbody {

	background-image:url(../images/darkbody_learn.jpg);
	background-color:#000;
	
	padding-left:0;
	padding-top:0;

	min-height:0;
}


#ytapiplayer {
	width:400px;
	height:300px;
	float:right;
	margin:0;
	padding:0;
}

#blocker {
		height: 270px;
		width:400px;
        z-index:99;
        position:absolute;
        margin-top:-300px;
}

#other_resources {

		height: 330px;
		width:440px;
        z-index:200;
        position:absolute;
        margin-top:-304px;
        margin-left:-30px;
		display:none;
		
		background-color:#111;

		padding:15px;
		
}

#other_resources h2 {
	font-size:16px;
}

#other_resouces p {
	font-size:14px;
}

#videoInfo {
    margin:10px 0 0 0;
	padding:0;
	width:410px;
	text-align:left;
	line-height: 22px;
}

#videoInfo h2 {

	margin:0px 0px 5px 0;
	font-size:18px;
	
}

#videoInfo h3 {

	margin:0;
	font-weight:normal;
	font-size:14px;
}

#playerArea {
	float:right;
	margin:0;
	padding:0 30px 0 30px;
	width:410px;
	background-color:#000;
	z-index: 99;
}


#videogrid {

	color:#fff;
	margin:12px 18px 0px 18px;
	padding:5px 14px 10px 0px;
	width:896px;
	height:395px;
	float:left;
	display:block;
	overflow:hidden;
}

#thumbnails {

	background-color:#000;
	width:340px;
	height:300px;
	float:left;
	overflow:hidden;
	padding:0 15px 0 15px;

}


.entry {

	width:340px;
	height:90px;
	
	margin-bottom:13px;
	background-image:url(/images/shade.png);
	cursor:pointer;	
}

.entry .video_thumb {

	width:120px;
	height:90px;

	float:left;
	
	opacity:0.8;
	
	border:0;

}

.entry h2 {

	float:left;
	margin:0;

	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	
	color:#eee;
	
	font-weight:normal;
	font-style:italic;
	
	text-align:center;
	font-size:14px;

	width:195px;
}

.entry h3 {

	float:left;	
	margin:0;
	
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	
	color:#bbb;
	
	font-weight:normal;
	font-style:normal;
	
	text-align:center;
	font-size:13px;
	
	width:195px;

	line-height:20px;


}

.entry a:hover {
	text-decoration: none;
}

.entry:hover .video_thumb {

	opacity:1.0;

}

.scroll_arrow {
	width:370px;
	height:11px;
	background-color:#000;
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:0;

	border-top:15px solid #000;
	border-bottom:15px solid #000;

	float:left;
	clear:left;
}

#prev_arrow {
	background-image:url(/images/arrow_prev2.gif);
	background-position:center top;
}

#next_arrow {
	margin-bottom:0;
	background-image:url(/images/arrow_next2.gif);
	background-position:center top;
}


#thumbspacer {

	width:340px;
	height:0;	/* for one: 90 */
	float:left;

}