/* COLOR PALETTE 
Dark Gray	|	#2b2b2b
Lime		|	#b4d333
Blue		|	#2976ad */

/* RESET | ADAPTED FROM: http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; background:#FFF; color:#2b2b2b; font-size:100%; font-family:Arial, Helvetica, sans-serif; }
ol, ul { list-style: none; }
textarea { font-family:Arial, Helvetica, sans-serif; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
a, a:hover { text-decoration:none; color:#2976ad; }
a:hover{ text-decoration:underline; }

/* ------------------------------------------------------------------------------------ BLOCKS */

html, body { height: 100%; }

#wrapper {
	width: 974px; height: 100%;
	position:relative; 
	margin: 0 auto -100px auto; }
	
body > #wrapper { height: auto; min-height: 100%; }
	
#header {
	width: 100%; height:120px;
	background-color:#2b2b2b;
	border-bottom: 2px #FFF solid;
	position:relative; }
	
#nav {
	float:right; 
	width: 824px; }
	
#content {
	width: 100%;
	padding: 0 0 100px 0; }
	
#footer {
	width: 974px; height:100px;
	background:#2b2b2b url(../img/bkg-footer.png) no-repeat top;
	position:relative;
	margin: -100px auto 0 auto;
	clear:both; }
	
#logo {
	width:182px; height:72px;
	position:absolute; 
	left:40px; top:24px; }	

.body {
	width: 800px;
	margin: 20px auto 40px auto;
	clear:both;
	overflow:hidden; }	
	
.home p { padding: 0 0 0 30px; font-size:0.875em; } 
p.signoff { padding: 0 15px; } 

.column-header, .column-single { width:100%; }
home.column-l { float:left; width:440px; }
.column-l { float:left; width:460px; }	
.column-r { float:right; width:300px; }	


.column-video-nav { float:left; width:230px; }	
.column-video { float:right; width:565px; }	

.videos_contentwrapper { 
	width:100%;
	background: url(../img/videos/column-background.png) repeat-y;
	overflow:auto; height:100%;
	padding: 0 0 40px 0; }

/* ------------------------------------------------------------------------------------ TYPE STYLE */

h1 { font-size:1.5em; }
h2 { font-size:1.5em; line-height:1.2em; font-weight:normal; margin: 0 0 0.2em 0; }
h3 { font-size:1em; margin: 0 0 0.5em 0; }
h4 { font-size:1em; }
h5 { font-size:0.75em; }
p, li, label { font-size:0.75em; line-height:1.4em; margin: 0 0 1.4em 0; }
li { margin: 0 0 0.5em 0; }
ol li { margin: 0 0 0.75em 0; }

