@import url('http://assets.en.oreilly.com/1/eventprovider/1/2011v1_css.css?03');
@import url('http://assets.en.oreilly.com/1/event/57/webexsf2011_v2.css?09');

/* CSS Document */
body {background: #dad8d0 url('http://assets.en.oreilly.com/1/event/57/webexsf2011_bg.gif') top center no-repeat;}

div#en_content {width:auto;}
div#en_main_parts {margin:237px auto 20px;}

/* for stay connected expandable button */
#stay_connected {position:absolute;top:-237px;left:680px;z-index:200;}

/* en_header styles
------------------ */
div#en_header {position:relative;background: transparent url('http://assets.en.oreilly.com/1/event/57/webexsf2011_header.gif') left bottom no-repeat;height:152px;}

div#top_level_nav {padding:121px 0 0 12px;}

/* Cheeseboard */

#speaker_photos {
	width: 480px;
	height: 158px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 5px;
        margin-left:230px;
}

#speaker_photos .left_btn {
	float: left;
	width: 20px;
	height: 20px;
        padding-top: 20px;
}

#speaker_photos .left_btn a {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: transparent url('http://assets.en.oreilly.com/1/event/57/webexsf2011_spkr_left.gif') 10px 10px no-repeat;
}

#speaker_photos .right_btn {
	float: left;
	width: 20px;
	height: 20px;
	padding-top: 20px;
}

#speaker_photos .right_btn a {
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('http://assets.en.oreilly.com/1/event/57/webexsf2011_spkr_right.gif') 0 10px no-repeat;
}

#speaker_row {
	position: relative;
	float: left;
	width: 395px;
	height: 115px;
	padding: 0;
	overflow: hidden;
}

#speaker_row .speaker_set {
	position: absolute;
	width: 395px;
}

#speaker_row .speaker {
	float: left;
	width: 97px;
	height: 115;
	overflow: hidden;
	text-align: center;
}


#speaker_row .speaker a {
	display: block;
	width: 90px;
	height: 115px;
	padding: 0;
	margin: 0 0 0 4px;
	font-size: 10px;
	line-height: 12px;
	color: #000;
}

#speaker_row .speaker a:hover {
	text-decoration: none;
	color: #333;
}

#speaker_row .speaker a:hover .name {
	color: #000;
}

#speaker_row .speaker .photo {
	display: block;
	margin: 0 15px 2px 15px;
	width: 73px;
	height: 73px;
	border: 1px solid #333;
	overflow: hidden;
	background-color: #fff;
        background-position:-1px -6px;
        background-repeat:no-repeat;
}

#speaker_row .speaker img {
	width: 75px;
	margin: -15px 0 0 -1px;
}

#speaker_row .speaker a .name {
	font-weight: bold;
	color: #fff;
        margin-left:5px;
}

.landing_cta img {padding-bottom:8px;}

/*Live home page */
#home_live {max-width: 450px;}
#home_live, #home_live li {line-height: 1.3em;}
#home_live div.en_comment_abstract {font-size: 1em;}
#home_live .item {margin: 20px;padding: 0;}
#home_live .item ul {margin: 10px 0 0 15px;padding: 0;}
.homenews .blog_entry {display: list-item;margin: 0 0 5px 15px;}
.homenews .blog_entry h4 {font-size: 1em;font-weight: normal;margin: 5px 0;padding: 0;}
#home_live .highlights ul {float: left;margin: 0 0 0 16px;width: 43%;}
#home_live .item h3 {border-bottom: 1px solid #999999;font-size: 1.3em;margin: 20px 0 5px;}
#home_live .item h3 .more {display: block;float: right;height: 18px;}
#home_live .item h3 .more a {font-size: 0.7em;text-decoration: none;text-transform: none;}
#home_live .item h3 .more a img {float: right;}
#home_live ul.news li a {text-decoration: none;}
#home_live .spinner {float: left;margin-right: 10px;}