
body {background: #000;}
.container {margin-top: 0; margin-bottom:0;}

#top-header		{
	height: 80px; background: #fcbd16; border-radius: 0 20px 0 0; -moz-border-radius: 0 20px 0 0; -webkit-border-radius: 0 20px 0 0;
	border-bottom: 1px solid #fddd85; margin: 0; margin-top: 20px; padding:0;
	}
	#top-header h1	{width: 510px; float: left; background: transparent url('images/conf-branding.png') no-repeat 100% 50%; height: 80px; text-indent: -9999em; margin:0; padding:0;}
	#top-header ul	{float: right; list-style-type: none; padding:0; margin: 0 20px 0 0;}
	#top-header a		{text-indent: -9999em; display: block;}
		#top-header li	{float: right;}
		#top-who					{background: transparent url('images/top-who.png') no-repeat 50% 50%; width: 40px; height: 20px; margin: 30px 0;}
		#top-where				{background: transparent url('images/top-where.png') no-repeat 50% 50%; width: 60px; height: 20px; margin: 30px 0;}
		#top-when					{background: transparent url('images/top-when.png') no-repeat 50% 50%; width: 50px; height: 20px; margin: 30px 0;}
		.top-dot					{background: transparent url('images/top-dot.png') no-repeat 50% 50%; width: 16px; height: 20px; margin: 30px 0;}
		#top-btn-getpass				{background: transparent url('images/get-pass.png') no-repeat 0 0; width: 240px; height: 38px; margin: 21px 0 21px 10px; cursor: pointer;}
		#top-btn-getpass:hover	{background-position: 0 -38px;}
		
.page-container					{background: #fff; color: #333; margin:0; padding:0;}
	.right-side-container	{float: right; width: 200px; margin-left: 10px; background: #eeeeee; padding: 10px; }
		.host								{border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px;}
			.host h4					{text-transform: uppercase; font: normal 11px/1 "DIN-Medium", Arial, Helvetica, sans-serif;}
			.host h3					{font: bold 14px/1 Arial, Helvetica, sans-serif !important; margin: 50px 0 0 0;}
			.host img					{float: left; margin-right: 8px;}
			.host small				{display: block; margin: 10px 0 0 0; line-height: 1.3;}
		
		.yes2009						{}
			.yes2009 h4				{text-transform: uppercase; font: normal 11px/1 "DIN-Medium", Arial, Helvetica, sans-serif;}
			#yes2009speakers	{list-style-type: none; padding: 0; margin: 15px 10px;}
				#yes2009speakers li			{margin-bottom: 10px;}
				#yes2009speakers li img	{width: 56px; height: 56px; float: left; margin-right: 8px;}
				#yes2009speakers small	{line-height: 1.1; padding-top: 0px; display: block;}
		
				.forum-speaker			{margin-bottom: 10px;}
				.forum-speaker img	{width: 56px; height: 56px; float: left; margin-right: 8px;}
				.forum-speaker small	{line-height: 1.1; padding-top: 0px; display: block;}
				
		.left-content				{float: left; margin: 0 0 25px 0; width: 720px;}
			.speaker-title		{border-bottom: 1px solid #ccc; width: 720px;}
			.speaker-title img	{margin-bottom: -1px; padding-right: 10px; background: #fff;}
			.speaker-container			{margin-bottom: 15px;}
			.speaker-container ul		{list-style-type: none; margin: 20px; padding: 0;}
				.speaker-container li 		{float: left; width: 210px; margin-right: 15px; margin-bottom: 15px;}
				.speaker-container li img	{width: 56px; height: 56px; float: left; margin-right: 10px;}
				.speaker-container strong	{display: block; margin-top: 0px; line-height: 1.1; margin-bottom: 4px;}
				.speaker-container small	{display: block; line-height: 1.1;}
				
		.youthforum .speaker-title { margin-bottom: 20px; }
		.youthforum h4 { margin-left: 20px; }
		.youthforum h4 a { text-decoration: none; }
			
#ticket-container				{background: #fcbd16; padding: 20px 20px 40px; font-size: 18px;}
	#ticket-container a		{color: #000;}
	#ticket-container h3	{font-size: 20px; letter-spacing: -0.5px; font-weight: bold;}
	#ticket-container img	{position: relative; z-index: 200;}
	#getpass-left small		{font-size: 10px; display: block; margin-bottom: 10px;}
	
	#signup								{display: block; height: 38px; width: 240px; text-indent: -9999px; background: transparent url('images/signup.png') no-repeat 0 0; margin-top: -14px; z-index: 300; position: relative;}
	#signup:hover					{background-position: 0 -38px;}
	
#wherewhen							{background: #fff;}
	#wherewhen table			{border-collapse: collapse; border: 1px solid #d2d2d2; border-left: 0px none; margin-bottom: 25px;border-right: 0px none;}
	#wherewhen th					{background: #e7e7e7; border-bottom: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; width: 450px;}
	#wherewhen th h2			{height: 40px; line-height: 40px; padding: 0 20px; margin:0;}
	#wherewhen td					{border-right: 1px solid #d2d2d2; padding: 20px 25px;}
	.date									{list-style-type: none; padding:0; margin:0px;}
	.date small						{text-transform: uppercase;}
	.date li							{width: 140px; float: left; font-size: 14px;}
	
#social-section					{background: #fff; padding-top: 20px; padding-bottom: 30px;}
	#masthead							{width: 270px; float: left; padding: 15px;}
		#masthead p					{padding: 10px; margin: 0; font-size: 13px;}
	#tyfbtn								{width: 247px; height: 38px; display: block; background: transparent url('images/tyfbtn.png') no-repeat 0 0; text-indent: -9999em; margin: 10px auto;}
	#tyfbtn:hover					{background-position: 0 -38px;}
	
