/*
   Hyde Park Picture House
   Default screen stylesheet
   Powered by Prego
*/


/* ELEMENTS
 * ----------------------------------- */
 
body
{
	/*font-size:small;*/
	font-size:62.5%; 
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	
	background-color:#747270;
	background-image:url('../images/site/gradient.gif');
	background-position:50% 0;
	background-repeat:repeat-y;
}

/* Headers */
h1, h2, h3
{
	color:#fff;
	text-transform:uppercase;
	font-weight:bold;
	font-size:2.3em;
}

/* Links */
a,
a:link
{
	color:#fff;
	text-decoration:none;
}

a:hover,
a:focus,
a:active
{
	color:#fbba00;
}

strong, b
{
	font-weight:bold;
	color:#fff;
}

p
{
	margin-bottom:1em;
}

p.cite
{
	margin-top:-1em;
}

img
{
	vertical-align:bottom;
}

cite
{
	font-weight:bold;
	font-style:normal;
}

address
{
	font-style:normal;
	margin-bottom:0.5em;
}

h4
{
	text-transform:uppercase;
	font-weight:bold;
}




/* EVERYTHING ELSE (still needs refactoring)
 * ----------------------------------- */

#content .form-intro
{
	float:right;
	width:268px;
	overflow:hidden;
	font-weight:bold;
}

#content .form-outro
{
	font-weight:bold;
}

#content form
{
	color:#fff;
	background-image:url('../images/site/heading_mid.gif');
	background-position:0 0;
	background-repeat:repeat-y;
	width:268px;
	overflow:hidden;
	margin-bottom:30px;
}

#content form ol
{
	padding-top:18px;
	padding-left:10px;
	padding-right:10px;
	background-image:url('../images/site/heading_top.gif');
	background-position:0 0;
	background-repeat:no-repeat;
}

#content form li
{
	margin-bottom:10px;
}

