@charset "utf-8";
/* CSS Document */



/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	MAIN STRUCTURE	
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/




body, div, p, img, ul, li,form {
	margin:0px;
	padding:0px;
	border:0px;
}
body {
	/*background-color: #fcfbf1;*/
	background-color: #f5f3e4;
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size:1em;
	color:#555555;
	text-align:left;
}
ul{
	list-style: none;
}

p {
	text-align:left;
}

a {
	text-decoration:none;
	color: #3285a4;
}
a:hover{ text-decoration:underline;}
a:visited{	color: #3285a4;}

a.greylink {
	color: #555555;
}
a.greylink:visited{	color: #555555;}

a.underlinelink {
	text-decoration:underline;
}

h4 {
	font-weight: normal;
	font-size: 1.3em;
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
}

h5 {
	font-weight: normal;
	font-size: 1.1em;
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
}

/* The little headings */
h6 {
	font-weight: normal;
	font-size: 0.75em;
	margin:0px;
	margin-top:2px;
	margin-bottom:2px;
}

.headerText {
	font-size: 1.2em;
}
.normalText {
	font-size: 1.1em;
}
.bodyText {
	font-size: 0.8em;
	line-height: 1.1em;
}

.littleTitle {
	font-size:0.75em;
}
.littleText {
	font-size:0.75em;
	line-height:1.4em;
}

.lightgrey {
	color: #aaaaaa;
}
.grey {
	color: #808080;
}
.darkgrey {
	color: #555555;
}


.content_main {
	width:969px; margin-left:auto; margin-right:auto;
}



/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	VISITOR INFO
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

*/


#visitor_container {
	padding-bottom: 30px;
	background: url(/kytn/2010/images/visitor_info/bg.gif) repeat-x #f5f3e4;
}

#visitor {

}

#visitor .header .title {
	margin-top:18px;
	margin-left:3px;
	margin-bottom:5px;
}


#visitor .top.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_red.gif);
}

#visitor .midsizeText {
	font-size: 0.85em;
	line-height:1.3em;
}
#visitor  .top.left.section .headerText {
	margin-top:4px;
	margin-bottom:6px;
}

#visitor .top.left.section, #visitor .travelsection {
	width:665px;
	float:left;
	margin-right: 14px;
	clear:both;
}


#visitor #tickets, #visitor .train {
	width: 320px;
	float: left;
	margin-top:10px;
	padding-right:10px;
}
#visitor #events, #visitor .bus  {
	width: 327px;
	margin-top:10px; padding-right:8px;
	float: left;
}
#visitor .eventTextLarge {
	font-size:1em;
	margin-bottom: 9px;
}
#visitor #events .free {
	color: #f5f3e4;
	background-color: #e74d61;
}

#visitor #eventFootnote {
	padding-top: 25px;
	clear:left;
	width:665px;
}

#visitor #eventFootnote .top.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_palest.gif);
	margin-bottom:5px;
}


#visitor .mapsection, #visitor .wheresection {
	float:left;
	width:290px;
}

#visitor .mapsection h5 {
	margin-top:12px;
	margin-bottom:12px;
}




/* BREAK for the card section */
#visitor .cardsection {
	color: #f5f3e4;
	padding-top:40px;
}
#visitor .cardsection .mainImage {
	float:right;
	margin-top:-10px;
	margin-right: 157px;
	margin-left:20px;
}

#visitor .cardsection .top.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_grey.gif);
	margin-bottom:10px;
}
#visitor .cardsection p {
	margin-left:6px;
}
#visitor .cardsection h5 {
	margin-bottom:5px;
	margin-left:6px;
}

#visitor .cardsection p.headerText {
	margin-bottom:16px;
}
#visitor .cardsection .free {
	color: #5ee55e;
}




/* UNDER THE BREAK */
#visitor .travelsection {
	margin-top: 30px;
}

#visitor .sectionTitle {
	margin-top: 12px;
	margin-bottom:3px;
}

#visitor .plane {
	float:left;
	width: 665px;
	margin-top:12px;
}
#visitor .plane h6.first{
	margin-top:6px;
}

#visitor .plane p.midsizeText {
	margin-bottom: 8px;
}
#visitor .wheresection {
	float: left;
	margin-top: 30px;
}
#visitor .wheresection table {
	margin-bottom: 12px;
	width:100%;
}
#visitor .wheresection table td {
	padding-bottom: 2px;
	border-bottom: 1px solid #e0ded1;
}
#visitor .wheresection table .top td {
	padding-top: 2px;
	border-top: 1px solid #e0ded1;
}
/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	FILMS
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/
#filmsingle_container, #filmdual_container, #filmmulti_container {
	padding-bottom:50px;
}



.allfilms .header .title {
	margin-top:18px;
	margin-left:3px;
	margin-bottom:5px;
}




