@import url('http://assets.en.oreilly.com/1/eventprovider/1/2010v1_css.css');
@import url('http://assets.en.oreilly.com/1/event/33/toc2010_css.css?012210');

/* en_header styles
------------------ */
#en_header {
	height: 350px;
        width: 910px;
        float:left;
	background: #fff url('http://assets.en.oreilly.com/1/event/33/toc2010_home_header_bg.jpg') left bottom no-repeat;
}

div#stay_connected {
        margin:273px 0 0 20px;
}

div#stay_connected img {
        padding-right:4px;
}


/* Speaker Board Styles
------------------ */
#stay_connected {float: left; width: 550px;}

#en_header {position: relative;}

#speakers  {position:absolute; top:50px; left:670px; width:240px; height:260px;}


#speaker_slider {
	display: block;
	position: relative;
	float: right;
	width: 30px;
	height: 280px;
	margin: 10px 0 0 0;
	padding: 0;
	background: transparent url(http://assets.en.oreilly.com/1/event/33/toc2010_speaker_slider_bar.gif) left top repeat-y;
	border: none;
	cursor: pointer;
}	

#speaker_slider .handle {
	display: block;
	position: absolute;
	top: 0;
    z-index: 100;
	
	width: 19px;
	height: 27px;
	background: transparent url(http://assets.en.oreilly.com/1/event/33/toc2010_speaker_slider_handle.gif) 5px 5px no-repeat;
	border: none;
}

#speaker_col {
	position: relative;
	float: left;
	width: 190px;
	height: 280px;
	margin: 10px 0 0 0;
	padding: 0;
	overflow: hidden;
}

#speaker_col .speaker_set {
	position: absolute;
	width: 190px;
}

#speaker_col .speaker {
	float: left;
	width: 190px;
	height: 75px;
	padding: 9px 0;
	overflow: hidden;
}

#speaker_col .speaker a {
	display: block;
	width: 190px;
	height: 75px;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 15px;
	color: #ddd;
}

#speaker_col .speaker a:hover {
	text-decoration: none;
	color: #fff;
}

#speaker_col .speaker .fade {
	float: left;
	display: block;
	width: 75px;
	height: 75px;
	margin: 0;
	background-color: #fff;
}

#speaker_col .speaker .border {
	display: block;
	width: 73px;
	height: 73px;
	border: 1px solid #ccc;
	overflow: hidden;
}

#speaker_col .speaker .photo {
	display: block;
	margin: -13px 0 0 -1px;
	width: 75px;
	height: 100px;
}

#speaker_col .speaker a span.text {
	float: right;
	display: block;
	width: 110px;
	height: 75px;
	margin: -1px 0 0 0;
	padding: 0;
	text-align: left;
}

#speaker_col .speaker a span.text span {
	dispaly: block;
	width: 110px;
	font-weight: bold;
	text-align: center;
}