/*	Hi! I'm Happy Style Sheet
	I make www.uxcamp.it look pretty.
	Piotr Fedorczyk is my creator.
	Please, be nice to him.
	He did a great job afater all.
   
	------------------------------------------------------
   
	UXCamp.it style sheet - v1
	Pubblication:  Fri, 5.06 '09
	Author:  Piotr Fedorczyk - http://designr.it
	Email: piotr@designr.it
   
	----------------------------------------------------*/
      
/*	Reset browsers default styling
	----------------------------------------------------*/
   
	html, body, div, span, iframe,
	h1, h2, h3, h4, h5, h6, p,
	a, abbr, acronym,
	em, img, strong, ol, ul, li,
	fieldset, form, label, legend, ins {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	body { line-height: 1; color: black; background: white;	}
	ol, ul { list-style: none; }

/*	Generic
	----------------------------------------------------*/

	body { background: #fff;
		color: #666;
		text-align: center;
		font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
		font-weight: 300;
		line-height: 20px;
		overflow-x: hidden; }
		
	a, .clickMe { cursor: pointer; font-size: 1; color: #265F8A; text-decoration: none; }
		a:visited {  }
		a:hover { text-decoration: underline; }
		a:active { text-shadow: 0px 0px 2px #265F8A; }

	h1, h2, h3, h4, h5, h6, legend { font-family: Gill Sans, Calibri, Trebuchet, sans-serif; color: #AE0174; font-weight: normal; text-transform: uppercase; text-shadow: 0 1px 2px #999; }
	h1 { font-size: 36px; line-height: 40px; display: block; width: 475px; }
	h2 { margin: 0 0 30px; font-size: 28px; }
	h2.small { font-size: 20px; }

	acronym { cursor: help; letter-spacing: 0.1em; font-variant: small-caps; }
	a acronym { cursor: pointer; }
	sup { font-size: 0.8em; line-height: 0; }
	strong { font-weight: bold; }
	em { font-style: italic; }
	ins { text-decoration: none; }
	del { display: block; font-size: 0.9em; margin-top: 50px; border-top: 1px solid #ccc; }
	
	input, textarea { border: none; color: #666; }
	input[type=text], textarea { font-family: Trebuchet MS, Trebuchet, Lucida Grande, Lucida Sans Unicode, Arial, sans-serif; font-style: italic; float: left; }
	input[type=submit] { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; float: left; font-weight: bold; font-size: 13px; }

/*	Selector specific yet still, generic rules.
	----------------------------------------------------*/

	.block { text-align: center; clear: both; }
		.blockInner { text-align: left; width: 960px; margin: 0 auto; position: relative; }
		
	.four { width: 240px; }
	.six { width: 360px; }
	.seven { width: 420px; }
	.eight { width: 460px; }
	.nine { width: 520px; }
	.ten { width: 600px; }
	.eleven { width: 660px; }
	.top { height: 5px; } .middle { padding: 10px 10px 5px 10px; } .bottom { height: 10px; }
	.left { float: left; } .right { float: right; }
	
	.clearboth { display: block; clear: both; }
	
/*	Header
	----------------------------------------------------*/
	
	#header .blockInner { padding: 40px 0 0 0; height: 200px; }
	#navigation { background: url(/_v2img/block-headerImg.jpg) top right no-repeat; position: absolute; top: 0; right: -115px; width: 780px; height: 240px; }
		#tagline { padding: 0 0 0 77px; background: url(/_v2img/block-navTagline.png) no-repeat scroll 65px 10px; margin: 7px 0 0 0; }
			#tagline li { color: #fff; font-size: 11px; font-weight: bold; list-style: disc; display: inline; padding: 0 12px 0 0; background: url(/_v2img/block-navTagline.png) no-repeat scroll right 5px }
		
		#menu { height: 60px; margin: 30px 0 0 185px; text-transform: uppercase; font-size: 11px; }
			#menu li { list-style: decimal; float: left; width: 120px; list-style-position: inside; line-height: 24px; }
				#menu li a { display: block; font-size: 12px; font-weight: bold; }
		
		#navigation p { color: #fff; text-align: right; padding: 14px 120px 0 0 }
			#navigation span { display: block; clear: both; font-weight: bold; }
			p span.event { text-transform: uppercase; font-size: 12px; }
			p span.place { text-transform: lowercase; font-size: 22px; }
			p span.date { font-size:80px; letter-spacing: -5px; line-height: 75px; }
	
	#logo { width: 280px; display: block; text-transform: uppercase; font-size: 12px; }
	#logo:hover { text-decoration: none; }
		#logo span { display: block; clear: both; margin: 10px 0 0 0;}
		
		
/*	Welcome
	----------------------------------------------------*/	

	#welcome .blockInner { height: 460px; margin: -20px auto 0; }

	#hello { margin: -15px 0 51px; }
		#hello p { width: 570px; font-size: 16px; margin: 30px 0 0 0; line-height: 23px; }

	#newsletter { margin: 95px 0 0; }
		#newsletter form { display: block; margin-bottom: 10px; }
			#newsletter legend { color: #333; }
			#newsletter .inputtext { background: url(/_v2img/globalSprites.png) no-repeat scroll 0 -88px; font-size: 12px; height: 17px; margin: 10px 0 0; padding: 6px; width: 220px; }
			#newsletter #submit { background: url(/_v2img/globalSprites.png) no-repeat scroll -2px -3px; border: none; width: 114px; height: 26px; color: #fff; padding: 0 0 2px 26px; margin: 11px 0 0 13px; }
			#newsletter #submit.cmHover { background-position: -2px -31px; }
			#newsletter #submit.cmFocus { background-position: -2px -59px; }
						
			/* Andrea */			
				.msg { padding: 5px; }
				p.hide { display: none; }
				.confirm { color: #66F; }
				.success { color: #008040; background: #AACFA3; font-weight: bold; display: inline-block; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
				p.error { background: #FFD5D3; border-bottom: 1px solid #B1221B; clear: both; color: #B1221B; display: block; font-size: 11px; font-weight: bold; padding: 	2px 0 1px 6px; }
				input#email { padding: 5px; }
				input#email.unactive { font-style: italic; color: #999; }
				input#email.active { font-style: normal; color: #333; }
				
				/* Google Maps */
				
				.gmnoprint em { font-size: 80%; display: block; }
					.gmnoprint em a { font-weight: bold; }
			
			/* /Andrea */
			
	#who p, #why p { font-size: 15px; line-height: 22px; }
	strong { background: #EAF0F6; padding: 0 2px; font-weight: normal; color: #333; }

	 	
/*	About us and registrations
	----------------------------------------------------*/	
	
	#aboutusnreg .blockInner { height: 260px; margin: 20px auto -20px auto; }
	
	#aboutus { font-size: 12px; line-height: 20px; margin: 5px 0 0 0; position: relative; }
		a#contactUs { background: url(/_v2img/globalSprites.png) no-repeat scroll -122px -3px; color: #FFF; display: block; font-weight: bold; height: 26px; left: 240px; line-height: 26px; padding: 0 0 0 40px; position: absolute; top: -3px; width: 114px; }
		a#contactUs.cmHover { text-decoration: none; background-position: -122px -31px; }
		a#contactUs.cmFocus { background-position: -122px -59px; }
	
	#aboutus ul { margin: 0 0 60px 0; overflow: hidden; }
	#aboutus li { width: 250px; float: left; margin: 0 10px 10px 0; }
		span.av { width: 32px; height: 32px; float: left; background: url(/_v2img/globalSprites.png) no-repeat; margin: 4px 5px 5px 0; text-indent: -9000px; }
			.presentday span.av { background-position: -2px -119px; }
			.andre_g span.av { background-position: -107px -119px; }
			.ekoes span.av { background-position: -37px -119px; }
			.kika span.av { background-position: -142px -119px; }
			.elia span.av { background-position: -177px -119px; }
			.nuguerrilla span.av { background-position: -72px -119px; }
	
	#aboutus #collaborators { margin-bottom: 0; }
		
	#registration { background: url(/_v2img/globalSprites.png) no-repeat -639px -222px; height: 275px; padding: 20px 0 0 40px; position: absolute; right: -36px; top: -20px; z-index: 6; color: #fff; width: 368px; }
		#registration h2 { color: #fff; text-shadow: 0 1px 2px #6B0046; margin: 0 0 25px; }
		#registration p { display: block; font-size: 14px; font-weight: bold; padding: 5px 0 10px; width: 340px; text-align: center; border-bottom: 1px solid #C64D9D; margin: 0 0 10px; }
		#registration p#counter { text-align: center; text-align: center; text-transform: uppercase; font-weight: bold; padding: 5px 0; font-size: 13px; border-top: none; border-bottom: 1px solid #990C69; }
			#registration #counter span { font-size: 20px; padding: 0 2px; border: 1px solid #990C69; background: #E06FBA;  text-shadow: 0 1px 2px #6B0046; }
			#registration p a { color: #fff; text-decoration: underline; }
		#registration .note { background: url(/_v2img/globalSprites.png) repeat -630px 0; display: block; height: 70px; position: absolute; right: 50px; text-indent: -9000px; top: 150px; width: 135px; z-index: 9; }
		#registration .month { display: block; text-align: center; color: #ccc; text-transform: uppercase; margin: 56px 0 0; width: 330px; letter-spacing: 5px; }
		#registration .dayn { font-size: 110px; font-weight: bold; color: #333; text-align: center; display: block; width: 330px; margin: 10px 0 0; line-height: 1em; }
		#registration .day { clear: both; color:#333; display: block; font-size: 40px; line-height: 1em; text-align: center; width: 330px; }
		#registration #priButton { display: block; width: 350px; height: 71px; line-height: 73px; background: url(/_v2img/globalSprites.png) no-repeat -567px -3px; color: #fff; font-weight: bold; text-align: center; margin: 0 0 0 -10px; }
			#registration #priButton.cmHover { background-position: -567px -75px; }
			#registration #priButton.cmFocus { background-position: -639px -147px; }
		
		#registration ul { padding: 0 0 0 15px; }
		#registration li { list-style-image: url(/_v2img/bullet.png); font-size: 12px; font-weight: normal; line-height: 18px; }

/*	Elsewhere
	----------------------------------------------------*/	
	
	#elsewhere { padding: 90px 0 0 0; margin: 20px 0 0 0; }
	#elswhere .blockInner { background: url(/_v2img/block-elswhereRight.png) no-repeat top right; }
		#twitter { height: 495px; padding: 30px 0 0; width: 626px; }
		#followus { height: 497px; padding:60px 44px 0; position: absolute; right: -50px; width: 324px; }
			#followus h2 { display: block; text-align: center; color: #333; font-size: 12px; }
			#followus li { width: 130px; height: 50px; border: 1px solid #AFBAC5; padding: 10px; float: left; margin: 0 0 20px 0; text-align: center; background: #DDE8F2; }
			#followus li.odd { margin: 0 20px 20px 0; }
				#followus a { text-indent: -9000px; display: block; background: url(/_v2img/globalSprites.png) no-repeat; height: 40px; margin: 5px 0 0; opacity: 0.8; }
				#followus a:hover { opacity: 1; }
					#followus li.ftw a { background-position: -283px -2px; }
					#followus li.ffb a { background-position: -419px -5px; }
					#followus li.fup a { background-position: -283px -41px; }
					#followus li.ffr a { background-position: -419px -54px; }
					#followus li.fdr a { background-position: -283px -86px; margin: 0; height: 50px; }
			
	/* FEEDBURNER */
		
	#tweets li { border-left: 1px solid #E6E6E6; width: 140px; padding: 0 0 0 10px; margin: 0 10px 30px 0; float: left; height: 190px; line-height: 14px; position: relative; }
	.headline { line-height: 18px; font-size: 12px; margin: 0 0 10px; display: block; padding: 0 0 10px; font-family: Trebuchet MS, Trebuchet, Lucida Grande, Lucida Sans Unicode, Arial, sans-serif; font-style: italic; }
		.headline a { font-size: 11px; font-weight: normal; }
		.headline a.go { font-size: 20px; line-height: 10px; font-style: normal; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; position: absolute; }
	.author { font-size: 11px; display: block; font-family: Trebuchet MS, Trebuchet, Lucida Grande, Lucida Sans Unicode, Arial, sans-serif; font-style: italic; padding: 0 0 0 50px }
		.author a { font-size: 11px; }
	
/*	Host and sponsors
	----------------------------------------------------*/	
	
	#hostnsponsors { background: #6B0046 url(/_v2img/block-sponsorsTop.png) repeat-x scroll center -10px; padding: 130px 0 40px 0; color: #666; }
	#hostnsponsors h2 { display: block; color: #333; margin: 0 10px 10px; font-size: 12px; text-align: center; }
		#hostnsponsors .top, #hostnsponsors .middle, #hostnsponsors .bottom { background: url(/_v2img/block-sponsorsBoxes.png) 0 0 repeat-y; }
			#hostnsponsors .four .top { background-position: -252px -5px; }
			#hostnsponsors .four .middle { background-position: -2px 0; }
			#hostnsponsors .four .bottom { background-position: -252px -19px }

			#hostnsponsors .eleven .top { background-position: -522px -5px; }
			#hostnsponsors .eleven .middle { background-position: -1192px 0; }
			#hostnsponsors .eleven .bottom { background-position: -522px -19px }

				#host span, #sponsors ul { margin: 10px; background: #fff; border: 1px solid #ccc; display: block; padding: 10px; overflow: hidden; }
				#sponsors li { float: left; width: 199px; text-align: center; margin: 8px 0 8px; }
				#sponsors a, #host a { opacity: 0.8; }
					#sponsors a:hover, #host a:hover { opacity: 1; }
				
/*	Footer
	----------------------------------------------------*/

	#footer { background: #252525 url(/_v2img/block-footerTop.png) top center repeat-x; padding: 80px 0 20px 0; overflow: hidden; color: #ccc; font-size: 10px; line-height: 14px; }
		#footer img { float: left; margin: 0 20px 0 0; }
		#footer a { color: #fff; font-size: 12px; letter-spacing: 1px; }
		#footer #credit, #footer #outro { clear: none; display: block; color: #999; text-transform: uppercase; margin-bottom: 10px; padding: 15px 0; }
			#outro { clear: both; }
			#credit a, #outro a { text-transform: none; }

/*	Ornaments
	----------------------------------------------------*/
	
	.ornLeft { background: url(/_v2img/ornamentLeft.png) no-repeat 0 -86px; height: 1030px; left: -142px; position: absolute; top: -62px; width:91px; }
	.ornLeftAlt { background: url(/_v2img/globalSprites.png) no-repeat scroll 0 -156px; height: 413px; left: -640px; position: absolute; top: -140px; width: 600px; z-index: 9; }
	.ornRight { background: url(/_v2img/ornamentRight.png) no-repeat scroll left -20px; height: 2050px; position: absolute; right: -709px; top: -62px; width: 700px; }
	.ornMiddle { background: url(/_v2img/block-elswhereTop.png) no-repeat left top; height: 100px; left: -121px; position: absolute; top: -90px; width: 776px; }
	
	
/*	Partecipare.html
	----------------------------------------------------*/
	
	#partecipare h2 { font-size: 1.2em; }
	#partecipare h3, #partecipare h4 { color: #333; }
	#partecipare h3 { padding: 20px 0 10px; }
	#partecipare h4 { text-transform: none; padding: 20px 0 10px; font-size: 1.1em; }
	#partecipare dl { clear: both; display: block; overflow: hidden; padding: 10px; background: #EAF0F6; width: 510px; margin: 20px 0 0; }
	#partecipare dt { color: #333; font-weight: bold; } 
	#partecipare dd { border-bottom: 1px solid #ccc;  }
	#partecipare dd, #partecipare dt { padding: 5px; font-size: 0.9em; display: block; clear: both; }
	
	#partecipare ul li ol li, #uxcamp ul li { padding: 0 0 0 20px; background: url(/_v2img/bullet.png) 5px 5px no-repeat; font-size: 0.9em; line-height: 1.5em; }

	#barcamp { position: absolute; top: 50px; right: 0; width: 330px; border-left: 1px solid #ccc; padding: 0 0 0 20px; font-size: 0.9em; }
	#uxcamp { width: 550px; }
	
	
/*	Registration
	----------------------------------------------------*/

	#formRegistration label { clear: both; float: left; }
	#formRegistration .button { clear: both; }
	
/*	Control Panel (#cp)
	----------------------------------------------------*/
	
	/* restyle and realign */
	
	#cp { background: #252525; }
	#cp #navigation { background-image: url(/_v2img/block-headerImg5.jpg) }
	#cp #header, #cp #content { background: #fff; }
	#cp #content { padding: 70px 0; min-height: 200px; }
	#cp #decor { background: #6B0046 url(/_v2img/block-sponsorsTop.png) repeat-x scroll center -10px; padding: 60px 0 40px; margin: 0 0 0 0; }
	#cp #header { height: 210px }
	#cp h1 { width: 100%; position: relative; margin: 0 0 60px; }
	#cp h1 span { font-size: 18px; color: #333; }
	#cp h2 { color: #333; font-size: 18px; }
	#cp #content p { width: 600px; }
	#cp .warning { padding: 10px 0; font-weight: bold; color: red; }
	
	/* cp menu */
	#reservedNavigation { position: absolute; right:0; top: 5px; z-index: 100; }
	#reservedNavigation li { display: inline; padding: 10px; font-weight: bold; font-size: 20px; color: #333; }
	#reservedNavigation li a { font-weight: 300; font-size: 16px; }
	#reservedNavigation li.alternative a { font-size: 12px; }
	
	#services { position: absolute; top: -70px; left: 0;}
	#services li { display:inline; font-size: 12px; margin: 0 10px 0 0; padding:0; }
	#services a { font-size: 1.2em; margin: 0 10px 0 0; background: #E5EEF5; }
	
	/* cp login */
	#cp #formLogin label { display: block; clear: both; }
	
	/* cp password recovery */
	#formChangePassword label { margin: 0 0 10px 0; display: block; clear: both; }
	#cp #formChangePassword label input.inputtext { clear: both; margin: 10px 0 0 0; }
	#formChangePassword .button { margin: -18px 0 0 20px }
	
	/* cp change picture */
	#cp #formChangePicture img { float: left; width: 50px; height: 50px; padding: 2px; border: 1px solid #ccc; margin: 0 20px 20px 0px }
	#cp #formChangePicture #avatar { background: none; border: 1px solid #ccc; width: auto; height: auto; padding: 2px; float: left; margin: 0 20px 0 0; }
	
	/* cancellazione */
	#formDelete { margin: 20px 0 0 0; }
	
	/* cp talk */
	#cp #formTalk label { float: left; margin: 0 20px 20px 0; clear: both; }
	#cp #formTalk textarea { clear: both; margin: 20px 0 0 0; width: 450px; border: 1px solid #ccc; border-bottom: 2px solid #333; padding: 5px; font-size: 12px; }
	#cp #formTalk .button { clear: both; }
	
	/* attendees list and speakers list */
	#attendees { padding: 0 0 40px 0; overflow: hidden; position: relative; }
	#attendees p { margin: 20px 0 40px; }
	#attendees ol { margin: 0 0 30px 0; overflow: hidden; padding: 30px 0 0; border-top: 1px solid #ccc; }
	#attendees ol li { display: block; padding: 0; font-size: 12px; font-weight: normal; overflow: hidden; position: relative; float: left; width: 440px; margin: 0 20px 10px; line-height: 33px; background: #EFF7FE; }
	#attendees .avatar { background: #FFFFFF; border: 1px solid #ccc; float: left; margin: 0 10px 0 0; padding: 2px; }
	#attendees ul { float: left; clear: both; position: absolute; top: 0; right: 10px; }
	#attendees ol li ul li { width: 25px; height: 25px; border: none; padding: 0; float: right; margin: 5px 0 0 5px; clear: none; }
	#cp #attendees #pagesIndex { clear: both; border-top: 1px solid #ccc; padding: 20px 0 0 0; margin: 20px 0 0 0; width: 960px; text-align: center; font-size: 16px; font-weight: normal; }
	#attendees #pagesIndex a { padding: 8px 10px; }
	#attendees #pagesIndex strong { padding: 8px 10px; }
	#attendees span.hidden { visibility: hidden; }
	
	
	/* speakers list */
	#speakersList { margin: 20px 0 0 0; }
	#speakersList li { list-style: decimal; margin: 0 0 15px 0; }
	#speakersList h2 { margin: 0; text-transform: none; }
	#speakersList p { padding: 20px 0 0; }
	
	/* speaker info */
	#speakerInfo .avatar { float: left; padding: 2px; border: 1px solid #ccc; margin: 0 10px 10px 0; }
	#speakerInfo h1 { font-size: 60px; line-height: 60px; margin: 0 0 20px 0; }
	#speakerInfo p { padding: 0 0 15px 0; }
	#speakerInfo .webContacts li { float: left; margin: 0 15px 0 0; width: 20px; height: 20px; }
		
	/* cleanup this mess somebday would you? */
	
	#cp fieldset { border: 1px solid #ccc; padding: 20px; }
	#cp .inputtext { width: 222px; height: 19px; margin: 0px 0 10px; padding: 6px; background: url(/_v2img/globalSprites.png) no-repeat scroll 0 -88px; color: #666; font-size: 12px; clear: both; }
	#cp .button { float: left; height: 26px; padding: 0 6px; border: 2px solid #588db5; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #337bb2 url(/_v2img/bg_center_normal.gif) repeat-x; color: #FFF; font-size: 13px; font-weight: bold; line-height: 22px; text-decoration: none; text-align: left; cursor: pointer }

	#cp form ul li { float: left; width: 260px; }
	#cp #formSocialNetwork label { display: block; clear: both; padding: 0 0 10px 0; }
	#cp #formSocialNetwork .button { margin: 30px 0 0 0; }
	
/*	Concorso (#uxe)
	----------------------------------------------------*/

	#uxe #content h1 { width: 700px;  }
	#uxe #content p { width: 600px; }
	#uxe #content em { display: block; text-align: center; font-size: 1.5em; font-style: normal; font-weight: bold; letter-spacing: -1px; padding: 20px 0; color: #333 }

/*	Serving IE7
	----------------------------------------------------*/
	
	.ie .ornRight { display: none; }
	.ie #navigation p { margin-top: 5px; }
	.ie #hostnsponsors .four .middle, .ie #hostnsponsors .eleven .middle { padding-bottom: 20px; }
	.ie	#hostnsponsors .four .bottom, .ie #hostnsponsors .eleven .bottom { margin: -10px 0 0 0; position: relative; }

/*	Serving IE6
	----------------------------------------------------*/

	#ie6 #tagline, #ie6 #tagline li { background: none; }
	#ie6 #hostnsponsors .four .middle, #ie6 #hostnsponsors .eleven .middle { margin: -15px 0 0; }
		#ie6 #host span, #ie6 #sponsors ul { height: 150px; }
	#ie6 #hello { margin: 0; }
	#ie6 #newsletter #submit { margin: 11px 0 0 10px; }
	#ie6 #aboutus li { line-height: 20px; }
	#ie6 #hostnsponsors .four .bottom, #ie6 #hostnsponsors .eleven .bottom, #ie6 .ornLeftAlt { display: none; }
	#ie6 #twitter { background: url(/_v2img/IE6block-elswhereRight.png) no-repeat scroll right -3px }
	#ie6 #registration { background: url(/_v2img/IE6globalSprite.png) no-repeat -639px -222px; }
	
/*	That's it. I hope it was a pleasing journey. Keep well
	and don't forget to send some nice words to my master
	at: piotr@designr.it
						
	Ciao ciao!	
	
									- Happy Stylesheet
								
	----------------------------------------------------*/