/* ===================================================================

	 TEDx London, 2009.
	
	Last updated 21-10-2009
	
	SINGLE LINE STYLING CONVENTION:
	#styleReference {Z-INDEX AND POSITIONING; FLOATS: WIDTH and HEIGHT; MARGIN and PADDING; FONT and TEXT STYLES; DISPLAY; MISC; BACKGROUND STYLES; }
		#styleReference h1 {RELATED CHILD ELEMENT INDENTED LIKE SO, UNDERNEATH PARENT}
		
======================================================================*/

body {width:100%; text-align:center; margin:0; padding:0; background-color:#000000; color:#fff; font-size:12px; font-family: Arial, Helvetica, sans-serif;}

#styleSwitcher {display:none;}

.skipLink {display:none;}

#mainContainer {position:relative; margin:0 auto; width:950px; padding:0 25px 18px 25px; text-align:left; background:#000000; /*border:1px solid red;*/}
	#mainContainer h2 {color:red; margin:0 0 15px 0; font-size:18px; font-weight:normal; font-family:Helvetica,Arial, sans-serif;}

h1#titleTxLondon {width:399px; height:101px; margin:40px 0 12px 0; background:url(../images/logo-black.gif) no-repeat;}

h4#navTitle {display:none;}

ul#topNav {z-index:9998; width:100%; height:27px; margin:0 0 15px 0; color:#fff; background:#1A1A1A;}
	ul#topNav li {width:93px; height:27px; float:left; padding:0; margin:0 0 0 0; list-style-type:none; }
	ul#topNav a {text-indent:-9999px; display:block; height:27px; font-size:12px; color:#fff; text-decoration:none; background: url(../images/sprite_main-nav.gif) 0 0 no-repeat;}

		li#navHome a			{background-position:0px 0px;}
		li#navHome a:hover 		{background-position:0px -27px;} 
		li#navHome2 a			{background-position:0px -27px;}

		li#navAbout a			{background-position:-93px 0px;}
		li#navAbout a:hover 	{ background-position:-93px -27px;} 
		li#navAbout2 a			{background-position:-93px -27px;}
			
		li#navEvents a			{background-position:-186px 0px;}
		li#navEvents a:hover 	{ background-position:-186px -27px;} 
		li#navEvents2 a 		{background-position:-186px -27px;}
		
		li#navVenue a			{background-position:-280px 0px;}
		li#navVenue a:hover 	{ background-position:-280px -27px;} 
		li#navVenue2 a 			{background-position:-280px -27px;}
		
		li#navContact a			{background-position:-374px 0px;}
		li#navContact a:hover 	{ background-position:-374px -27px;} 
		li#navContact2 a 		{background-position:-374px -27px;}



#mainContent {margin:0 0 0 0;}

/* BOX CLASSES */

.boxA {float:left; width:450px; margin:0 10px 10px 0; padding:20px 20px 20px 0;}
.boxB {float:left; width:190px; margin:0 10px 10px 0; padding:20px;}
.boxC {float:left; width:670px; margin:0 10px 10px 0; padding:20px;}

.boxGrey { background-color:#1A1A1A; }
.boxGreyStroke { border:1px solid #1A1A1A; margin:0 -1px 0 -1px;  padding-bottom:18px; }


/* HOMEPAGE CONTENT */

#homepageImage {clear:both; position:relative; width:950px; min-height:335px; height:auto !important; height:335px; margin:0 0 10px 0;  background:  url(../images/img_hub.jpg) no-repeat;} 
	
	#nextEvent {width:220px; height:319px; padding:20px; background:url(../images/bg_next-event.png) no-repeat;}
		#homepageImage #nextEvent {position:absolute; top:12px; left:719px;}
		#nextEvent {position:absolute; top:12px; left:719px;}
		#nextEvent h3 {margin:0 0 30px 0;}
		#nextEvent h4 {font-size:16px; margin:10px 0 0 0 ;}
		#nextEvent h5 {font-size:10px; margin:0px 0 0 0 ;  font-weight:normal;}
		#nextEvent p a {color:#fff; text-decoration:underline;}
		
		#linkNextEvent {color:#fff; text-align:right;}
		#eventButtons { margin:70px 0 0 0;}


/*#homepageMiddle { min-height:300px; height:auto !important; height:300px;  background:#1A1A1A;} */

/* LEFT COLUMN */
#leftColumn {float:left; position:relative; width:690px; margin:0 10px 0 0; padding:0 20px 0 0; background:none;  min-height:320px; height:auto !important; height:300px;}

ul.speakers {margin:0 0 40px 0;}
	ul.speakers li {clear:both; width:700px; margin:0 0 10px 0;  min-height:175px; height:auto !important; height:175px;}
	div.name {float:left; margin:0 10px  0 0; width:135px; min-height:115px; height:auto !important; height:115px; background:#1A1A1A; padding:20px; }
	div.headshot {float:left; margin:0 10px  0 0;}
	div.description {float:left; width:330px; padding:0 0 0 10px;}

	#leftColumn iframe {position:absolute; top:40px; left:285px}
	#venueInfo {float:left; width:285px; min-height:420px; height:auto !important; height:420px; margin:0 10px 0 0;}
	
	h3.eventsAlpha { margin:30px 0 12px 0; font-size:22px;}
	p#speakerLink {margin:40px 0;}
	
/*	#leftColumn embed {margin:0 0 30px 0;}*/
	

/* RIGHT COLUMN */
#rightColumn {float:left; position:relative; width:230px; min-height:380px; height:auto !important; height:360px;}
	#rightColumn #nextEvent {position:absolute; top:40px; left:0px;}
	
	#linkRegister {width:131px; height:34px; margin:0 0 0 60px; background: url(../images/b_register.png)}
	#linkFindMore {width:131px; height:34px; margin:10px 0 0 60px; background: url(../images/b_more.png)}



/* FOOTER */
	#footer {clear:both; width:100%;  }
	
	#footerA, #footerB {float:left; min-height:148px; height:auto !important; height:148px;}
		#footerA {min-height:148px; height:auto !important; height:148px;}
		
		
		h3#partnerHub a {width:106px; height:86px; background:url(../images/partner-hub.gif) no-repeat;}
		h3#partnerWiredUK a {width:96px; height:34px; margin:23px 0 5px 0; background:url(../images/partner-wireduk.gif) no-repeat;}
		
		

		ul#utilities {clear:both; margin:20px 0 0 0px; width:100%; font-size:10px;}
				ul#utilities li {float:left; margin:0 12px 0 0; padding:0 12px 0 0; border-right:1px solid #666;}
				ul#utilities li#last {border:none;}
				ul#utilities a {color:#666;}
					ul#utilities a:hover {color:red;}

		p#creativeCommons {clear:both; color:#666; margin:40px 20px 20px 0px; font-size:10px;}
		


/* UTILITIES CONTENT */

#utilitiesContent {min-height:850px; height:auto !important; height:850px; margin:135px 76px 0 76px; font-size:100%; font-weight:bold;}

	#titleSitemap {position:absolute; top:60px; left:355px; width:222px; height:96px; background:url(../images/title_sitemap.gif) no-repeat;}
	#titleAccess {position:absolute; top:60px; left:322px; width:291px; height:100px; background:url(../images/title_accessibility.gif) no-repeat;}

	#utilitiesContent h3 {margin:20px 0 10px 0;}
	#utilitiesContent p {font-size:80%; font-weight:normal; margin:0 0 15px 0;}

	#utilitiesContent ul.bulletList {/*margin:0 0 0 20px;*/}
	#utilitiesContent ul.bulletList li {font-size:90%; font-weight:normal; padding:0 0 0 20px; background:url(../images/icon_bullet-white.png) 2px 5px no-repeat;}

	#utilitiesContent ul {margin:0 0 0 0; color:#fff;}
	#utilitiesContent ul li {padding:0 0 20px 0;}
		#utilitiesContent ul span {font-size:80%; font-weight:normal;}
		#utilitiesContent ul ul li {padding:20px 0 0 60px;  font-size:80%; font-weight:normal;}
		
		li#blue a {color:#3399cc;}
		li#green a {color:#66cc00;}	
		li#gold a {color:#ffde2b}
	#utilitiesContent ul li span {color:#fff;}
			#utilitiesContent ul li {}	
				
			


		
		
/* Terms of Use */
#termsBody {color:#FFFFFF; background:#4c5556 url(../images/bg_main.jpg) -40px 0 repeat-y;}
#termsOfUse {margin:25px; text-align:left; width:630px; font-size:75%;}
	#termsOfUse a {color:#fff;}
	#termsOfUse ol {margin:0 0 40px 20px; padding: 0 0 0 20px;}
			#termsOfUse ol li {margin:0 0 10px 0;}
			
			
/* SIGNUP STYLES */


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

/*-----------------main div start-----------*/
#mainDiv{width:620px; _width:580px; margin:0 0 20px 0; *margin:0 0 -50px 0; }

/*.emailForm3Bg{background:url(images/email_form3_bg.jpg) no-repeat 0 0}

.emailForm4Bg{background:url(images/email_form4_bg.jpg) no-repeat 0 0}
*/
.opacityDiv{width:600px; _width:580px;  padding:5px 0 28px 0px; }

/*----------left part start-------*/
#left{width:200px; float:left}

/*------------right part start---------*/
#right{width:320px; float:right; padding:0}

#right form{padding:0 0 0 0}

/*#right form input.textBox{background:url(../images/input_bg.png) no-repeat 0 0; height:28px; width:304px; margin:0 0 11px 0; padding:10px 0 0 15px; border:none; font:normal 14px "Lucida Grande",Arial,Helvetica,sans-serif}*/

#right form input.blueTextBox{background:#ffe9e6;; width:304px; height:28px; margin:0 0 11px 0; padding:10px 0 0 15px; border:none; font:normal 14px "Lucida Grande",Arial,Helvetica,sans-serif}

.fromrelative{position:relative}

.required{background:url(images/required.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:0px; text-indent:-22222px}

.invalid{background:url(images/invalid.png) no-repeat 0 0; height:13px; width:69px; position:absolute; left:285px; top:16px; text-indent:-22222px}

#right form input.submit{background:url(../images/submit.png) no-repeat 0 0; height:32px; width:83px; border:none; margin:5px 0 0 235px; cursor:pointer}