.allfilms .column .top.border, #investigation .why .top.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_red.gif);
}


/*--------------------------
SUBNAV
----------------------------*/

#filmsubnav {
	float: left;
	width: 219px;
	margin-right:14px;
}


#filmsubnav .item {
	padding-top:2px; padding-bottom:2px;
	cursor: pointer;
}

#filmsubnav .item.over {
	background: url(/kytn/2010/images/common/subnav/item_bg_ro.jpg) #3285a4;
}
#filmsubnav .item.selected {
	background: url(/kytn/2010/images/common/subnav/item_bg_selected.jpg) #e21535;
}

#filmsubnav .item .title {
	font-size: 0.90em;
	padding-left:11px;
	width:201px;
	background: url(/kytn/2010/images/common/subnav/bullet.png) no-repeat 5px 6px;
}
#filmsubnav .item.over .title, #filmsubnav .item.selected .title {
	background: url(/kytn/2010/images/common/subnav/bullet_ro.png) no-repeat 5px 6px;
}
#filmsubnav .item.over .title a, #filmsubnav .item.selected .title a{
	color: #f5f3e4;
}

#filmsubnav a:hover{
	text-decoration:none;
}
#filmsubnav .dayname {
	color: #e21535;
	margin-left:5px; margin-top:3px; margin-bottom:1px;
}
#filmsubnav .dayname.first {
	margin-top:11px; margin-bottom:2px;
}
#filmsubnav .divider {
	clear:both;
	height:1px;
	background: url(/kytn/2010/images/common/subnav/horiz_border_brown.gif);
}
#filmsubnav .divider.last {
	background: none;
}





/*--------------------------
LEFT COLUMN
----------------------------*/

.allfilms .left.column {
	float: left;
	width: 308px;
	margin-right:12px;
}
.allfilms .left.column .mainImage {
	margin-top:11px;
	margin-bottom:11px;
}
.allfilms .left.column .title {
	margin-bottom:3px;
}
.allfilms .left.column .info p {
	font-size:0.95em;
}
.allfilms .left.column .info .when p {
	margin-bottom: 7px;
}
.allfilms .left.column .info .when {
	margin-bottom: 18px;
}

#filmsingle .daterow {
	font-size:0.95em;
	border-top:1px solid #dedcd0;
	padding-top:3px;
	padding-bottom:3px;
}
#filmsingle .daterow.first {
	margin-top:7px;
}
#filmsingle .daterow.last {
	border-bottom:1px solid #dedcd0;
}


/*--------------------------
RIGHT COLUMN
----------------------------*/

.allfilms .right.column  {
	float: left;
	width: 416px;
}


.allfilms .right.column .top.border {
	margin-bottom: 12px;
}

.allfilms .right.column h6 {
	margin-top:0px;
	margin-bottom:3px;
}
.allfilms .right.column p {
	margin-top:0px;
	margin-bottom: 12px;
}

#filmsingle .proposal {
	width:202px;
	float:left;
}

#filmsingle .why {
	width:202px;
	float:right;
	margin-left:8px;
}


.allfilms .who .portrait {
	float:right;
	margin-left:12px; margin-bottom:6px;
	border: 2px solid white;
}


/* And for any films with notes... */
.allfilms .notes {
	padding-top:33px;
	clear: both;
	width:416px;
}
.allfilms .notes .border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_pale_brown.gif);
	margin-bottom:10px;
}

.allfilms .right.column .notes p {
	font-size: 0.75em;
	line-height:1.2em;
	margin-bottom:6px;
}


/*-------------------
DUAL FILM RIGHT COLUMN
--------------------*/


#filmdual .right.column h5.title {
	 text-transform: uppercase;
}


#filmdual .proposal, #filmdual .why {
	width:202px;
	float:left;
}
#filmdual .why {
	margin-left:11px;
}
#filmdual .film1, #filmdual .film2 {
	margin-top:12px;
}





/* Special bit for dual film event with different filmmakers... */
#filmdual .film.column {
	float: right;
	margin-bottom:14px;
}
#filmdual .film.column .title {
	margin-top:-2px;
	margin-bottom:2px;
}

#filmdual .film.column .attribution {
	font-size: 0.75em;
	line-height:1em;
	margin-bottom: 10px;
}

#filmdual h5.title {
	font-size:0.9em;
	margin-top:-6px;
	margin-bottom:9px;
	font-weight: bold;
	color:#666;
}


#filmdual .film.column .portrait{
	margin-top:-10px;
}

#filmdual .proposal, #filmdual .why {
	width:202px;
	float:left;
}
#filmdual .why {
	margin-left:11px;
}
#filmdual .film1, #filmdual .film2 {
	margin-top:12px;
}





/*------------------------
MULTIPLE FILM RIGHT COLUMN
-------------------------*/

#filmmulti .right.column h5.title {
	 text-transform: uppercase;
}

