
/* ---------- Main Wide Container for the Festival ----- */
#container {
font-family:Georgia,Times New Roman,Times,serif;
height:100%;
left:50%;
margin:0pt 0pt 0pt -490px;
padding:0pt;
position:absolute;
width:980px;
text-shadow:0 0 1px #ffffff;
}
.borderline {
height:160px;
margin:0pt;
padding:0pt;
width:70px;
}
.clear {
clear:both;
height:0pt;
margin:0pt;
padding:0pt;
width:0pt;
}
#header {
height:210px;
padding:0pt;
width:910px;
}
#header #header_l {
float:left;
height:210px;
margin:0pt 0pt 0pt 10px;
padding:70px 0pt 0pt;
width:570px;
}
#header #header_l h2 {
font-family:Helvetica,Arial,sans-serif;
font-size:25px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:35px;
line-height:normal;
}
#header #header_l h2 a {
color:#000000;
text-decoration:none;
}
#header #header_l h2 a:hover, #header #header_l h2 a#current {
color:#6E2F4E;
}
#header #header_r {
float:right;
height:210px;
margin:0pt 10px 0pt 0pt;
padding:0pt;
width:320px;
}
#header #header_r img {
border:0pt none;
}
#sub_header {
height:auto;
margin:0pt 0pt 0pt 30px;
padding:0pt;
width:910px;
}
#sub_header #navigation {
background:transparent none repeat scroll 0%;
float:left;
height:auto;
margin:70px 0pt 0pt 10px;
padding:0pt;
width:320px;
}
#sub_header #navigation a {
color:#000000;
font-family:Helvetica,Arial,sans-serif;
font-size:58px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:67px;
text-decoration:underline;
}
#sub_header #navigation a:hover {
color:#6E2F4E;
}
.hr {
height:50px;
margin:0pt 0pt 0pt 40px;
padding:0pt;
width:890px;
}
.hr .line {
border-bottom:1px solid #F14D3A;
color:#F14D3A;
display:inline;
float:right;
font-size:12px;
margin:2px 0pt 0pt 10px;
padding:0pt 0pt 5px;
position:absolute;
text-align:right;
}
.hr .line a {
color:#F14D3A;
font-size:12px;
text-decoration:none;
}
.hr .line a:hover {
color:#fff;
}
.hr #line_details {
width:655px;
}


.hr #line_about {
width:711px;
}
.hr #line_contact {
width:693px;
}
h1 {
color:#000000;
font-family:Helvetica,Arial,sans-serif;
font-size:27px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0pt 0pt;
padding:0pt;
}
table h3 {
color:#fce055;
height:auto !important;
margin:5px 0pt 2px;
padding:0pt !important;
}
table p.date {
font-size:14px;
margin-top:4px !important;
text-transform:uppercase;
text-shadow: none !important;
}
table p {
font-size:13px;
line-height:14px !important;
margin-top:1px !important;
}
h2 {
color:#000000;
font-family:Georgia,Times New Roman,Times,serif;
font-size:58px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 0pt 0pt;
padding:0pt;
}
h3 {
color: white;
display:block !important;
float:left;
font-family:Georgia,Times New Roman,Times,serif;
font-size:24px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:20px;
margin:0pt;
padding-bottom:5px;
letter-spacing:-1px;
padding-left:0px;
padding-right: 10px !important;
padding-top:0px;
width:auto;
}
h4 {
clear:both;
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#FCE055 !IMPORTANT;
font-size: 24px !important;
float:none !important;
text-decoration:none;
font-style:normal;
letter-spacing:-1px !important;
margin:0px !important;
}
h3 .top {
font-style:italic;
margin:0pt 0pt 0pt 10px;
vertical-align:top;
}
h3 .bold {
font-family:Georgia,Times New Roman,Times,serif;
font-size:30px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0pt;
padding:0pt;
}
p {
color:#FFF !important;
font-family:Helvetica,Arial,sans-serif !important;
font-size:14px !important;
font-size-adjust:none !important;
font-stretch:normal !important;
font-style:normal !important;
font-variant:normal !important;
font-weight:normal !important;
line-height:15px ;
}
p a.link {
color:#000000;
font-family:Helvetica,Arial,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0pt;
padding:0pt 3px;
}
p a.link:hover {
color:#6E2F4E;
}
p.meta {
color:#6E2F4E;
font-size:12px;
font-style:italic;
}
p.date {
color:#b3a04b !important;
font-family:Helvetica, Arial, sans-serif !important;
font-size:14px !important;
font-size-adjust:none;
font-stretch:normal;
font-style:italic;
font-variant:normal;
font-weight:bold;
line-height:normal;
margin:0pt !important;
}

