/* @override http://uxpeople.co.uk/2010/assets/css/uxpeople-css-v0.css */

/* RESET | 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; }
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:underline; color:#000; }
a:hover{ text-decoration:underline; }

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

#wrapper, #header, #nav, #content, #footer, .body { margin: 0 20pt; }
#logo { margin: 0 0 15pt 0; }	

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

h1 { font-size:26pt; line-height: 26pt; margin: 0 0 30px 0; }
h2 { font-size:18pt; line-height: 22pt; margin: 0 0 5px 0; }
h3 { font-size:14pt; line-height: 18pt; margin: 0 0 5px 0; }
h4 { font-size:14pt; line-height: 16pt; }
h5 { font-size:12pt; line-height: 16pt; }
p, li, label { font-size:11pt; line-height: 16pt; margin: 0 0 5px 0;  }
li { margin: 0 0 0.5em 0; }
ol { margin: 0.5em 0 0 0; }

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

#nav { margin: 0 0 20pt 0; }	
#nav a { font-size: 14pt; font-weight: bold; }	
#footer a { font-size: 11pt; }
.zebra-event {	width: 250px; height: 78px; }
#footer{ margin: 20pt 0 0 40pt;}
#footer .zebra-event a { font-size: 11pt; color:#000;}


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

.primary h1 { width:90%; font-size: 20pt; }

/* ------------------------------------------------------------------------------------ CTA | BUTTONS */

a.cta_sticky { display:block; font-size:12pt; font-weight: bold; }

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

table.schedule th { width:60px; }
th, td { padding: 3pt; }

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

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

.speaker, .presentation { margin: 20pt 0 0 0; }

/* ------------------------------------------------------------------------------------ TICKETS */

form .formitem, form .formitem-submit { 
	display:block; width:700px; padding:0.4em; clear:both; overflow:auto; }

form .formitem-submit { text-align:center; margin:0.5em 0 0 0; }
	
form .formitem label { width:30%; float: left; font-weight: bold; }

form .formitem input, form .formitem select, form .formitem textarea { float: left; width: 65%; }


/* HEADER LOCATION */
.location p { color:#bad033; text-transform:uppercase; font-size:12pt; margin: 0 0 20pt 0; }

.picture-credit { display: none; }
	
.zebrapeople-info p { font-size:11pt; }	
	
#map-canvas { width: 100%; height: 370px; margin: 8px 0 20px 0; border:1px solid #CCC; }