#content form li.text-field
{
	position:relative;
	padding-top:2px;
	background-image:url('../images/site/search_form_top.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	height:1.6em;
}

#content form li.text-field label
{
	display:none;
}

#content form li.text-field input
{
	position:absolute;
	top:2px;
	left:0;
	
	width:170px;
	padding-left:5px;
	padding-right:5px;
	height:1.5em;
	padding-top:1px;
	padding-bottom:3px;
	border:none;
	vertical-align:top;
	
	background:none;
	background-color:#fff;
	background-image:url('../images/site/search_form_bottom.gif');
	background-position:0 100%;
	background-repeat:no-repeat;
}

#content form .buttons
{
	width:258px;
	overflow:hidden;
	padding-top:0;
	padding-right:10px;
	padding-bottom:18px;
	padding-left:10px;
	background-image:url('../images/site/heading_bottom.gif');
	background-position:0 100%;
	background-repeat:no-repeat;	
}

input.text
{
	width:150px;
	border:none;
	padding:0.25em 5px;
	line-height:1em;
	height:1em;
}

button
{
	display:block;
	float:right;
	clear:right;
	border:none;
	background:none;
	text-transform:uppercase;
	cursor:pointer;
	padding:0;
	margin:0;
}

#content form .buttons button
{
	margin-right:10px;
}

button.submit
{
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	
	padding-right:30px;
	min-height:29px;
	margin-top:1em;
	margin-right:5px;
	
	background-image:url('../images/site/icon_arrow_right_yellow.gif');
	background-repeat:no-repeat;
	background-position:100% 50%;
}

button.submit:hover,
button.submit:focus,
button.submit:active
{
	color:#7c7a78;
	background-image:url('../images/site/icon_arrow_right_grey.gif');
}

#container
{
	width:906px;
	margin:auto;
}
body.small #container {font-size:1em;}
body.medium #container {font-size:1.5em;}
body.large #container {font-size:2em;}
 
#accessibility
{
	position:absolute;
	top:-5em;
	left:50%;
	margin-left:-450px;
}

#accessibility a
{
	position:absolute;
	display:block;
	background:#000;
	color:#fbba00;
	top:0;
	font-size:0.8em;
	width:20em;
	padding:0.75em 0.5em;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

#accessibility a:active,
#accessibility a:focus
{
	margin-top:5em;
}

#navigation
{
	margin-top:25px;
	color:#fff;
	font-size:1em;
}

#search
{
	float:right;
	
	position:relative;
	width:180px;
	
	margin-top:0.5em;
	margin-right:55px;
	margin-bottom:0.5em;
	
	background-color:#fff;
	background-image:url('../images/site/search_form_top.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	
	padding-top:2px;
}

#search input.text
{
	background:none;
	background-image:url('../images/site/search_form_bottom.gif');
	background-position:0 100%;
	background-repeat:no-repeat;
	
	line-height:1.5em;
	height:1.5em;
	min-height:22px;
	padding-top:2px;
	padding-right:5px;
	padding-bottom:2px;
	padding-left:5px;
	width:170px;
}

#search label
{
	display:none;
}

#search input.button
{
	position:absolute;
	right:0;
	top:2px;
	cursor:pointer;
	vertical-align:bottom;
	border:2px solid #fff;
}

#footer
{
	border-top:10px solid transparent;
	margin-top:0;
	margin-bottom:25px;
	text-align:right;
	color:#b0adaa;
	font-size:0.9em;
	clear:both;
	font-weight:bold;
}

#footer ul
{
	padding:1.5em;
	padding-right:3em;
}

#footer li.support
{
	float:left;
	padding-left:130px;
	padding-bottom:1.5em;
	background-image:url('../images/site/footer_logo.gif');
	background-position:5px 0;
	background-repeat:no-repeat;
}

#footer li.support a.leeds
{
	display:block;
	overflow:hidden;
	width:110px;
	height:0;
	padding-top:34px;
	
	background-image:url('../images/site/footer_leeds_logo.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

#navigation .header,
#footer .header
{
	width:100%;
	height:10px;
	background-image:url('../images/site/menu_top.gif');
	background-position:bottom left;
	background-repeat:no-repeat;
}

#navigation .content,
#footer .content
{
	padding-left:3px;
	padding-right:3px;
	overflow:hidden;
	width:100%;
	
	background-image:url('../images/site/menu_mid.gif');
	background-position:top left;
	background-repeat:repeat-y;
}

#navigation .footer,
#footer .footer
{
	width:100%;
	height:10px;
	background-image:url('../images/site/menu_bottom.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

#menu
{
	float:left;
	font-weight:bold;
	text-transform:uppercase;
	line-height:2.5em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	width:65%;
}

#menu li
{
	display:inline;
	margin-left:20px;
}

#menu li a,
#menu li a:link
{
	white-space:nowrap;
}

#menu li.selected a,
#menu li.selected a:link
{
	color:#fbba00;
}

#text-size
{
	float:right;
	padding-right:24px;
	padding-top:1em;
	padding-bottom:1em;
}

#text-size li
{
	float:left;
}

#text-size li a
{
	display:block;
	height:0;
	padding-top:14px;
	overflow:hidden;
	
	background-position:top left;
	background-repeat:no-repeat;
	
	border-bottom:2px solid black;
}

#text-size li a:hover,
#text-size li a:active,
#text-size li a:focus,
body.small #text-size li.small a,
body.medium #text-size li.medium a,
body.large #text-size li.large a
{
	border-bottom:2px solid #b0adaa;
}

#text-size li.small a
{
	background-image:url('../images/site/textsize_small.gif');
	width:7px;
}

#text-size li.medium a
{
	background-image:url('../images/site/textsize_medium.gif');
	width:9px;
}

#text-size li.large a
{
	background-image:url('../images/site/textsize_large.gif');
	width:14px;
}

#masthead
{
	position:relative;
	width:915px;
	height:300px;
	background-image:url('../images/site/masthead_background.gif');
	background-position:top left;
	background-repeat:no-repeat;
	margin-left:-7px;
	margin-top:10px;					/* TODO: Set this accurately */
}

#masthead h1
{
	position:absolute;
	background-image:url('../images/site/logo.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	top:108px;
	left:83px;
	width:184px;
	height:0;
	padding-top:63px;
	overflow:hidden;
}

#film-search
{
	color:#fff;
	width:270px;
	overflow:hidden;
	display:inline;
	float:right;
	margin-top:90px;
	margin-right:17px;
	background:#000;
}

#film-search li
{
	font-size:1.25em;
	line-height:1.5em;
	width:180px;
	background-color:#fff;
	background-image:url('../images/site/search_form_top.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	margin-bottom:0.5em;
}

#film-search li.buttons
{
	position:absolute;
	right:20px;
	top:175px;
	background:none;
	width:auto;
}

#film-search label
{
	display:block;
	position:relative;
	color:#000;
	padding-bottom:2px;
	
	background-image:url('../images/site/search_form_bottom.gif');
	background-repeat:no-repeat;
	background-position:0 100%;
	margin-bottom:0.5em;
}

#film-search label .value
{
	color:#333;
	display:block;
	padding-left:5px;
	padding-right:22px;
	margin-right:5px;
	
	background-image:url('../images/site/icon_select_arrow.gif');
	background-repeat:no-repeat;
	background-position:100% 100%;
}

#film-search label:hover .value
{
	color:#7c7a78;
	background-image:url('../images/site/icon_select_arrow_grey.gif');
}

#film-search label select
{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:none;
}

#film-search form
{
	margin-top:0.5em;
}

#film-search button.reset
{
	min-width:30px;
	font-size:0.9em;
	color:#fbba00;
	margin-right:1px;
}
#film-search button.reset:hover
{
	text-decoration:underline;
}

#sidebar
{
	clear:right;
	float:right;
	width:33.1%;
}

#quick-links li
{
	margin-bottom:1px;
	color:#fbba00;
	font-size:0.85em;
	background-color:#000;
}

#quick-links li a
{
	display:block;
	padding-top:9px;
	padding-right:182px;
	padding-bottom:10px;
	padding-left:10px;
	color:#fbba00;
	text-decoration:none;
	background-position:233px 85%;
	background-repeat:no-repeat;
}

#quick-links li.tickets a {background-image:url('../images/site/icon_ticket_yellow.gif');}
#quick-links li.mailing a {
	background-image:url('../images/site/icon_email_yellow.gif');
	background-position:233px 93%;
}
#quick-links li.programme a
{
	background-image:url('../images/site/icon_programme_yellow.gif');
	background-position:235px 85%;
}

#quick-links li a:hover,
#quick-links li a:active,
#quick-links li a:focus
{
	background-color:#4a4948;
}

#quick-links li.tickets a:hover, #quick-links li.tickets a:active, #quick-links li.tickets a:focus {background-image:url('../images/site/icon_ticket_black.gif');}
#quick-links li.mailing a:hover, #quick-links li.mailing a:active, #quick-links li.mailing a:focus {background-image:url('../images/site/icon_email_black.gif');}
#quick-links li.programme a:hover, #quick-links li.programme a:active, #quick-links li.programme a:focus {background-image:url('../images/site/icon_programme_black.gif');}

#quick-links li strong,
#quick-links li a strong
{
	font-weight:bold;
	font-size:1.1em;
	display:block;
	text-transform:uppercase;
	margin-bottom:1em;
	color:#fff;
}

#quick-links li a:hover strong,
#quick-links li a:active strong,
#quick-links li a:focus strong
{
	color:#fbba00;
}

#latest-news li
{
	background:#000;
	margin-bottom:1px;
	padding:1px;
}

#content
{
	width:65.5%;
}



/* SECTIONS
 * ----------------------------------- */

.section
{
	margin-top:10px;
	width:100%;
	background-image:url('../images/site/content_sides.gif');
	background-position:0 0;
	background-repeat:repeat-y;
}

.section .heading
{
	background-image:url('../images/site/content_header_top.gif');
	background-position:-1px 0;
	background-repeat:no-repeat;
	padding-top:10px;
}

.section .heading h1,
.section .heading h2,
.section .heading h3
{	
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:1.5em;
	background-image:url('../images/site/content_header_mid.gif');
	background-position:-1px 0;
	background-repeat:repeat-y;
}
.with-options .heading h1,
.with-options .heading h2,
.with-options .heading h3
{
	padding-bottom:0;
}

.section .content
{
	font-size:1.25em;
	position:relative;
	background-image:url('../images/site/content_header_bottom.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	width:548px;
	padding-top:14px;
	padding-right:23px;
	padding-bottom:8px;
	padding-left:23px;
	overflow:hidden;
}
.with-options .content
{
	background-position:0 3.0em;
	padding-top:4em;
}

/* Variation on content that has less padding */
#trailers .content
{
	width:561px;
	padding-top:6px;
	padding-right:17px;
	padding-bottom:0;
	padding-left:15px;
}
#trailers.with-options .content
{
	padding-top:3.4em;
}

.section .content ul.options
{
	position:absolute;
	top:-3px;
	left:0;
	width:594px;
	background-image:url('../images/site/content_header_mid.gif');
	background-position:-1px 0;
}

.section .content ul.options li
{
	width:auto;
	float:right;
	clear:none;
	font-size:0.8em;
}

.section ul.options a
{
	display:block;
	line-height:4em;
	min-height:30px;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;
}

.section .content ul.options li.next a
{
	padding-right:30px;
	margin-left:10px;
	margin-right:12px;
	background-image:url('../images/site/icon_arrow_right_yellow.gif');
	background-position:100% 50%;
	background-repeat:no-repeat;
}

.section .content ul.options li.next a:hover,
.section .content ul.options li.next a:focus,
.section .content ul.options li.next a:active
{
	color:#7c7a78;
	background-image:url('../images/site/icon_arrow_right_grey.gif');
}

.section .content ul.options li.prev a
{
	padding-left:30px;
	margin-right:12px;
	background-image:url('../images/site/icon_arrow_left_yellow.gif');
	background-position:0 50%;
	background-repeat:no-repeat;
}

.section .content ul.options li.prev a:hover,
.section .content ul.options li.prev a:focus,
.section .content ul.options li.prev a:active
{
	color:#7c7a78;
	background-image:url('../images/site/icon_arrow_left_grey.gif');
}

.section .divider
{
	height:43px;
	background-image:url('../images/site/content_divider.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

.section .footer
{
	margin-top:-8px;
	height:22px;
	background-image:url('../images/site/content_footer.gif');
	background-position:top left;
	background-repeat:no-repeat;
}

/* Sidebar specific rules */
#sidebar .section
{
	background-image:url('../images/site/sidebar_content_sides.gif');
}

#sidebar .section .heading
{
	background-image:url('../images/site/sidebar_content_header_top.gif');
	background-position:0 0;
}

#sidebar .section .heading h1,
#sidebar .section .heading h2,
#sidebar .section .heading h3
{
	background-image:url('../images/site/sidebar_content_header_mid.gif');
	background-position:0 0;
}

#sidebar .section .content
{
	width:auto;
	background-image:url('../images/site/sidebar_content_header_bottom.gif');
	padding-top:6px;
	padding-right:14px;
	padding-bottom:0;
	padding-left:16px;
}

#sidebar .section .footer
{
	background-image:url('../images/site/sidebar_content_footer.gif');
}

#sidebar #latest-news .footer,
#sidebar #map .footer
{
	background-image:url('../images/site/sidebar_content_footer_large.gif');
	height:50px;
	margin-top:-3px;
}

.subheading
{
	color:#fff;
	background-image:url('../images/site/heading_mid.gif');
	background-position:0 0;
	background-repeat:repeat-y;
	width:268px;
	overflow:hidden;
}

.vevent .subheading
{
	float:left;
}

.subheading .top
{
	height:8px;
	background-image:url('../images/site/heading_top.gif');
	background-position:0 0;
	background-repeat:no-repeat;
}

.subheading .bottom
{
	clear:both;
	height:8px;
	background-image:url('../images/site/heading_bottom.gif');
	background-position:0 100%;
	background-repeat:no-repeat;	
}

.subheading h2,
.subheading h3,
.subheading h4
{
	padding-top:2px;
	padding-right:0;
	padding-bottom:10px;
	padding-left:10px;
	font-size:1.5em;
	float:left;
	width:7em;
	max-width:248px;
}

#now-showing .subheading h3
{
	font-size:1.25em;
}

.subheading .icons
{
	float:right;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

.icons
{
	position:relative;
	text-align:right;
	height:68px;
}

.icons li
{
	float:right;
}

.icons li.tickets
{
	position:absolute;
	bottom:5px;
	right:10px;
}

.icons li.calendar
{
	position:absolute;
	bottom:5px;
	right:44px;
}

.icons li span,
.icons li a
{
	background-position:0 0;
	background-repeat:no-repeat;
	
	display:block;
	width:32px;
	height:0;
	padding-top:32px;
	overflow:hidden;
	margin-left:2px;
	margin-bottom:2px;
}
.icons li a:hover,
.icons li a:focus,
.icons li a:active
{
	background-position:0 -32px;
}

.icons li.cert-tbc span {background-image:url('../images/site/icon_cert_tbc.gif');}
.icons li.cert-uc span {background-image:url('../images/site/icon_cert_uc.gif');}
.icons li.cert-u span {background-image:url('../images/site/icon_cert_u.gif');}
.icons li.cert-pg span {background-image:url('../images/site/icon_cert_pg.gif');}
.icons li.cert-12 span {background-image:url('../images/site/icon_cert_12.gif');}
.icons li.cert-12a span {background-image:url('../images/site/icon_cert_12a.gif');}
.icons li.cert-15 span {background-image:url('../images/site/icon_cert_15.gif');}
.icons li.cert-18 span {background-image:url('../images/site/icon_cert_18.gif');}
.icons li.ad span {background-image:url('../images/site/icon_ad.gif');}
.icons li.st span {background-image:url('../images/site/icon_st.gif');}
.icons li.st-eng span {background-image:url('../images/site/icon_st_eng.gif');}
.icons li.baby span {background-image:url('../images/site/icon_baby.gif');}
.icons li.calendar a {background-image:url('../images/site/icon_calendar.gif');}
.icons li.tickets a {background-image:url('../images/site/icon_ticket.gif');}

#cal-menu
{
	position:absolute;
	top:32px;
	background:#000;
	color:#fff;
	width:15em;
	padding:1em;
	min-height:10em;
	font-size:1.25em;
	border:2px solid #fff;
	opacity:0.9;
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}

#cal-menu h5
{
	font-weight:bold;
	padding:5px;
	padding-left:2px;
	color:#fbba00;
}

#cal-menu a
{
	display:block;
	cursor:pointer;
	padding:0;
	padding-left:25px;
	line-height:2em;
	background-position:0 50%;
	background-repeat:no-repeat;
}
#cal-menu li.ical a {background-image:url('../images/site/icon_calendar_ical.gif');}
#cal-menu li.outlook a {background-image:url('../images/site/icon_calendar_outlook.gif');}
#cal-menu li.google a {background-image:url('../images/site/icon_calendar_google.gif');}
#cal-menu li.yahoo a {background-image:url('../images/site/icon_calendar_yahoo.gif');}
#cal-menu li.thirtyboxes a {background-image:url('../images/site/icon_calendar_thirtyboxes.gif');}
#cal-menu li.ics a {background-image:url('../images/site/icon_calendar_ics.gif');}

dl.film-details
{
	clear:left;
	width:268px;
	float:left;
}

dl.film-more-details
{
	padding-left:277px;
}

dl.film-details dt,
dl.film-more-details dt
{
	font-size:1.1em;
	margin-top:1em;
	margin-bottom:0.2em;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
}

dl.film-details dt.time,
dl.film-details dt.showings,
dl.film-details dt.dir,
dl.film-details dt.dur,
dl.film-details dt.country,
dl.film-details dt.year,
dl.film-details dt.cert,
dl.film-details dt.price,
dl.film-details dt.details,
dl.film-more-details dt.img,
dl.film-more-details dt.details
{
	display:none;
}

dl.film-details dd.time
{
	font-size:1.25em;
	font-weight:bold;
	margin-top:1em;
}

dl.film-details dd.showings
{
	font-weight:bold;
	color:#fff;
}

dl.film-details dd.dur,
dl.film-details dd.dur-detail,
dl.film-details dd.country,
dl.film-details dd.year,
dl.film-details dd.cert
{
	font-weight:bold;
	display:inline;
}

dl.film-details dd.price
{
	font-weight:bold;
}

dl.film-details dd.dur
{
	background-image:url('../images/site/vertical_bar.gif');
	background-position:bottom right;
	background-repeat:no-repeat;
	padding-right:0.5em;
}

dl.film-details dd span.date-type
{
	display:inline-block;
	width:3em;
}
dl.film-details dd.time span.date-type
{
	width:2.4em;
}
.trailer-details dl.film-details dd.time span.date-type
{
	width:3em;
}

dl.film-details dd.details,
dl.film-more-details dd.details
{
	margin-top:1em;
}

#contact a.org
{
	color:#000;
}

#contact dd,
#press dd,
#links dd
{
	color:#fff;
	margin-bottom:0.5em;
}

#contact .subheading,
#press .subheading,
#links .subheading,
#directions .subheading,
#accessibility-info .subheading,
#prices .subheading
{
	margin-bottom:1.5em;
}

#contact,
#press,
#directions,
#accessibility-info
{
	float:left;
	width:268px;
	margin-bottom:1.5em;
	font-weight:bold;
}
#press,
#accessibility-info
{
	float:right;
}

#directions,
#links,
#prices
{
	clear:both;
	font-weight:bold;
}

#links
{
	margin-top:1.5em;
}

.contact .subheading h3
{
	width:6em;
	min-height:2em;
}

.contact p,
.contact table,
.contact h4,
.contact dl,
.contact ul
{
	margin-left:5px;
	margin-right:10px;
}


.calendar .subheading h2,
.calendar .subheading h3,
.calendar .subheading h4,
#links .subheading h2,
#links .subheading h3, 
#links .subheading h4,
#prices .subheading h2,
#prices .subheading h3, 
#prices .subheading h4
{
	padding-right:10px;
	width:auto;
	max-width:528px;
	min-height:0;
}

.calendar .subheading,
#links .subheading,
#prices .subheading
{
	clear:both;
	background-image:url('../images/site/wide_header_mid.gif');
	width:100%;
}

.calendar .subheading .top,
#links .subheading .top,
#prices .subheading .top
{
	background-image:url('../images/site/wide_header_top.gif');
}

.calendar .subheading .bottom,
#links .subheading .bottom,
#prices .subheading .bottom
{
	background-image:url('../images/site/wide_header_bottom.gif');
}

#links li
{
	float:left;
	width:250px;
	margin-right:10px;
	margin-bottom:0.5em;
}

#links strong
{
	display:block;
	color:#000;
}

table.prices
{
	width:535px;
	line-height:1.5em;
}

table.prices th
{
	font-weight:bold;
}

table.prices td
{
	font-weight:bold;
	text-align:right;
	color:#fff;
}

.friends
{
	font-weight:bold;
}

.friends ul
{
	border-bottom:1px solid #6a6866;
	list-style:disc;
	margin-top:1em;
	margin-bottom:0.5em;
	padding-left:20px;
	padding-bottom:1em;
	width:238px;
}

.friends img.required
{
	vertical-align:baseline;
}

.friends .key
{
	color:#fff;
	text-transform:uppercase;
	font-size:0.8em;
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom:1px solid #6a6866;
	width:268px;
}

.friends .further-details
{
	padding-bottom:0.5em;
	margin-bottom:1em;
	border-bottom:1px solid #6a6866;
	width:268px;
}

.friends .images
{
	float:right;
	width:266px;
}

.friends .images img
{
	display:block;
	margin-bottom:1em;
}

.history .copy
{
	width:263px;
	padding-left:5px;
	overflow:hidden;
	float:left;
}

.history .copy .subheading
{
	margin-bottom:1em;
	margin-left:-5px;
}

.history ul.images
{
	float:right;
}

.history ul.images li
{
	margin-bottom:10px;
}

.calendar table
{
	width:549px;
	border-collapse:collapse;
}

.calendar table tr:hover
{
	background-color:#53514f;
	color:#fbba00;
}
.calendar table tr:hover .summary
{
	color:#fff;
}

.calendar thead th
{
	color:#fbba00;
	font-weight:bold;
	background-color:#000;
	background-image:url('../images/site/wide_header_bottom.gif');
	background-repeat:no-repeat;
	padding-bottom:8px;
	text-transform:uppercase;
}
.calendar thead th#cal-header-date
{
	background-position:0 100%;
	width:95px;
}
.calendar thead th#cal-header-film
{
	background-position:-105px 100%;
	width:300px;
	padding:0;
}
.calendar thead th#cal-header-time 
{
	background-position:100% 100%;
}

.calendar thead th span
{
	display:block;
	background-color:#000;
}

.calendar thead th#cal-header-date span
{
	background-position:0 0;
	background-repeat:repeat-y;
	background-image:url('../images/site/wide_header_mid.gif');
	padding-left:10px;
}

.calendar thead th#cal-header-time span
{
	background-position:100% 0;
	background-repeat:repeat-y;
	background-image:url('../images/site/wide_header_mid.gif');
}

.calendar td
{
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.calendar td.summary
{
	padding-right:1em;
}

.calendar td.summary a
{
	color:#000;
}

.calendar tr:hover td.summary a
{
	color:#fff;
}

.calendar tbody th
{
	padding-left:10px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:2em;
}

.calendar tbody th span
{
	display:none;
}

.calendar tbody tr.first th span
{
	display:inline;
}

.calendar tbody tr.last th,
.calendar tbody tr.last td
{
	border-bottom:1px solid #6a6866;
}

#latest-programme
{
	float:left;
	width:268px;
	font-weight:bold;
}

#previous-programmes
{
	float:right;
	width:268px;
}

#previous-programmes li
{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

#latest-programme .subheading h3
{
	width:auto;
}

#latest-programme .subheading a
{
	display:block;
	padding-left:10px;
	padding-right:40px;
	padding-bottom:10px;
	color:#fbba00;
	min-height:32px;
	background-image:url('../images/site/icon_programme_yellow.gif');
	background-position:99% 99%;
	background-repeat:no-repeat;
	font-weight:normal;
}

#latest-programme .subheading a:hover
{
	color:#7c7a78;
	background-image:url('../images/site/icon_programme_grey.gif');
}

#latest-programme .image
{
	text-align:center;
	background-image:url('../images/site/programme_mid.gif');
	background-repeat:repeat-y;
	background-position:0 0;
	margin-bottom:1em;
}

#latest-programme .image .top
{
	background-image:url('../images/site/programme_top.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	height:7px;
}

#latest-programme .image .bottom
{
	background-image:url('../images/site/programme_bottom.gif');
	background-repeat:no-repeat;
	background-position:0 100%;
	height:14px;
}

#trailers div.trailer-content
{
	width:100%;
	overflow:hidden;
	
	background-color:#000;
	background-image:url('../images/site/trailer_faux_col.gif');
	background-position:0 0;
	background-repeat:repeat-y;
}

#trailers ul.trailer-list
{
	width:159px;
	float:left;
}

#trailers ul.trailer-list li
{	
	width:102px;
	min-height:60px;
	overflow:hidden;
	padding:7px;
	padding-right:50px;
	
	border-bottom:1px solid #b0bdaa;
	
	color:#fbba00;
	font-size:0.85em;
	
	background-color:#000;
	background-image:url('../images/site/trailer_list_gradient.gif');
	background-position:0 0;
	background-repeat:repeat-x;
	
	cursor:pointer;
}

#trailers ul.trailer-list li.selected,
#trailers ul.trailer-list li.hover
{
	background:none;
	background-color:#696765;
}

#trailers ul.trailer-list h4
{
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.18em;
}

#trailers ul.trailer-list dt
{
	display:none;
}

#trailers ul.trailer-list dd.dir
{
	display:block;
}

#trailers ul.trailer-list dd
{
	display:inline;
}

#trailers ul.trailer-list a.play-pause-button
{
	display:block;
	width:37px;
	height:0;
	padding-top:21px;
	overflow:hidden;
	float:right;
	margin-right:-43px;
	margin-top:-21px;
	background-image:url('../images/site/button_play.gif');
	cursor:pointer;
}

#trailers ul.trailer-list li.selected a.play-pause-button
{
	background-image:url('../images/site/button_pause.gif');
}

#trailers ul.trailer-list li.hover a.play-pause-button
{
	background-image:url('../images/site/button_play_black.gif');
}

#trailers .video
{
	float:left;
	margin-left:2px;
	background:#696765;
	width:400px;
	height:224px;
}

#trailers div.trailer-details
{
	background-color:#000;
	color:#fff;
	float:right;
	padding:10px;
	width:380px;
	min-height:204px;
	border-top:1px solid #b0bdaa;
}

#trailers div.trailer-details h3
{
	font-size:1.5em;
	margin-right:110px;
}

#trailers div.trailer-details ul.icons
{
	float:right;
	margin-top:-1.75em;
}

#trailers div.trailer-details ul.icons li.tickets,
#trailers div.trailer-details ul.icons li.calendar
{
	margin-right:-10px;
}

#trailers div.trailer-details dl.film-details
{
	clear:none;
	float:none;
	width:auto;
}

#trailers div.trailer-details dt.synopsis
{
	display:none;
}

#trailers div.trailer-details dd.year,
#trailers div.trailer-details dd.dir
{
	color:#fbba00;
	font-weight:normal;
}

#trailers div.trailer-details dd.time
{
	font-size:1em;
}

#trailers div.trailer-details dd.showings
{
	color:#fbba00;
}

/* HACKS AND TRICKS
 * ----------------------------------- */

.hidden
{
	position:absolute;
	top:-10000px;
	left:-10000px;
	font-size:0.1em;
	height:1px;
}