.graphic, #prevBtn, #nextBtn {
border:0pt none;
display:block;
margin:0pt;
overflow:hidden;
padding:0pt;
text-indent:-8000px;
}
#prevBtn, #nextBtn {
display:block;
height:38px;
position:absolute;
width:50px;
}
#prevBtn {
margin:-40px 0pt 0pt -20px;
}
#nextBtn {
margin:-40px 0pt 0pt 522px;
}
#prevBtn a, #nextBtn a {
background:transparent url(/festival09/img/b_prev.gif) no-repeat scroll 0%;
display:block;
height:39px;
width:48px;
}
#nextBtn a {
background:transparent url(/festival09/img/b_next.gif) no-repeat scroll 0%;
}
table {
border-collapse:collapse;
height:500px;
margin:-14px 10px 10px;
padding:0px 10px 10px;
width:956px;
text-shadow:0 0 1px #ccc;

}
thead th {
background:#FFF4C6 none repeat scroll 0%;
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#333333;
font-family:georgia;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:18px;
padding:8px 16px 8px 8px;
text-align:left;
}
tbody td.event {
background:#EDFFBB none repeat scroll 0%;
border-bottom:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
color:#333333;
font-family:georgia;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:166.6px;
padding:8px 16px 0px 8px;
text-align:left;
vertical-align:top;
 width:220px !important; 
 
}



tbody td.event a:hover, tbody td.event a:active {
color: #fff;
background-color:transparent !important;}


a.anchorLink:hover, a.anchorLink:active {
background-color: transparent !important;}

/* Show only to IE7 */
*:first-child+html .event {
 width:200px !important; 
 margin-left:-20px !important;
 display:inline !important;
 padding-left: -40px !important;
 } 
 
 
 /* Show only to IE7 */
*:first-child+html table {
 width:200px !important; 
 margin-left: 0px !important;
 margin-top:-20px !important;
 } 

thead th.null {
background:#EDFFBB none repeat scroll 0%;
border-bottom:0px solid #FFFFFF;
border-right:0px solid #FFFFFF;
color:#333333;
font-family:georgia;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:166.6px;
line-height:18px;
padding:8px 16px 0px 8px;
text-align:left;
vertical-align:top;
width:237.5px !important;
}
tbody th {
background:#FFF9E1 none repeat scroll 0%;
border-bottom:1px solid #F3F0E4;
border-right:1px solid #FFFFFF;
color:#333333;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:15px;
padding:8px;
text-align:left;
}
tbody td {
border-bottom:1px solid #F3F0E4;
border-right:1px solid #F3F0E4;
color:#333333;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
padding:8px;
}
tbody td.on p {
color:#fff !important;
}