#filmmulti h5.title {
	font-size:0.9em;
	margin-top:-6px;
	margin-bottom:9px;
	font-weight: bold;
	color:#666;
}
#filmmulti .running_order {
	margin-bottom: 20px;
}
#filmmulti .running_order .row {
	border-bottom: 1px solid #deddd2;
	clear:both;
	padding-top:4px; padding-bottom:4px;
}


#filmmulti .running_order .title, #filmmulti .running_order .info {
	width:202px;
	float:left;
}
#filmmulti .running_order .title {
	padding-right:12px;
}
#filmmulti .running_order .title strong {
	font-weight:normal;
}
#filmmulti .running_order .info {
	font-size: 0.70em;
}

#filmmulti .proposal, #filmmulti .why {
	width:202px;
	float:left;
}
#filmmulti .why {
	margin-left:11px;
}
#filmmulti .film1, #filmmulti .film2 {
	margin-top:12px;
}

#filmdual .why.whyUnderneath, #filmmulti .why.whyUnderneath {
	clear:left;margin-left:0px;width:416px
}
#filmdual .proposal.whyUnderneath, #filmmulti .proposal.whyUnderneath{
	width:416px;
}
/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	AN INVESTIGATION
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/
#investigation_container {
	padding-bottom:50px;
}

#investigation {

}

#investigation .header .title {
	margin-top:18px;
	margin-left:3px;
	margin-bottom:5px;
}


#investigation .column .top.border, #investigation .why .top.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_red.gif);
}

/*--------------------------
SUBNAV
----------------------------*/

#investigation #subnav {
	float: left;
	width: 219px;
	margin-right:14px;
}


#investigation #subnav .item {
	padding-top:4px; padding-bottom:4px;
	cursor: pointer;
}

#investigation #subnav .item.over {
	background: url(/kytn/2010/images/common/subnav/item_bg_ro.jpg) #3285a4;
}
#investigation #subnav .item.selected {
	background: url(/kytn/2010/images/common/subnav/item_bg_selected.jpg) #e21535;
}

#investigation #subnav .item .title {
	font-size: 0.90em;
	padding-left:11px;
	background: url(/kytn/2010/images/common/subnav/bullet.png) no-repeat 5px 6px;
}
#investigation #subnav .item.over .title, #investigation #subnav .item.selected .title {
	background: url(/kytn/2010/images/common/subnav/bullet_ro.png) no-repeat 5px 6px;
}
#investigation #subnav .item.over .title a, #investigation #subnav .item.selected .title a{
	color: #f5f3e4;
}


#investigation #subnav a:hover{
	text-decoration:none;
}
#investigation #subnav .setname {
	color: #e21535;
	margin-left:5px; margin-top:3px; margin-bottom:0px;
}
#investigation #subnav .setname.first {
	margin-top:11px;
}
#investigation #subnav .divider {
	clear:both;
	height:1px;
	background: url(/kytn/2010/images/common/subnav/horiz_border_brown.gif);
}
#investigation #subnav .divider.last {
	background: none;
}

/*--------------------------
LEFT COLUMN
----------------------------*/

#investigation .left.column {
	float: left;
	width: 306px;
	margin-right:14px;
}

#investigation .left.column .mainImage {
	margin-top:11px;
	margin-bottom:11px;
}
#investigation .left.column .title {
	margin-bottom:8px;
}
#investigation .left.column .info p {
	font-size:0.95em;
}

#investigation .left.column .info .when {
	margin-bottom: 18px;
	font-size:0.95em;
}

#investigation .info .daterow {
	border-bottom:1px solid #f2f1e1;
	padding-top:3px;
	padding-bottom:3px;
}

#investigation .daterow {
	border-top:1px solid #dedcd0;
}
#investigation .daterow.first {
	margin-top:7px;
}
#investigation .daterow.last {
	border-bottom:1px solid #dedcd0;
}

/*--------------------------
RIGHT COLUMN
----------------------------*/

#investigation .right.column  {
	float: left;
	width: 416px;
}


#investigation .right.column .top.border {
	margin-bottom: 12px;
}

#investigation .right.column h6 {
	margin-top:0px;
	margin-bottom:3px;
}
#investigation .right.column p {
	margin-top:0px;
	margin-bottom: 12px;
}

#investigation .proposal {
	float: left;
	width:416px;
	margin-bottom: 12px;
}

#investigation .right.column li {
	font-size:0.75em;
	line-height:1.4em;
	margin-left:10px;
	list-style: inside circle;
} 










/* ------------------------------
INVESTIGATIONS HOME
-------------------------------*/

#investigation.home {

}


#investigation.home .left.column {
	width:416px;
	float:left;
}
#investigation.home .left.column .why {
	clear: left;
	margin-bottom:20px;
}
#investigation.home .left.column h6, #investigation.home .right.column h6 {
	margin-top:10px;
}

