/* CSS Document */

@import url('http://assets.en.oreilly.com/1/eventprovider/1/2008v1_css.css');
@import url('http://assets.en.oreilly.com/1/event/11/ubuntu2008_CSS.css');

/* Main layout styles */

div#en_content {
   width: 918px;
   margin: 0 auto 1em auto;
   font-size: .9em;
   position:relative;
}

div#en_main_parts {
   width:748px;
}

div#en_header {
	margin: 0;
        width:748px;
        height:392px;
}

#header .logo {
        height:93px;
        padding-top:15px;
		width:460px;
		background:none;
}


div#en_main {
	margin:0;
        padding:0;
	width: 747px;
        background: #f38025 url(http://assets.en.oreilly.com/1/event/11/ubuntu2008_content_bg_home.jpg) 350px 0px no-repeat;
        border-right: 1px solid #f38025;
}


#en_main #mid h2.home_heading {
   color:#fff;
   font-size:1.5em;
   margin:0;
   padding:25px 0 10px 20px;
   background: url(http://assets.en.oreilly.com/1/event/11/ubuntu2008_home_divider_bg.gif) bottom left no-repeat;
}

#en_main #mid ul {
   list-style-image: url(http://assets.en.oreilly.com/1/event/11/ubuntu2008_bullet_white.gif);
}

#mid h3 {
   height:22px;  
   padding-top:13px;
   margin: 10px 20px 10px 0;  
   background: #fabf93 url(http://assets.en.oreilly.com/1/event/11/ubuntu2008_divider_light.gif) bottom right no-repeat;
   font-size: 1.3em;
   color: #fff;
}


div#en_footerwrap {
	margin: 0;
        width:748px;
}

#header {
	height: 364px;
        background: url(http://assets.en.oreilly.com/1/event/11/ubuntu2008_home_header1.jpg) bottom right no-repeat;
}

#home_photos {
	clear:left;
	width:748px;
	height:256px;
}

#en_main #mid #widgets .module .content	.photo_widget ul {
		list-style-image: none;
		margin: 0;
		padding: 0 0 10px 0;
		line-height: 0;
		font-size: 0;
	}
	
#en_main #mid #widgets .module .content	.photo_widget li {
                list-style-image: none;
		padding: 10px 0 0 0;
		margin: 0;
		
	}
	
#en_main #mid #widgets .module .content	.photo_widget li a.closed {
		display: block;
		height: 40px;
		background-position: 0 -80px;
		opacity: .5;
		filter: alpha(opacity=50);
		
	}
	
#en_main #mid #widgets .module .content	.photo_widget li a.closed:hover {
		opacity: .6;
		filter: alpha(opacity=60);
		
	}
	
#en_main #mid #widgets .module .content	.photo_widget li a.opened {
		display: block;
		height: 200px;
		background-position: 0;
		cursor: default;
		opacity: 1;
		filter: alpha(opacity=100);
	}




/* Styles for the speaker slider */

#mid .speaker_block {
	width: 484px;
	padding: 0;
	margin: 10px 0 0 0;  
	background: #fabf93 url(http://assets.en.oreilly.com/1/event/11/ubuntu2008_divider_light_top.gif) top right no-repeat;
	color: #fff;
}

#mid .speaker_block h2 {
	font-size:1.5em;
	margin: 0;
	padding: 10px 0 15px 20px;
}

.photo_controls {
	padding: 0;
	margin: 0;  
	background: #fabf93 url(http://assets.en.oreilly.com/1/event/11/ubuntu2008_divider_light_bot.gif) bottom right no-repeat;
	color: #fff;
}

.photo_controls .arrow {
	width: 20px;
	padding: 37px 0 0 0;
	height: 16px;
	float: left;
	font-size: 0;
	line-height: 0;
}

.photo_mask {
	position: relative;
	overflow: hidden;
	width: 440px;
	height: 150px;
	float: left;
	
	font-size: 0;
	line-height: 0;
}

.photo_set {
	position: relative;
	width: 440px;
	height: 150px;
	font-size: 0;
	line-height: 0;
}

.photo_set .speaker_link {
	display: block;
	width: 110px;
	height: 60px;
	position: relative;
	float: left;
	text-align: center;
	text-decoration: none;
	font-size: 0;
	line-height: 0;
}

.photo_set .speaker_link .text_holder {
	display: block;
	margin: 0;
	padding: 0;
}

#speakers .photo_set .speaker_link .spkr_name {
	margin: 4px 0 0 0;
	padding: 0 5px;
	color: #444;
	font-size: 10px;
	line-height: 12px;
}

#speakers .photo_set .speaker_link .spkr_name a {
	color: #444;
}


#speakers .photo_set .speaker_link .spkr_name a:hover {
	text-decoration: none;
}

#speakers .photo_set .speaker_link .org_name {
	margin: 2px 0 0 0;
	padding: 0;
	font-size: 10px;
	line-height: 12px;
	color: #f96e00;
}

.photo_set .photo_holder {
	display: block;
	margin: 0 auto;
	width: 73px;
	height: 88px;
	position: relative;
	overflow: hidden;
	border: 1px solid #f38025;
	background-color: #fff;
	font-size: 0;
	line-height: 0;
}

.photo_set .photo_holder img {
	position: relative;
	top: -5px;
	left: -1px;
	font-size: 0;
	line-height: 0;
}

.clear {
	clear: left;
	line-height: 0;
	font-size: 0;
}