/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, strong, 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;}
ol, ul 	{ list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse;	border-spacing: 0;}
/* Clearing Floats */
.clearfix 		{ display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear 			{ clear:both; height:1px; width:100%; margin-bottom:-1px; font-size:0px; line-height:0; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;}
/* End hide from IE-mac */


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

/* Background Images */
.bg01 			{ background:#233588; }
.bg02 			{ background:#233588; }

.wrapper		{ width:960px; margin:0px auto; padding:0px; text-align:left; overflow:hidden; min-height:1920px;  }

.bg01 .wrapper	{ background:#fff url(../img/backgrounds/bg-01.gif) no-repeat 0 0; }
.bg02 .wrapper	{ background:#233588 url(../img/backgrounds/bg-02.gif) no-repeat 0 0;  }
	
	/* Column layout */
	.col-1			{ float:left; width:226px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
	.col-2			{ float:left; width:466px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
	.col-3			{ float:left; width:706px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
	.col-4			{ float:left; width:946px; padding:0px; margin:0 0 0 14px; min-height:226px; position:relative; z-index:1; }
		.col-clear				/* extends .col-n */	{ clear:left; }
		.col-1-map				/* extends .col-1 */	{ margin:0; }
		.col-2-home 			/* extends .col-2 */	{ margin-left:-226px; position:relative; z-index:10; }	
		.col-3-production	/* extends .col-3 */	{ margin:0; width:720px; }
	
	.col-row 			/* can stand alone or extend .col-text, .container or .nav */	{ margin-top:14px; min-height:226px; }
		.col-row-home				/* extends .col-row */	{ margin-top:-28px; padding-bottom:324px; }
		.col-row-top1  			/* extends .col-row */	{ margin-top:268px; }
		.col-row-top2  			/* extends .col-row */	{ margin-top:508px; }
		.col-row-top3  			/* extends .col-row */	{ margin-top:748px; }
		.col-row-production /* extends .col-row */	{ min-height:106px; }
		.col-row-dotted /* extends .col-row */	{ background:url(../img/backgrounds/dotted.gif) repeat-x bottom left;padding-bottom:2px; }
	
	/* Triangle box stylings */
	.container { height:226px; width:226px; position:relative; }
		.container img 				{ position:absolute; }		
		.container-smallcorner 		/* extends .container */ 	{ height:112px; width:112px; position:absolute; right:0; bottom:0; }		
		.container-bg-white 				/* extends .container */ 	{ background-color:#fff; }
		.container-production							/* extends .container */ 	{ height:106px; width:106px; float:left; margin-left:14px; display:inline; }
		
	.triangle 		{ width:0; height:0px; line-height:0px; border:113px solid #000; border-right-color:transparent; border-bottom-color:transparent; position:relative; }
		.triangle div 			{ position:absolute; width:198px; height:198px; top:-113px; left:-113px; padding:14px; }
		.triangle div h2 		{ font-size:1em; line-height:1;}
		.triangle div p			{ line-height:1; margin:0; }
		.triangle div a 		{ color:#fff; text-decoration:none; font-size:1em; line-height:1; font-style:italic; font-weight:bold; }
		.triangle div a:hover 	{ color:#f7941e; text-decoration:none; }
		
		.triangle-small				/* extends .triangle */ 	{ border-width:56px; }
			.triangle-small div 		/* extends .triangle */		{ width:98px; height:98px; top:-56px; left:-56px; padding:7px; }
			.triangle-small div a 	/* extends .triangle */		{ font-size:.875em; }
		
			
		.triangle-white		/* extends .triangle */	{ border-top-color:#ffffff; border-left-color:#ffffff; }
		.triangle-indigo		/* extends .triangle */	{ border-top-color:#233588; border-left-color:#233588; }
			
			.container-bg-white .triangle-white div a 			/* extends .triangle */ { color:#233588; }
			.container-bg-white .triangle-white div a:hover 	/* extends .triangle */ { color:#f7941e; text-decoration:none; }
		
	
	/* Global */	
	.small-logo					{ width:198px; height:41px; font-size:1px; line-height:0; margin:28px 0 0 10px; padding:0px; text-indent:-9999em; background:url(../img/logos/shoreditch-starlit.gif) 0 bottom no-repeat; }
	.small-logo a { display:block; width:198px; height:41px; font-size:1px; line-height:0; text-indent:-9999em;}
	.childrensfestival			{ width:198px; height:109px; font-size:1px; line-height:0; margin:0 0 0 10px; padding:0px; text-indent:-9999em; background:url(../img/logos/childrens-festival.gif) 0 0 no-repeat; }
	.childrensfestival a		{ display:block; width:198px; height:109px; text-indent:-9999em;}
		.shoreditchpark-home 	/* extends .shoreditchpark */ { margin-top:14px; float:left; display:inline; }	
	
	h1				{ font-size:1.5em; color:#fff; line-height:1; padding:0 0 6px 0; }
	h2				{ font-size:1.25em; color:#fff; line-height:1; padding:0 0 6px 0; }
	h3				{ font-size:1.125em; color:#fff; line-height:1; padding:0 0 6px 0; }
	h4				{ font-size:1em; color:#fff; line-height:1; padding:0 0 6px 0; }			
	
	img				{ display:block; }
	ul				{ margin:0 0 24px 0; }
	ol 				{ margin: 0 0 24px 24px; }
	ol li 			{ list-style-position:outside; list-style-type:decimal; font-size:.875em; }
	ul li 			{ list-style:none; list-style-position:outside; font-size:.875em;  }
	li 				{ line-height:1.5; color:#000; font-size:.875em; }
	dl 				{ color:#fff; }
	dt 				{ font-weight:bold; line-height:1.5; font-size:.875em; }
	dd 				{ line-height:1.5; font-size:.875em; }
	p 				{ line-height:1.5; margin:0 0 24px 0; color:#fff; font-size:.875em; }
	a 				{ color:#fff; text-decoration:none; font-style:italic; }
	a:hover 		{ color:#fff; text-decoration:underline; }
	em				{ font-style:normal; font-weight:bold;}	
	
	.lowermargin	/* extends * */ { margin:0 0 24px 0; }
	.nomargin	/* extends * */ { margin:0 !important; }
	.venue				{ font-weight:bold;}
		
	.col-text 			{ padding:14px; }
	.col-spacer			{ padding:14px 14px 100px 14px; min-height:226px;}
		.col-spacer p	{ display:none}
	
	/* Nav Items */	
	.nav		{ padding:14px 12px; min-height:442px; }		
		.nav ul						{ margin:0;  }
		.nav ul li					{ padding:0 0 2px 0; line-height:1; list-style:none; }
		.nav ul li span 			{ display:block; }
		.nav ul li a 				{ color:#fff; font-weight:bold; font-style:normal; line-height:1; text-decoration:none; font-size:.9375em; font-size:.875em;}
		.nav ul li.on a				{ font-size:1.5em; color:#fff; }
		.nav ul li.gap				{ margin-top:12px; }
		.nav ul a:hover				{ color:#bd1a8d; }
		.nav ul li.on a:hover		{ color:#bd1a8d; }
		
		.nav ul ul 					{ width:auto; min-height:0; padding:2px 0 6px 0px; margin:0; }
		.nav ul li.on ul a			{ font-size:.9375em; color:#fff; }
		.nav ul li.on ul li.on a	{ color:#fff; }
		
		.nav-sub 						/* extends .nav */  { }
			.nav-sub ul li					/* extends .nav */ 	{ padding:0 0 26px 0; }
			.nav-sub ul a 					/* extends .nav */ 	{ font-size:1.125em; line-height:1.333; }
			.nav-sub ul .time				/* extends .nav */	{ font-weight:normal; }
			.nav-sub ul li.on a			/* extends .nav */	{ font-size:1.125em; }
		
				
	.caption	{ position:absolute; top:24px; right:0; width:200px; padding:0 10px 0 0; }
		.caption p { color:#fff; line-height:1.5; font-style:italic; font-weight:bold; margin:0; }
	
	.more-info { display:block; }
	
	.schedule			{ border-collapse:collapse; width:438px; line-height:1.3}
	.schedule h2		{ display:block;}
	.schedule th		{ color:#fff; font-size:1em; font-weight:normal; width:226px; padding:0 0 14px 0;}
	.schedule td		{ color:#fff; font-size:1em; font-weight:normal; width:212px; padding:0 0 14px 14px;}
	.schedule td em		{ font-style:normal; font-weight:bold; display:block;}
	.schedule td p		{ margin:0; display:block}
	
/* Home Page */
	.large-logo 		{ width:459px; height:255px; font-size:1px; line-height:0; margin:24px 0 0 0; padding:0; text-indent:-9999em; background:transparent url(../img/logos/large-logo.png) 0 0 no-repeat; }	
	.home-pidgeon		{ position:absolute; bottom:0; left:120px; }