#investigation.home .left.column .what, #investigation.home .left.column .proposal {
	width:199px;
	float:left;
}

#investigation.home .mid.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_red.gif);
}

#investigation.home .left.column .how h6 {
	margin-bottom:7px;
}

#investigation.home .left.howcol {
	float:left;
}
#investigation.home .right.howcol {
	float:right;
}

#investigation.home .howcol .item_a {background: url(/kytn/2010/images/investigations/home/item_a.gif);}
#investigation.home .howcol .item_b {background: url(/kytn/2010/images/investigations/home/item_b.gif);}
#investigation.home .howcol .item_c {background: url(/kytn/2010/images/investigations/home/item_c.gif);}
#investigation.home .howcol .item_d {background: url(/kytn/2010/images/investigations/home/item_d.gif);}
#investigation.home .howcol .item_e {background: url(/kytn/2010/images/investigations/home/item_e.gif);}
#investigation.home .howcol .item_f {background: url(/kytn/2010/images/investigations/home/item_f.gif);}

#investigation.home .howcol .item {
	padding-bottom:9px;
	width:199px;
	background-repeat: no-repeat;
	background-position: 0px 10px;
}
#investigation.home .howcol .item p{
	padding-left:32px;
}
#investigation.home .howcol .item .border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_pale_brown.gif);
	margin-bottom:9px;
}


#investigation.home .right.column {
	width:306px;
	float:right;
}

#investigation.home .card .sponsors {
	margin-top:16px;
}

#investigation.home .bottomnotes {
	float:left;
	margin-top:15px;
	margin-left:232px;
	width:737px;
	clear:left;
}
#investigation.home .bottomnotes .top.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_pale_brown.gif);
	margin-bottom:9px;
}







/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	A PERFORMANCE
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/
#performance_container {
	padding-bottom:50px;
}

#performance {

}

#performance .header .title {
	margin-top:18px;
	margin-left:3px;
	margin-bottom:5px;
}


#performance .column .top.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_red.gif);
}




/*--------------------------
SUBNAV
----------------------------*/

#performance #subnav {
	float: left;
	width: 219px;
	margin-right:14px;
}
#performance #subnav a:hover{
	text-decoration:none;
}
#performance #subnav .dayname {
	color: #e21535;
	margin-left:5px; margin-top:11px; margin-bottom:2px;
}

#performance #subnav .item {
	padding:2px;
	margin-top:-2px;
	cursor: pointer;
}
#performance #subnav .item.selected {
	background: url(/kytn/2010/images/common/subnav/item_bg_selected.jpg) #e21535;
}
#performance #subnav .item.selected a, #performance #subnav .item.unselected.over a{
	color: #f5f3e4;
}
#performance #subnav .item.unselected.over {
	background: url(/kytn/2010/images/common/subnav/item_bg_ro.jpg) #3285a4;
}



#performance #subnav .thumb {
	float:left;
}
#performance #subnav .thumb img {
	width:29px; height:26px;
	/* Don't know why the thumb image is 3px taller than it should be. Something to do with the UL? */
	margin-bottom:-3px;
}

#performance #subnav .title {
	font-size: 0.90em;
	float:left;
	width:179px;
	margin-left:5px; margin-top:3px;
}
#performance #subnav .divider {
	clear:both;
	height:1px;
	background: url(/kytn/2010/images/common/subnav/horiz_border_brown.gif);
}
#performance #subnav .divider.last {
	background: none;
}
/*--------------------------
LEFT COLUMN
----------------------------*/

#performance .left.column {
	float: left;
	width: 306px;
	margin-right:14px;
}

#performance .left.column .mainImage {
	margin-top:11px;
	margin-bottom:11px;
}
#performance .left.column .title {
	margin-bottom:3px;
}
#performance .left.column .info p {
	font-size:0.95em;
}



/*--------------------------
RIGHT COLUMN
----------------------------*/

#performance .right.column  {
	float: left;
	width: 416px;
}


#performance .right.column .top.border {
	margin-bottom: 12px;
}

#performance .right.column h6 {
	margin-top:0px;
	margin-bottom:3px;
}
#performance .right.column p {
	margin-top:0px;
	margin-bottom: 12px;
}

#performance .who {
	float: left;
	width:416px;
}
#performance .who .portrait {
	float:right;
	margin-left:12px; margin-right:2px; margin-bottom:6px;
	border: 2px solid white;
}

#performance .proposal {
	float: left;
	width:203px;
	margin-right:10px;
}

#performance .why {
	float: right;
	width:203px;
}

#performance .how {
	float: left;
	clear:left;
	width:203px;
}

#performance .notes {
	padding-top:33px;
	clear: both;
	width:416px;
}
#performance .notes .border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_pale_brown.gif);
	margin-bottom:10px;
}