tbody td.on h3 {color:#ffffff;}
tbody td.on, tbody td.on a:active {
background:#E3ED89 none repeat scroll 0%;
color:#fff !important;
}
thead th.on {
background:#E3ED89 none repeat scroll 0%;
}
tbody th.on {
background:#E3ED89 none repeat scroll 0%;
}



/* _____________________ Slider ___________________ */



	/*
		GENERIC RESET & BASIC STRUCTURE
	*/
	* 									{ margin: 0; padding: 0; }

	a 									{ 
	/* remove the dotted outlines when clicking tabs */ 
							  		      outline: none; text-decoration: none; }
	ul 									{ list-style: none; }


	/*
		WIDGET STRUCTURE
	*/
	#blogSliderWrap { 
		clear:both; 
		width: 950px; 
		margin: 10px auto;
		background: url(/festival09/images/widget-bottom-bg.jpg) 18px bottom no-repeat;
		margin-left:-20px;
		padding-bottom: 50px; position: relative; }
	
	#sliderTopwrap {
			background: url(/festival09/images/widget-top-bg.jpg) top  no-repeat;
			height:73px;
			margin-bottom:-18px;	
			margin-left:36px ;
	}
	#blogSlider { 
			padding: 25px 18px 0px 18px; width: 950px;
			background: url(/festival09/images/widget-middle-bg.jpg) center center repeat-y; }
	
	.stripViewer { position: relative; overflow: hidden; clear: both; }
	
	.stripViewer .panelContainer { position: relative; left: 0px; top: 0px; }
	
	.stripViewer .panelContainer .panel { float: left; position: relative; width: 878px; height:auto; overflow:hidden; margin-top:-15px;}
	
	
	.wrapper { padding: 40px 10px 10px 10px !important; clear:both;}
	.innerWrap 							{ width: 878px; overflow: hidden; margin-left:42px;}
	#push 								{ height: 15px; }


	/* 
		MAIN TABBED NAVIGATION
	*/
	.stripNav 							{ 
		margin-left: 59px; position: relative; top: 18px; z-index: 99; 
	
	
										  width: 925px; }
	.stripNav ul li 					{ float: left; }

	.stripNav li a 						{ /* Generic "CSS image replacement" */
										  display: block; height: 153px; text-indent: -9999px; }
	/* The below class names are auto-generated by the JavaScript */
	.stripNav li.tab1 a { background: url(/festival09/images/EventTabs_01.gif) top center no-repeat; width: 109px; }
	.stripNav li.tab2 a { background: url(/festival09/images/EventTabs_02.gif) top center no-repeat; width: 110px; }
	.stripNav li.tab3 a { background: url(/festival09/images/EventTabs_03.gif) top center no-repeat; width: 110px; }
	.stripNav li.tab4 a { background: url(/festival09/images/EventTabs_04.gif) top center no-repeat; width: 110px; }
		.stripNav li.tab5 a { background: url(/festival09/images/EventTabs_05.gif) top center no-repeat; width: 110px; }
			.stripNav li.tab6 a { background: url(/festival09/images/EventTabs_06.gif) top center no-repeat; width: 110px; }
				.stripNav li.tab7 a { background: url(/festival09/images/EventTabs_07.gif) top center no-repeat; width: 110px; }
					.stripNav li.tab8 a { background: url(/festival09/images/EventTabs_08.gif) top center no-repeat; width: 108px; }

	.stripNav li a:hover, 
	.stripNav li a:active, 
	.stripNav li a:focus 				{ /* Restore focus styling that we removed when we removed outlines */
										  background-position: top center; }

	/* It is neccessary to repeat the image paths here */
	.stripNav li.tab1 a.current { background: url(/festival09/images/EventTabs_01.gif) bottom center no-repeat; }
	.stripNav li.tab2 a.current { background: url(/festival09/images/EventTabs_02.gif) bottom center no-repeat; }
	.stripNav li.tab3 a.current { background: url(/festival09/images/EventTabs_03.gif) bottom center no-repeat; }
	.stripNav li.tab4 a.current { background: url(/festival09/images/EventTabs_04.gif) bottom center no-repeat; }
	.stripNav li.tab5 a.current { background: url(/festival09/images/EventTabs_05.gif) bottom center no-repeat; }

	.stripNav li.tab6 a.current { background: url(/festival09/images/EventTabs_06.gif) bottom center no-repeat; }

	.stripNav li.tab7 a.current { background: url(/festival09/images/EventTabs_07.gif) bottom center no-repeat; }

	.stripNav li.tab8 a.current { background: url(/festival09/images/EventTabs_08.gif) bottom center no-repeat; }


	/* 
		SUB NAVIGATION
	*/
	
	.stripNav ul li, .stripNav ul  {
	
	
	margin:0px !important;}
	
	.stripNavL a {
		margin-left:30px;
	}
	.stripNavL a, .stripNavR a 			{ display: block; position: absolute; width: 75px; 
								 		  height: 22px; text-indent: -9999px; }
								
								
										.stripNavL2 a, .stripNavR2 a 			{ display: block; position: absolute; width: 75px; 
																	 		  height: 22px; text-indent: -9999px; }
	.stripNavL a						{ bottom: 35px; left: 45px; background: url(/festival09/images/previous.png); }
	.stripNavR a 						{ bottom: 35px; right: 45px; background: url(/festival09/images/next.png);
	}
	
	.stripNavL2 a						{ top: 180px; left: 75px; background: url(/festival09/images/previous.png); display:block; z-index:10; }
	.stripNavR2 a 						{ top: 180px; right: 45px; background: url(/festival09/images/next.png);
	}


	/* 
		HEADLINES STYLING 
	*/
	.panel ul 							{ width: 940px; }
	.panel ul li a 						{ border-bottom: 1px solid #C1B599; color: #303030;
							  		  	  display: block; padding: 7px 10px; }
	.panel ul li:last-child a 			{ /* Remove bottom border on last list item
		   							  	  Hooray for pseudo selectors! */
									  	  border: none; }
									  	  /* Unique rollover colors for each list */
	.panel ul#psd-list li a:hover 		{ background: #b20202; color: white; }
	.panel ul#net-list li a:hover 		{ background: #4a8c7f; color: white; }
	.panel ul#vector-list li a:hover 	{ background: #1f5293; color: white; }
	.panel ul#audio-list li a:hover 	{ background: #4f7c11; color: white; }


