/* HTML Tags */
body { font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 18px; text-align: center; width: 100%; margin: 0; padding: 0; }
img { border-width: 0; }
p, h1, h2, h3, h4, h5, h6, strong, b, em, i, table, ul, ol { font-weight: normal; margin: 0 0 12px; padding: 0; }
table, td { vertical-align: top; }
h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 18px; font-weight: normal; line-height: 24px; }
h3, h4 { font-size: 14px; font-weight: bold; margin-bottom: 0; }
h5, h6 { font-size: 12px; font-weight: bold; }
element { }
strong, b { font-weight: bolder; }
em, i { font-style: italic; }
ul, ol { margin-left: 0; padding-left: 0; }
li { margin-left: 0; padding-left: 0; list-style-type: circle; list-style-position: inside; }
a, a.diary_tickets_link { color: #44647a; font-weight: normal; text-decoration: none; }
a:hover, a:hover.diary_tickets_link { color: #a38a21; text-decoration: underline; }
/*List styling*/
li.list_title  /* Tile caption for lists */ { list-style-type: none; }
li h5 { margin-bottom: 0; }
/* LAYOUT DIVs
Float to left */
#masthead, #content, #navigation, #navigation_home, #footer, #header, #lead_content, #navigation_lead, #content_birthday, #content_scary  /* Float div to left */ { float: left; }
#wrapper  /* Contains all page content */ { text-align: left; width: 900px; margin: 0 auto; }
#masthead { color: #fff; background-color: #000; background-image: url(../assets/css/masthead_bg.jpg); background-repeat: repeat-x; width: 100%; height: 120px; margin: 0; }
#navigation, #navigation_home, #navigation_orangebg, #navigation_lead { width: 22%; margin: 0; }
#navigation { background-image: url(../assets/css/content_black_bg.gif); background-repeat: repeat-x; background-position: 0 -2px; }
#navigation_home { background-image: url(../assets/css/navigation_black_bg.gif); background-repeat: repeat-x; background-position: 0 0; }
#content { background-image: url(../assets/css/content_black_bg.gif); background-repeat: repeat-x; background-position: 0 -2px; width: 78%; margin: 0; }
#lead_content  /* Content wrapper for LEaD pages */ { margin: 12px 0 0; width: 78%; }
#footer { background-color: #fff; width: 100%; clear: both; margin-top: 12px; }
#footer img { padding-top: 6px; padding-bottom: 6px; border-top: 1px solid #a38a21; border-bottom: 1px solid #a38a21; }
#footer p { color: #666; font-size: 9px; }
.clear { clear: both; padding-top: 12px; }
.left_column { background-color: #d1c490; width: 337px; float: left; margin-right: 0; border: solid 1px #a38a21; }
.right_column { background-color: #d1c490; width: 337px; float: left; margin-left: 12px; border: solid 1px #a38a21; }
div.left_column p, div.right_column p { text-align: center; margin-top: 6px; margin-bottom: 6px; }
/*Masthead*/
.tc_logo { width: 654px; height: 60px; float: left; margin-top: 30px; margin-left: 10px; }
#masthead p { font-size: 10px; font-weight: bold; font-style: normal; line-height: 18px; float: left; margin-top: 29px; margin-left: 49px; }
a.masthead_subscribe { color: #fff; line-height: 42px; text-decoration: none; }
a:hover.masthead_subscribe { color: #a38a21; text-decoration: underline; }
/*History links*/
.history { color: #44647a; font-size: 10px; text-align: right; margin-left: 24px; }
span.history img { margin-left: 6px; }
/*Advertising Banners*/
.ad_banner { margin: 0 0 16px 0; }
.whatson_logo { margin: 0 0 16px 43px; }
/*Film and Events Menu*/
#menu_wrap, no_java_wrap  /* Wrapper div for Film Menu */ { text-align: left; margin-top: 12px; margin-bottom: 12px; margin-left: 0; padding-left: 0; }
a.film_selection { background-color: #60394c; }
a.film_selection, a:hover.film_selection { color: #fff; font-size: 11px; line-height: 22px; text-decoration: none; width: 80%; padding-right: 6px; padding-left: 10px; border-bottom: 1px solid #a38a21; list-style-type: none; display: list-item; }
a:hover.film_selection, a:hover.film_menu { background-color: #a38a21; }
a.film_menu, a:hover.film_menu  /* Film Menu links */ { color: #fff; font-size: 10px; line-height: 18px; text-decoration: none; width: 80%; margin-top: 0; margin-left: 0; padding-top: 0; padding-right: 6px; padding-left: 10px; border-bottom: 1px solid #a38a21; list-style-type: none; display: block; }
a.film_menu  /* Film menu link */ { color: #44647a; background-color: #fff; margin-left: 0; }
/*Whats On CSS*/
.film_wrap, .kidsclub, .baby_logos, .scary_movie, .nstars_wrap  /* Encasing Div for films and events */ { float: left; margin-top: 0; margin-bottom: 0; margin-left: 0; display: block; }
.film_wrap p, .kidsclub p, .scary_movie p  /* Right Padding for Film Wrap paragraphs */ { padding-right: 6px; }
.kidsclub { background-image: url(../assets/css/kids_club_bg.gif); background-repeat: repeat-x; background-position: 0 center; }
.image_blue, .image_brown, .image_green, .image_mauve, .image_orange, .image_white, .image_lr, .image_primeblue  /* Images Div, floats left */ { color: #fff; background-color: #b06876; width: 225px; float: left; margin-right: 12px; margin-bottom: 12px; margin-left: 0; }
.image_blue p, .image_brown p, .image_green p, .image_mauve p, .image_orange p, .image_white p, .image_right p, .image_lr p, .image_primeblue p, .image_storyengine p  /* Padding for Image Wrap */ { font-size: 10px; font-weight: bold; line-height: 12px; margin: 6px; }
.image_wrap strong, .image_blue b, .image_brown b, .image_green b, .image_mauve b, .image_orange b, .image_white b, .image_right b, .image_blue strong, .image_brown strong, .image_green strong, .image_mauve strong, .image_orange strong, .image_white strong, .image_right strong, .image_lr strong, .image_primeblue strong  /*  Bold tag used for Movie of the Moment etc.  */ { font-size: 12px; text-transform: uppercase; }
.image_blue img, .image_brown img, .image_green img, .image_mauve img, .image_orange img, .image_primeblue img  /* Image inside Image Wrap   */ { width: 225px; height: 120px; margin: 0; border-bottom: 4px solid #fff; }
.image_top_margin  /* Top border for images in a multi-image column */ { border-top: 4px solid #fff; }
.image_blue { background-color: #00626e; }
.image_primeblue { background-color: #44647a; }
.image_brown { background-color: #a38a21; }
.image_green { background-color: #6f732d; }
.image_mauve { background-color: #b06876; }
.image_orange { background-color: #d67500; }
.image_white, .image_right { color: #b06876; background-color: #fff; }
.image_right, .image_storyengine { color: #fff; background-color: #b06876; width: 225px; float: right; margin: 0 0 12px 12px; }
.image_lr { background-color: #bd202f; }
img.pixel_palace_logo { margin: 0; width: 225px; height: 52px; border-bottom: 4px solid #fff; }
img.double_height { width: 225px; height: 240px; margin: 0; border-width: 0; }
.image_storyengine { padding: 6px; }
.image_storyengine img { margin-bottom: 10px; }
/*Film titles*/
.title, .title_link, .opera_title, .title_lr  /* Film title spans */ { font-size: 14px; line-height: 24px; float: left; margin-bottom: 12px; }
.title, .title_lr  /* Film Title span */ { color: #fff; font-weight: bold; text-indent: 8px; width: 515px; }
.title { background-color: #60394c; }
.title_lr { background-color: #781b30; }
.title_link  /* Film link span */ { font-weight: normal; background-color: #a38a21; width: 186px; float: right; }
a.diary_link, a:hover.diary_link  /* Screening Times link  */ { color: #fff; font-weight: normal; background-color: #a38a21; text-decoration: none; text-align: center; width: 186px; display: block; }
a:hover.diary_link  /* Screening Times link */ { background-color: #44647a; }
.rating  /* Age ratings */ { color: #b06876; font-weight: lighter; padding: 2px 6px; }
/*Film styling*/
.date, .translation, .quote, .call_jen, .quote2 { font-size: 14px; font-weight: bold; line-height: 18px; }
.date {  }
.date, .translation { color: #60394c; }
.quote { color: #b06876; }
.quote2 { color: #44647a; }
.logo_float_right  /* Logos float to right */ { float: right; padding-left: 12px; }
.logo_float_left { float: left; margin-bottom: 12px; padding-right: 12px; }
/*Screening Times Page*/
table.diary, table.nlff  /* Container for screening times */ { text-align: left; vertical-align: top; width: 100%; border-width: 0; outline-width: 0; border-spacing:	0; }
table.diary td, table.nlff td  /* border at bottom of diary td */ { margin-bottom: 0; padding-bottom: 0; border-bottom: 1px solid #b06876; }
h3.month { color: #fff; font-size: 14px; font-weight: bold; line-height: 18px; background-color: #60394c; text-indent: 8px; width: 100%; margin-top: 0; margin-bottom: 0; padding-top: 6px; padding-bottom: 6px; }
a:hover h3.month { background-color: #a38a21; }
table.diary p, table.nlff p { margin-top: 3px; margin-bottom: 3px; padding-bottom: 0; }
table.diary strong, table.diary b, table.nlff strong { color: #b06876; font-weight: bold; text-transform: uppercase; }
table.diary a, table.nlff a { color: #000; text-decoration: none; }
table.diary a:hover, table.nlff a:hover { color: #a38a21; text-decoration: underline; }
table.diary a:visited, table.nlff a:visited { color: #44647a; }
td.left_td  /* Films column of Diary table */ { width: 60%; }
td.right_td  /* Times column of Diary table */ { width: 40%; padding-top: 18px; }
.left_col_text { font-size: 11px; line-height: 16px; width: 80%; }
.left_col_text strong { color: #60394c; font-weight: bold; }
a.showdiary, a.showdiary:hover  /* Show the Diary link */ { color: #fff; font-size: 14px; font-weight: bold; line-height: 18px; text-decoration: none; text-indent: 8px; width: 100%; margin-top: 0; margin-bottom: 6px; padding-top: 6px; padding-bottom: 6px; display: block; }
a.showdiary  /* Up state of show diary */ { background-color: #60394c; }
a.showdiary:hover { background-color: #a38a21; }
.diary_tickets_link { font-style: italic; margin-left: 6px; }
.nlff { background-color: #eee; }
/*Home Page*/
#header { background-color: #000; width: 100%; margin-bottom: 12px; }
img.small_advert  /* Small advert on Home page */ { color: #fff; background-color: #000; width: 162px; height: 60px; margin-bottom: 4px; margin-left: 48px; border-width: 0; }
img.large_advert { color: #fff; background-color: #000; margin-left: 48px; width: 162px; height: 168px; border-width: 0; }
img.advert_124px { color: #fff; background-color: #000; margin-left: 48px; width: 162px; height: 124px; border-width: 0; }
.skyscraper { margin-top: 12px; border-width: 0; }
.festival_logo { margin-top: 12px; margin-left: 0; }
/*Bringing in Baby*/
.baby_logos img { margin: 12px 12px 6px 0; }
/*Contact Form*/
#contact  /* Form BG colour */ { background-color: #d1c490; background-image: url(../assets/form_bg.jpg); background-repeat: no-repeat; background-position: right 0; }
table.contact_form  /* Table for Contact Form */ { text-align: left; vertical-align: top; margin-left: 6px; padding-top: 6px; padding-right: 6px; padding-left: 6px; border-width: 0; outline-width: 0; border-spacing:	0; }
table.contact_form td  /*  border at bottom of contact form td  */ { margin-bottom: 0; padding-bottom: 0; }
table.contact_form p {  }
.required { color: #00626e; font-size: 10px; text-transform: uppercase; }
/*Accessibility*/
.access_pictograms  /* Left margin for pictograms */ { margin-left: 24px; }
/*Online ticketing*/
#newman  /* iFrame for online ticketing */ { width: 100%; height: 2048px; margin: 0; padding: 0; border-width: 0; }
/*Paragraph backgrounds*/
.para_brownhalf { background-color: #d1c490; margin-bottom: 12px; padding: 6px; border: solid 1px #a38a21; }
.para_outline { margin-bottom: 12px; padding: 6px 6px 0; border: solid 1px #a38a21; }
/*No Java Menu*/
a.no_java_menu { background-color: #44647a; text-align: left; }
a.no_java_menu, a:hover.no_java_menu { color: #fff; font-size: 11px; line-height: 22px; text-decoration: none; text-align: left; width: 168px; padding-right: 6px; padding-left: 10px; border-bottom: 1px solid #a38a21; display: block; }
a:hover.no_java_menu { background-color: #a38a21; }
/*LEaD*/
a.section { color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #60394c; text-decoration: none; width: 48%; float: left; margin: 0 6px 6px 0; padding: 12px 0 0; display: block; }
a:hover.section { color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; text-decoration: none; background-color: #b06876; display: block; margin: 0 6px 6px 0; padding: 12px 0 0; width: 48%; }
.section_left { float: left; margin: -12px 12px 0 0; }
a.courses_button { color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #60394c; text-decoration: none; width: 227px; height: 108px; float: left; margin-right: 6px; margin-bottom: 6px; }
a.kids_courses_button { color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; text-decoration: none; background-color: #d67500; margin-right: 6px; margin-bottom: 6px; width: 227px; height: 60px; float: left; }
a:hover.courses_button, a:hover.kids_courses_button { color: #fff; font-size: 14px; font-weight: normal; line-height: 18px; text-decoration: none; background-color: #b06876; margin-right: 6px; width: 227px; float: left; }
.course_title { color: #fff; font-size: 14px; font-weight: bold; line-height: 18px; padding: 6px; display: block; }
.course_date { color: #fff; font-size: 12px; font-weight: bold; }
/*Logos*/
.right_pad_20 { padding-right: 20px; }
/*Book now link*/
a.booknow { color: #fff; background-color: #b06876; margin-left: 8px; padding: 2px; }
a:hover.booknow { color: #fff; background-color: #44647a; text-decoration: none; margin-left: 8px; padding: 2px; }
/*Error message*/
.error_message { background-color: #d1c490; background-image: url(../assets/gremlin.jpg); background-repeat: no-repeat; background-position: left center; margin-bottom: 12px; padding: 6px; border: solid 1px #a38a21; }
.error_message h2 { color: #a38a21; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 0; }
.error_message h2, .error_message h3 { margin-left: 100px; }
/*Show/Hide Button*/
a.reveal_button { color: #fff; background-color: #60394c; text-decoration: none; margin-bottom: 6px; padding: 3px 3px 3px 6px; display: block; }
a.reveal_button:hover { color: #fff; text-decoration: none; background-color: #a38a21; display: block; padding: 3px 3px 3px 6px; }
/*Survey BG*/
.para_orangehalf { background-color: #eaba7f; margin-bottom: 12px; padding: 6px; border: solid 1px #d67500; }
/*Random stuff - delete after use*/
.opera_title  /* Film Title span */ { color: #fff; font-weight: bold; background-color: #00626e; text-transform: uppercase; text-indent: 8px; letter-spacing: 1px; width: 515px; }
.valentines_vote { background-color: #f0d8d6; }
.valentines_vote p { margin-right: 10px; margin-left: 10px; }
h3.pink { color: #f03b68; }
h3.bar_offer { color: #fff; background-color: #f03b68; margin-bottom: 12px; margin-left: 0; padding: 6px 10px; }
.black_bg { background-color: #000; }
.black_bg p { color: #fff; }
.black_bg h3.date { color: #c00; }
.black_bg h3 { color: #fff; }
.black_bg span.title { background-color: #c00; }
.black_bg div.image_blue { background-color: #c00; }