#performance .right.column .notes p {
	font-size: 0.75em;
	line-height:1.2em;
	margin-bottom:6px;
}



#performance .attribution {
	font-size: 0.75em;
	line-height:1em;
	margin-bottom: 10px;
}

/* And an exception for the Launch Party performance */
#performance .launchItem .mid.border {
	height:1px;
	background: url(/kytn/2010/images/common/horiz_border_palest.gif);
	margin-bottom:10px;
}

#performance .launchItem {
	margin-bottom:-3px;
}
#performance .launchItem .left {
	float:left;
}
#performance .launchItem .right {
	float:left;
	width:283px;
}
#performance .launchPortrait {
	float:left;
	padding-right: 14px;
}


/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	PROGRAMME
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/
#programme_container {
	padding-bottom: 30px;
}


/*	--------------------------
	Right column
*/
#programme .right.column {
	width:316px;
	float:right;
	margin-top:12px;
}
#programme .right.column .segment {
	border-top: 1px solid #e74d61;
	margin-top:26px;

}


#programme .right h6 {
	margin-top:8px;
	margin-bottom:7px;
}
#programme .right p {
	margin-bottom:15px;
}


/* WHAT WE’RE PROPOSING */
#programme .right .quote {
	font-size: 1em;
	color: #3285a4;
	margin-bottom:2px;
}
#programme .right .quoteAttribution {
	font-size: 0.8em;
	font-style: italic;
}

#programme .right .smallPrint {
	font-size: 0.68em;
	margin-bottom:4px;
}


/* THIS SITE */
#programme .right ul {
	list-style: inside disc;
}

#programme .right #thisSite p.last{
	margin-top:15px;
}

#programme .right.column .mid.border {
	height: 1px;
	background: url(/kytn/2010/images/common/horiz_border_palest.gif);
	margin-bottom:14px;
}

/* TICKETS */
#programme .right #tickets p.first {
	margin-bottom: 4px;
}
#programme .right .hilight, #programme .right .hilight a {
	font-style: italic;
	color:#e21535;
}




/*	--------------------------
	Left column
*/



#programme .left.column .header {
	width:628px;
	border-bottom: 1px solid #e74d61;
	margin-top:18px;
}
#programme .header .title {
	margin-left:3px;
	margin-bottom:5px;
}
#programme .left.column .header .button {
	margin-right: 8px;
	margin-top:6px;
}
#programme .left.column  .subheader {
	margin-top:8px;
}



#programme .day {
	padding-left:6px;
	margin-top:10px;
	border-top:1px solid #c3c6b3;
	width:308px;
	float:left;
}
#programme .day.newrow {
	clear:left;
}
#programme .day h5, #programme .extras h5 {
	margin-top: 5px;
}

#programme .item, .progtooltip .item {
	cursor: pointer;
	overflow:hidden;
}
#programme .item .time, .progtooltip .item .time {
	width:90px;
	float:left;
	font-size:0.75em;
	margin-top:2px;
	margin-bottom:2px;
}
#programme .item .title, .progtooltip .item .title {
	width:218px;
	float:left;
	font-size:0.75em;
	margin-top:2px;
	margin-bottom:2px;
}
#programme .item .title a {
	color: #555;
	text-decoration:none;
}

#programme .item .info {
	display:none;
}

#programme .extras {
	margin-top:20px;
	border-top: 1px solid #e74d61;
	width:628px;
	float:left;
}

/*----------------------------------------------*/
/* fixes for IE7 fools */
#programme .left.column .header {
	overflow:hidden;
	zoom:1;
}
#programme .left.column .header .left{
	float:left;
}
#programme .left.column .header .right{
	float:right;
}
/*----------------------------------------------*/


/* TOOLTIP */
.progtooltip .item {
	background-color: #555555;
	width:550px;
	overflow:hidden;
	zoom:1;
	padding:0px;
}
.progtooltip .item .time {
	color: #c3c6b3;
}
.progtooltip .item .title, .progtooltip .item .title a{
	color: #f5f3e4;
	text-decoration:none;
}
.progtooltip .item .info {
	width:200px;
	float:left;
	font-size:0.75em;
	margin-top:2px;
	margin-bottom:2px;
	color: #c3c6b3;
}

.progtooltip .label {
	width:87px; height:21px;
}


/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	NAV
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/

#nav_container {
	background: url(/kytn/2010/images/nav/nav_bg.jpg) repeat-x;
	height:106px; width:100%;
}

#nav {
	position:relative;
}

#nav .mainImage {
	margin-left:16px; margin-top:12px; margin-right:15px;
	float:left;
}

#nav a.home{
	color:black;
}
#nav.home a.home{
	color: green;
}



#nav ul{
	list-style: none;
	padding-top:48px;
}
#nav li{
	float:left;
}
#nav li a{
	float:left;
	height:38px;
	background-image:url(/kytn/2010/images/nav/menu.png);
	text-decoration:none;
}



#nav li a.home{width:74px;}
#nav li a.home:hover{background-position:0 -38px;}
#nav.home a.home{background-position:0 -76px;}
#nav.home a.home:hover{background-position:0 -76px;}

#nav li a.programme{width:107px;background-position:-75px 0px;}
#nav li a.programme:hover{background-position:-75px -38px;}
#nav.programme a.programme{background-position:-75px -76px;}
#nav.programme a.programme:hover{background-position:-75px -76px;}



#nav a.performances{width:119px;background-position:-183px 0px;}
#nav.performances a.performances{background-position:-183px -76px;}
#nav.performances a.performances:hover{background-position:-183px -76px;}
#nav .performances_over {width:119px;background-position:-183px -38px;}

#nav li a.film{width:65px;background-position:-303px 0px;}
#nav.film a.film{background-position:-303px -76px;}
#nav.film a.film:hover{background-position:-303px -76px;}
#nav .film_over {width:65px;background-position:-303px -38px;}

#nav li a.investigation{width:113px;background-position:-368px 0px;}
#nav.investigation a.investigation{background-position:-368px -76px;}
#nav.investigation a.investigation:hover{background-position:-368px -76px;}
#nav .investigation_over {width:113px;background-position:-368px -38px;}

#nav li a.visitor_info{width:103px;background-position:-482px 0px;}
#nav li a.visitor_info:hover{background-position:-482px -38px;}
#nav.visitor_info a.visitor_info{background-position:-482px -76px;}
#nav.visitor_info a.visitor_info:hover{background-position:-482px -76px;}


#ticketsButtonDiv {
	position:absolute;
	left:897px; top:52px;
}


#ticketsButton {
	display: block;
	width: 63px;
	height: 54px;
	text-decoration: none;
	background: url("/kytn/2010/images/nav/buy_tickets_combo.png");
}

#ticketsButton:hover {
	background-position: 0 -55px;
}










/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	PERFORMANCES FLYOUT
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/

#performancesFlyout {
	width: 915px; min-height:230px;
	background: url(/kytn/2010/images/common/flyouts/flyout_bg.jpg);
	padding-left: 8px; padding-top:20px; padding-bottom:1px;

}

#performancesFlyout .column {
	width:226px;
	padding-left: 5px;
	float:left;
}
#performancesFlyout .column.leftmost {
	width:196px;
}
#performancesFlyout .column.rightmost {
	width:244px;
}
#performancesFlyout .divider {
	width:1px; height:204px; background-color:#323232;
	float:left;
}




#performancesFlyout h5 {
	margin-top:0px; margin-bottom:7px; margin-left:3px;
	font-size: 0.75em;
}

#performancesFlyout .item {
	float:left;
	margin-bottom:2px;
	padding:4px; padding-bottom:1px;
	width: 213px;
	cursor:pointer;
}
#performancesFlyout .leftmost .item {
	width: 183px;
}

#performancesFlyout .over {
	background-color: #2d2d2d;
}
#performancesFlyout .thumb {
	float:left;
	margin:0px;padding:0px;
}
#performancesFlyout .text {
	margin-left:9px; margin-top:4px;
	float:left;
	width:151px;
}
#performancesFlyout .leftmost .text {
	width:121px;
}
#performancesFlyout .rightmost .text {
	width:139px;
}
#performancesFlyout .text .title {
	font-size: 0.8em;
}
#performancesFlyout .text .title a{
	color: #aaaaaa;
}
#performancesFlyout .text .time {
	font-size: 0.8em;
	color: #555555;
}

/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	FILM FLYOUT
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/



#filmFlyout {
	width: 962px; min-height:260px;
	background: url(/kytn/2010/images/common/flyouts/flyout_bg.jpg);
	padding-left: 21px; padding-top:20px; padding-bottom:1px;

}

#filmFlyout .columnContainer {
	border-top:1px solid #363636;
	float:left;
	margin-right:11px;
}

#filmFlyout .column {
	width:144px;
	padding-left: 0px;
	float:left;
	margin-right:11px;
}
#filmFlyout .columnB {
	margin-right:0px;
}

#filmFlyout .column.leftmost {
	width:144px;
}
#filmFlyout .column.rightmost {
	width:244px;
}



#filmFlyout .day {
	border-top:1px solid #363636;
	padding-top:6px;
}
#filmFlyout .day.noborder {
	border-top:none;
}

#filmFlyout h5 {
	margin-top:0px; margin-bottom:0px; margin-left:0px;
}
#filmFlyout .item {
	float:left;

	padding:0px; padding-bottom:1px;
	width: 144px;
	cursor:pointer;
}



#filmFlyout .over {
	background-color: #2d2d2d;
}


#filmFlyout .text {
	padding-left:2px;padding-bottom:4px;
	float:left;
	line-height:0.95em;
	width:140px;
}
#filmFlyout .text .title {
	font-size: 0.8em;
}
#filmFlyout .text .title a{
	color: #aaaaaa;
}
#filmFlyout .text .time {
	font-size: 0.8em;
	color: #555555;
}




/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	INVESTIGATION FLYOUT
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/

#investigationFlyout {
	width: 904px; min-height:261px;
	background: url(/kytn/2010/images/common/flyouts/flyout_bg.jpg);
	padding-left: 8px; padding-top:20px; padding-bottom:1px;

}

#investigationFlyout .column {
	width:305px;
	padding-left: 5px;
	float:left;
}
#investigationFlyout .column.leftmost {
	width:285px;
}
#investigationFlyout .column.rightmost {
	width:280px;
}
#investigationFlyout .divider {
	width:1px; height:204px; background-color:#323232;
	float:left;
}





#investigationFlyout .item {
	float:left;
	margin-bottom:2px;
	padding:4px; padding-bottom:1px;
	width: 293px;
	cursor:pointer;
}
#investigationFlyout .leftmost .item {
	width: 273px;
}
#investigationFlyout .rightmost .item {
	width: 268px;
}


#investigationFlyout .over {
	background-color: #2d2d2d;
}
#investigationFlyout .thumb {
	float:left;
	margin:0px;padding:0px;
}
#investigationFlyout .text {
	margin-left:9px; margin-top:4px;
	float:left;
	width:231px;
}
#investigationFlyout .leftmost .text {
	width:211px;
}
#investigationFlyout .rightmost .text {
	width:206px;
}
#investigationFlyout .text .title {
	font-size: 0.8em;
}
#investigationFlyout .text .title a{
	color: #aaaaaa;
}
#investigationFlyout .text .time {
	font-size: 0.8em;
	color: #555555;
	line-height:0.9em;
}


/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	HOME
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/

#home_container {
	background: url(/kytn/2010/images/home/main_bg.gif) repeat-x;
	padding-bottom:20px;
}
#home .main {
	margin-bottom: 20px;
}
#home .main .column {
	margin-top:0px;
}

#home .main .left.column {
	float:left;
	margin-left:0px;
	margin-right:0px;
}
#home #homeheads-container {
	/*width: 574px; 
	height: 427px;	*/
	
	/* darri's adition to try and fix safari layout bug*/
	float:left;
	width: 564px; 
	height: 407px;
	/* End addition*/
}
#home .main .right.column {
	float:left;
	margin-left:0px;
	/*width: 390px;*/
	/* darri's adition to try and fix safari layout bug*/
	width: 380px;
	/* End addition*/
}
#home .main .right.column .mainImage {
	margin-left:46px; margin-top:40px;
	margin-bottom:20px;
}
#home .main .right.column h4 {
	font-size:1.1em;
	line-height:0.95em;
}
#home .main .right.column h5 {
	font-size:0.75em;
}
#home .main .right.column .blurb {
	padding-top:5px;
	font-size: 1.1em;
	line-height:1.25em;
}
#home .main .right.column .blurbLink {
	font-size: 1.1em;
	line-height:1.8em;
}

#home .red_border_top {
	border-top: 1px solid #e64c5f;
}
#home #who {
	margin-bottom:10px;
}
#home #who h6, #home #where h6, #home #when h6, #home #how h6, #home #whatsThat h6{
	margin-top:9px;
}
#home #who .blurbLink {
	font-size: 0.9em;
	line-height:1.8em;
}
#home #where {
	margin-bottom:10px; margin-right:27px;
	width:222px;
	float:left;
}


#home #when {
	margin-bottom:10px; margin-right:27px;
	width:222px;
	float:left;
}


#home #how {
	margin-bottom:10px; margin-right:27px;
	width:222px;
	float:left;
}
#home #how .row {
	margin-top:3px; margin-bottom:3px;
}
#home #how .hilight {
	font-style: italic;
	color:#e21535;
}



#home  #whatsThat {
	margin-bottom:10px;
	width:222px;
	float:left;
}

#cta_reminder_form {
	margin-top:5px;
}

#cta_reminder_form form {
	width:290px;
	margin-bottom:7px;
	clear:left;
}
		
#cta_reminder_email {
	position:relative; top:3px;
	margin:0px;
	padding:0px;
	padding-top:3px;
	padding-left:3px;
	padding-right:2px;
	width:163px;
	height:24px;
	font-family:georgia,serif;
	font-size:0.96em;
	border:0px;
	background:url(/kytn/2010/images/home/remind_me_bg.gif) no-repeat;
}

#cta_reminder_submit{
	margin:0px;
	margin-left:2px;
	margin-top:3px;
	vertical-align:top;
}

#home #cta_reminder_response {
	font-size: 0.8em;
}



#home #cta_reminder_response .success {
	background: url(/kytn/2010/images/home/reminder-response-success.png) no-repeat 0px 0px;
	padding-left:20px;
	min-height:20px;
}
#home #cta_reminder_response .error {
	background: url(/kytn/2010/images/home/reminder-response-error.png) no-repeat 0px 0px;
	min-height:20px;
	padding-left:20px;
	color:#ab142f;
}











/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	SLIDESHOW
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/


div.slideshow-container {
	float: left;
	height: 230px;
	display: none;
	margin-top:14px;
	position:relative; left:-4px;
}

div.navigation-container {
	height: 59px;
}

#slideshowthumbs {
	overflow:hidden;
	zoom:1;
	margin-bottom:15px;
}
div.slideshow-container a {
	text-decoration: none;
}
div.slideshow-container, div.slideshow a.advance-link {
	width: 310px; /* This should be set to be at least the width of the largest image in the slideshow with padding */
}

div.slideshow a.advance-link {
	height: 230px; /* This should be set to be at least the height of the largest image in the slideshow with padding */	
}

div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
}
div.slideshow a.advance-link {
	display: block;
	line-height: 228px; /* This should be set to be at least the height of the largest image in the slideshow with padding */
	text-align: center;
}

div.slideshow a.advance-link:hover,
div.slideshow a.advance-link:active,
div.slideshow a.advance-link:visited {
	text-decoration: none;
}
div.slideshow a.advance-link:focus {
	outline: none;
}

div.slideshow img {
	border: none;
}

ul.thumbs li.selected a.thumb {
	background: #f00;
}

ul.thumbs {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	margin-left:0px;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px;
	list-style: none;
}
a.thumb {
	padding: 1px;
	display: block;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}


/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	FOOTER
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/


#footerContainer {
	background: url(/kytn/2010/images/footer/bg.jpg) repeat-x;
	min-height: 186px;
}

#footer .column {
	padding-top:33px;
	float:left;
}

#footer .column.row2 {
	padding-top:0px;
	min-height:130px;
}

#footer .column h5 {
	font-size: 0.9em;
	margin-bottom:7px;
}



#footer .column5 {
	width:191px;
}
#footer .column5 p {
	margin-top:14px;
	font-size: 0.7em;
}


/*	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_

	MISCELLANEOUS
	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_	_
*/

.inputNormal{
	color:#000000;
}
.inputFaint{
	color:#aaa;
}

.strike{
	text-decoration:line-through;
}

/* Make a container div enwrap its contents */
.container {
	clear:both;
	overflow:hidden;
	zoom:1;
}

/* Html version of the float clearing hack. use <hr /> in yr markup to make the containing div enwrap its contents */
hr {
	display: block; clear: left; margin: -0.66em 0;
	visibility: hidden;
}

.invisible {
	visibility:hidden;
}
.nukeItem {
	display:none;
}



.centered {
	text-align:center;
}

/* Stop Firefox3 putting a dotted line around swfs */
object { outline:none; }

.displace {
	position: absolute;
	left: -5000px;
}


#cardDetailsFlyout{
	float:left;
	width:450px;
}

#cardDetailsFlyout p.largeText{
	float:left;
	font-size:18px;
	color:#f4f3e4;
	width:420px;
}
#cardDetailsFlyout .freeColour{
	color:#7cc97c;
}

#cardDetailsFlyout .hilightColour{
	color:#8ecde4;
}
#cardDetailsFlyout .collect.left{
	width:185px;
	float:left;
	margin-top:10px;
}
#cardDetailsFlyout .collect.right{
	width:185px;
	float:left;
	margin-left:20px;
	margin-top:10px;
}
#cardDetailsFlyout .bottom{
	clear:both;
	float:left;
	margin-top:10px;
	border-top:1px solid #646464;
	width:420px;
}
#cardDetailsFlyout .bottom p{
	float:left;
	font-size:0.75em;
	padding-top:5px;
	color:#a5a49d;
}











#creditsFlyout{
	float:left;
	width:410px;
	
}
#creditsFlyout p a{
	color:#60c3e8
}
#creditsFlyout p a:hover{
	text-decoration:underline;
}

#creditsFlyout p.largeText{
	float:left;
	font-size:18px;
	color:#f4f3e4;
	width:410px;
}

#creditsFlyout .left{
	width:415px;
	float:left;
	margin-top:10px;
	border-top:1px solid #646464;
}
#creditsFlyout .left p{
	font-size:0.8em;
}
#creditsFlyout .right{
	width:415px;
	float:left;
	margin-left:20px;
	margin-top:10px;
	border-top:1px solid #646464;
}
#creditsFlyout .right p{
	font-size:0.8em;
}
#creditsFlyout h1{
	font-weight:normal;
	font-size:0.7em;
}