h1.full-title {display:none;}



/* Grid Image overlays */

#film { background: url(/festival09/images/FestivalListBoxes_03.jpg)  no-repeat !important;  }

#film:hover { background: url(/festival09/images/FestivalListBoxes_over_03.jpg) no-repeat !important; }


#bboy { background: url(/festival09/images/FestivalListBoxes_04.jpg)  no-repeat !important;  }

#bboy:hover { background: url(/festival09/images/FestivalListBoxes_over_04.jpg) no-repeat !important; }


#art { background: url(/festival09/images/FestivalListBoxes_05.jpg)  no-repeat !important;  }

#art:hover { background: url(/festival09/images/FestivalListBoxes_over_05.jpg) no-repeat !important; }


#parkdale { background: url(/festival09/images/FestivalListBoxes_07.jpg)  no-repeat !important;  }

#parkdale:hover { background: url(/festival09/images/FestivalListBoxes_over_07.jpg) no-repeat !important; }


#york { background: url(/festival09/images/FestivalListBoxes_08.jpg)  no-repeat !important;  }

#york:hover { background: url(/festival09/images/FestivalListBoxes_over_08.jpg) no-repeat !important; }


#hiphop { background: url(/festival09/images/FestivalListBoxes_09.jpg)  no-repeat !important;  }

#hiphop:hover { background: url(/festival09/images/FestivalListBoxes_over_09.jpg) no-repeat !important; }


#nps { background: url(/festival09/images/FestivalListBoxes_10.jpg)  no-repeat !important;  }

#nps:hover { background: url(/festival09/images/FestivalListBoxes_over_10.jpg) no-repeat !important; }


#afterparty { background: url(/festival09/images/FestivalListBoxes_11.jpg)  no-repeat !important;  }

#afterparty:hover { background: url(/festival09/images/FestivalListBoxes_over_11.jpg) no-repeat !important; }


#festival {background:#fff;}

#stripNav0 ul {margin-top:-67px !important;}

/* Show only to IE7 */
*:first-child+html #stripNav0 ul {
margin-top:-48px !important;
}



.thefestival {
padding-bottom:63.9px;}


.wrapper p {
color:#666;}
/*.wrapper {padding-right:200px !important;}*/

/* ONE CITY GRID */
#onecity_grid {margin-top:0px !important;}
#onecity_grid p {color:#fff;font-family:Helvetica, Arial, sans-serif !important;
margin: 0px !important;
}

#onecity_grid {

background: url(/festival09/images/OneCity_cellsback.jpg) no-repeat !important;
}



/* Show only to IE7 */
*:first-child+html #onecity_grid {
margin-left:10px !important;
}

#onecity_grid tbody td.event {
background: url(/festival09/images/OneCity_cellsbg.png) repeat-y scroll 0%;
border-bottom:1px #c1a774 solid;
border-right:2px transparent solid;
color:#000;
font-family:georgia;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:166.6px;
padding:8px 16px 0px 8px;
text-align:left;
vertical-align:top;
 width:190px !important; 
}
#onecity_grid tbody td.null {
border-bottom:1px #c1a774 solid !important;
border-right:2px transparent solid !important;
color:#333333;
font-family:georgia;
font-size:13px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:166.6px;
line-height:18px;
padding:8px 16px 0px 8px;
text-align:left;
vertical-align:top;
width:188px !important;
}

#onecity_grid tbody tr {
margin:2px 0px 2px 0px !important;}
#onecity_grid tbody td {
color:#333333;
font-family:helvetica, arial;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:15px;
padding:8px;
}
#onecity_grid tbody td.on p {
color:#fff !important;
}

#onecity_grid tbody td.on h3 {color:#fffc69;}

#onecity_grid tbody td.on, #onecity_grid tbody td.on a:active {
 background: url(/festival09/images/OneCity_cellsbg_on.png) repeat-y scroll 0%;
}



#onecity_grid h3 {
clear:both;
text-transform:uppercase;
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#fff !IMPORTANT;
float:none !important;
font-size: 20px;
letter-spacing:-1px !important;

}


#onecity_grid h4 {
clear:both;
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#FCE055 !IMPORTANT;
font-size: 24px !important;
float:none !important;
text-decoration:none;
font-style:normal;
letter-spacing:-1px !important;
margin:0px !important;

}



#onecity_grid h5 {
clear:both;
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#FCE055 !IMPORTANT;
font-size: 20px !important;
float:none !important;
text-decoration:none;
font-style:normal;
letter-spacing:-1px !important;
margin:0px !important;

}


#onecity_grid h6 {
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#fff !IMPORTANT;
font-size: 14px !important;
float:none !important;
text-decoration:none;
font-style:normal;
letter-spacing:-1px !important;
margin:0px !important;

}


#onecity_grid p.date {
position:relative;
top:0px;
float:right;
vertical-align: top;
right: 10px;
padding:5px -5px 5px 15px !important;
color:#ccecf2;
}





/* Manifesto Festival Table Styles */


#manifesto_festival h3 {
text-transform:uppercase;
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#FCE055 !IMPORTANT;
font-size: 24px;
letter-spacing:-1px !important;

}


#manifesto_festival h4 {
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#fff !IMPORTANT;
font-size: 20px !important;
float:none !important;
text-decoration:none;
font-style:normal;
letter-spacing:-1px !important;
margin:0px !important;

}



#manifesto_festival h5 {
font-family:Helvetica, Arial, sans-serif !important;
COLOR:#fff !IMPORTANT;
font-size: 14px !important;
float:none !important;
text-decoration:none;
font-style:normal;
letter-spacing:-1px !important;
margin:0px !important;

}


/* Manifesto Festival Slider Tabs CSS*/

#blogSliderWrap p, #blogSliderWrap {
font-family: helvetica, arial, sans-serif;
color:#666 !important;
font-size: 14px !important;
	
font-style: normal;

font-variant: normal;

font-weight: normal;

line-height: 15px !important;
}


#blogSliderWrap h1 {

color:#68C8C6;
font-size:3.5em;
font-weight:bold;
letter-spacing:-0.05em;
clear:both;
font-family:Helvetica,Arial,sans-serif;
padding:0px 0px -5px 0px !important;
}


#blogSliderWrap h2 {

color: #008284;
font-size:2em;
font-weight:bold;
letter-spacing:-0.05em;
font-family:Helvetica,Arial,sans-serif;
padding:0px 0px 5px 0px;
}


#blogSliderWrap h3 {
color: #008284;
font-size:1.5em; 
font-weight:bold;
letter-spacing:-0.05em;
line-height:0.85em;
font-family:Helvetica,Arial,sans-serif;
padding: 0px !important;
}


#stripNav0 ul {

list-style-image:none !important;
list-style-position:inherit !important;
list-style-type:none !important;}

/* temp fix for right borders on grid */

#neverforgive, #kamau, #freshfair, #musicbox, #mayer, #beautifulcity {
border-right:0px !important;}



#blogSliderWrap h4 {
font-size:1em !important;
color:#008284 !important;
font-weight:bold;
letter-spacing:-0.05em;
font-size:18px !important;
line-height:0.85em;
font-family:Helvetica,Arial,sans-serif;
padding:0px 0px 5px 0px;
display:inline;
}



#blogSliderWrap .date_day {
font-size:1em !important;
color: #004b4c !important;
font-weight:bold;
letter-spacing:-0.05em;
font-size: 60px !important;
line-height:0.85em;
float:none !important;
font-family:Helvetica,Arial,sans-serif;
margin:20px 0px 0px 0px !important;
display:inline;
}



#blogSliderWrap .date_month {
font-size:1em !important;
color: #004b4c !important;
font-weight:bold;
letter-spacing:-0.05em;
font-size: 24px !important;
line-height:0.85em;
font-family:Helvetica,Arial,sans-serif;
padding:0px 0px 5px 0px;
display:inline;
}

#blogSliderWrap .title {

color:#008284;
font-size:2.5em;
font-family:Helvetica,Arial,sans-serif;
color:#26BCB1;
font-family:Arial,Helvetica,sans-serif;
font-size:30px;
font-weight:bold;
letter-spacing:-0.05em;
line-height:0.85em;}


#blogSliderWrap .floatbox_left {
clear:both;float:left;padding:5px;padding-right:15px !important;width:320px !important;}