/* SPECIALS */
.signoff { font-weight: bold; font-size:1.064em; }
.legals p { font-size:0.75em; } 
.legals h2 { text-transform:uppercase; font-size:0.75em; margin: 0 0 0.75em 0; } 
.column-r h4 { font-size:0.85em; margin: 0 0 1em 0; }
.column-header p { font-size:1em; }
.tickets-prices { float: left; width: 100%; }
.tickets-prices p { font-size:0.75em; line-height:1em; margin: 0 0 0.5em 0; font-weight:bold; }
.tickets-prices p span {font-weight:normal; }
.tickets-header { background: #f5f7e7; width: 700px; clear:both; overflow:hidden; padding: 0.5em; margin: 0 0 0.5em 0; }

/* ------------------------------------------------------------------------------------ NAVIGATION */

#nav ul { position: absolute; right: 10px; top: 60px; }
#nav li { float: left; }

#nav a {
	font-size: 1em; text-indent:-9999em;
	display:block;
	height: 50px;
	background:#2b2b2b url(../img/nav-sprites-postevent.png) no-repeat; }	
	
a#nav-home { width:88px; background-position: 0 0; }
a#nav-programme { width:126px; background-position: -88px 0; }
a#nav-speakers { width:114px; background-position: -214px 0; }
a#nav-venue { width:86px; background-position: -328px 0; }
a#nav-about { width:167px; background-position: -414px 0; }
a#nav-tickets { width:102px; background-position: -581px 0; }
a#nav-video { width:102px; background-position: -577px 0; }

a:hover#nav-home { background-position: 0 -100px; }
a:hover#nav-programme { background-position: -88px -100px; }
a:hover#nav-speakers { background-position: -214px -100px; }
a:hover#nav-venue { background-position: -328px -100px; }
a:hover#nav-about { background-position: -414px -100px; }
a:hover#nav-tickets { background-position: -581px -100px; }
a:hover#nav-video { background-position: -577px -100px; }
	
li#current a#nav-home { background-position: 0 -50px; }
li#current a#nav-programme { background-position: -88px -50px; }
li#current a#nav-speakers { background-position: -214px -50px; }
li#current a#nav-venue { background-position: -328px -50px; }
li#current a#nav-about { background-position: -414px -50px; }
li#current a#nav-tickets { background-position: -581px -50px; }
li#current a#nav-video { background-position: -577px -50px; }

#footer ul { margin: 0 0 0 40px; }
#footer li { float: left; margin: 20px 20px 0 0; }
#footer a { color:#FFF; font-size: 11px; }

.zebra-event {
	width: 180px; height: 49px;
	display:block;
	position:absolute; right:60px; top: 6px; }
	
#header .zebra-event a {	
	background:url(../img/zebra-badge-small.png) no-repeat right center ;
 	width: 210px; height: 49px;
	display:block;
	font-size: 10px; color:#666; line-height: 26px; }

/* ------------------------------------------------------------------------------------ HEADER PANE */

.primary {	position: relative; height: 112px; background:#b4d333 no-repeat bottom ; }

.homepage {	background:#b4d333 url(../img/primarypane/home.jpg) no-repeat bottom; height: 245px; }

.about-ux-people {	background: url(../img/primarypane/about-ux-people.jpg) ; }
.partners-and-sponsors {	background: url(../img/primarypane/partners-and-sponsors.jpg); }
.privacy-policy {	background: transparent url(../img/primarypane/privacy-policy.jpg); }
.programme {	background: url(../img/primarypane/programme.jpg) ; }
.speakers {	background: url(../img/primarypane/speakers.jpg) ; }
.terms-and-conditions {	background: transparent url(../img/primarypane/terms-and-conditions.jpg); }
.terms {	background: url(../img/primarypane/terms.jpg) ; }
.tickets {	background: url(../img/primarypane/tickets.jpg) ; }
.venue  {	background: url(../img/primarypane/venue.jpg) ; }
.tickets {	background: url(../img/primarypane/tickets.jpg) ; }
.venue  {	background: url(../img/primarypane/venue.jpg) ; }
.presentations  {	background: url(../img/primarypane/presentations.jpg) ; }
.workshops  {	background: url(../img/primarypane/workshops.jpg) ; }
.videos  {	background: url(../img/primarypane/videos-presentations.jpg) ; }


/* ------------------------------------------------------------------------------------ TEXT REPLACE */

.primary h1 {
	text-indent:-9999em;
	width:100%; height: 55px;
	position:absolute; left: 36px; top: 34px; }
	
.homepage h1 {	background: transparent url(../img/h1-replacement/h1_a-new-event.png) no-repeat; height:172px; }
.about-ux-people h1 {	background: transparent url(../img/h1-replacement/h1_about-ux-people.png) no-repeat; }
.partners-and-sponsors h1 {	background: transparent url(../img/h1-replacement/h1_partners-and-sponsors.png) no-repeat; }
.privacy-policy h1 {	background: transparent url(../img/h1-replacement/h1_privacy-policy.png) no-repeat; }
.programme h1 {	background: transparent url(../img/h1-replacement/h1_programme.png) no-repeat; }
.speakers h1 {	background: transparent url(../img/h1-replacement/h1_speakers.png) no-repeat; }
.terms-and-conditions h1 {	background: transparent url(../img/h1-replacement/h1_terms-and-conditions.png) no-repeat; }
.tickets h1 {	background: transparent url(../img/h1-replacement/h1_tickets.png) no-repeat; }
.venue h1 {	background: transparent url(../img/h1-replacement/h1_venue.png) no-repeat; }
.presentations h1 {	background: transparent url(../img/h1-replacement/h1_presentations.png) no-repeat; }
.workshops h1 {	background: transparent url(../img/h1-replacement/h1_workshops.png) no-repeat; }
.videos h1 {	background: transparent url(../img/h1-replacement/h1_videos-presentations.png) no-repeat; }
	
/* ------------------------------------------------------------------------------------ CTA | BUTTONS */

a.cta_sticky {
	background: url(../img/cta-sticky.png) no-repeat 0 0;	
	width:207px; height:66px;
	display:block;
	font-size:1em; text-indent:-9999em;
	margin: 40px auto; }
	
a:hover.cta_sticky { background-position: 0 -66px; }

/* ------------------------------------------------------------------------------------ PROGRAMME TABLE */

table.schedule { width:700px; margin:0 auto; }
table.schedule p { margin:0; text-align:left; font-size:0.75em; }
table.schedule h3 { font-size:0.814em; margin:0.25em 0; }
table.schedule th { width:4em; }
th, td { padding: 0.4em; }

table.schedule tr.programmebreak th, table.schedule tr.programmebreak td  { background: #f5f7e7; }
table.schedule tr:hover th, table.schedule tr:hover td { background: #f9faf0; }

table.schedule tr th, table.schedule tr td, .session { border-bottom: 1px solid #e6e9d1; }

.session { width:700px; margin: 1.5em auto 0 auto; padding: 0.5em 0; clear:both; overflow:hidden; }
.session h2 { font-size:1.25em; display:inline; float:left;  }
.session a { font-size:0.75em; float:right; margin:0.6em 10px 0 0; }

ol a.workshop { font-weight:bold; font-size:1.1em; }

/* ------------------------------------------------------------------------------------ EVENTS */

.speaker, .presentation {
	border-bottom: 1px solid #b4d333;
	margin: 0 0 14px 0;
	padding: 14px 14px 14px 0;
	clear: left;
	overflow: hidden;
	height:100%; }

.speaker h2, .presentation h2  {
	color: #b4d333; font-weight:bold;
	margin: 0 0 0.1em 0; }
	
.speaker p, .presentation p { font-size:0.75em; }

.speaker-description, .presentation-description {
	float:left;
	width:500px; }

.speaker-photo {
	float:right;
	width:211px; height:161px; }

.presentation-info {
	float:right;
	width:211px;
	padding: 2em 0 0 0; }
	
.supporting-speakers { padding: 0 0 0 30px; }

.speaker-fly {float:right; }

/* ------------------------------------------------------------------------------------ SIGN UP */

form.signup { font-size: 1em; margin: 0 0 0 10px; }

form.signup .formitem, form.signup .formitem-submit { 
	display:block;
	width:260px;
	padding:0.6em;
	clear:both;
	overflow:auto; }
.formitem-submit input { 
	float:left; }
.formitem-submit .submitmessage { 
	font-size:0.65em;
	float:left; 
	padding:10px 0 0 20px;}

form.signup .formitem-submit { margin:0.5em 0 0 0; }
	
form.signup .formitem label { 
	font-weight: bold;
	margin:0 0 0.2em 0;
	padding:0; }

form.signup .formitem label { display:block; }
	
form.signup .formitem input { display:block; width:240px; }


/* HEADER LOCATION */
.location {	float: right; }
.location p { color:#bad033; text-transform:uppercase; font-size:1em; margin: 14px 40px 0 0; }

.picture-credit { position:absolute; top: 76px; left:40px; width: 300px; }
.kaixo-credit { position:absolute; top: 76px; right:40px; width: 200px; }

.picture-credit p, #footer .picture-credit a,
.kaixo-credit p, #footer .kaixo-credit a { color:#4e4e4e; font-size:9px; margin:0; padding:0; }
.kaixo-credit a { float:right; }
.zebrapeople-info p { font-size:0.7em; line-height:1.35em; }

#twitter-follow { position:absolute; top: 64px; left:784px; width:140px; height:22px; }
#twitter-follow a { color:#4e4e4e; font-size:10px; width:140px; height:22px; display:block; text-indent:-9999em; background: url(../img/twitter-140x22.jpg) no-repeat 0 0;  }
#twitter-follow a:hover { background: url(../img/twitter-140x22.jpg) no-repeat 0 -28px;  }

	
#map-canvas { width: 100%; height: 370px; margin: 8px 0 20px 0; border:1px solid #CCC; }	

/* ------------------------------------------------------------------------------------ SIGN UP */

#signup-module {
	width:300px; }
	
#signup-module-top {
	width:300px; height:14px; background: #f1f3e5 url(../img/update-module/top.png) no-repeat; }
	
#signup-module-bottom {
	width:300px; height:14px; background: #f1f3e5 url(../img/update-module/bottom.png) no-repeat; }
	
#signup-module-pane {
	width:300px; background: #f1f3e5 url(../img/update-module/pane.png) repeat-y; }
	
/* ------------------------------------------------------------------------------------ SPONSORS */

.sponsors {	position: absolute; right:30px; top:8px; width:300px; height:37px; }
.sponsors span { float:left;}
.sponsors img { border:none; margin: 0 0 0 10px;}
.sponsors p { color:#888; margin:5px 0 0 0; padding:0; font-size:9px;}


/* ------------------------------------------------------------------------------------ VIDEOS */


.column-video h2 {
	color: #b4d333; font-weight:bold;
	margin: 20px 0 0.1em 14px; padding:0 20px 0 0;
	font-size:1.35em; }
.column-video h3  {
	font-size:1em; line-height:1.4em; font-weight:normal;
	margin: 5px 0 0.1em 14px; padding:0 20px 0 0; }
.column-video h4  {
	font-size:0.9em; font-weight:bold;
	margin: 20px 0 0 14px; padding:0 20px 0 0; }
.column-video p  {
	font-size:0.75em;
	margin: 5px 0 10px 14px; padding:0 20px 0 0; }
	
.multimedia-video {
	width:480px; height:312px;
	margin: 5px 0 30px 15px;
	border:1px solid #e5e7d8; }
.multimedia-presentation {
	width:425px; height:355px;
	margin: 5px 0 30px 15px;
	border:1px solid #e5e7d8; }
	
.comingsoon {
	height:50px; }
	
.comingsoon p {
	color: #666;
	font-size: 0.85em; line-height: 36px;
	text-align:center; }
	
.column-video-nav ul { 
	width:215px; margin:10px 0 0 10px; }	
.column-video-nav li { 
	height:32px;
	padding:5px 0; margin:0; }	
.column-video-nav a { 
	height:32px; width:225px;
	display:block;
	line-height:32px;
	color: #2b2b2b; font-weight:bold;
	padding:0 0 0 10px; margin:0; }
a.video-active { 
	background: url(../img/videos/nav-active.png) no-repeat; }

.hz-divider { height:1px; width:520px; margin: 20px 0 20px 14px; background:#b4d333; }

.addthis_toolbox { float:right; margin: 10px 20px 0 0; }
.addthis_toolbox a { font-size:0.7em; }

/* ------------------------------------------------------------------------------------ CLEARFIX */
.clearfix:after { content: ".";	display: block;	height: 0; clear: both;	visibility: hidden; }
.clearfix {	display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */