/*
 :: Client: Oxdox
 :: Author: Simon Cole, Kallide.com
 :: Date:   February 2007
 :: Contents:
      - Remove default styles
      - Default text styles
	  - List styles
      - Navigation		
      - Page layout - containers, header
      - Header text styles 
	  - Left Column 
	  - Centre Column       
	  - Right Column 
	  - Footer
*/

/* ---------- [ Remove default styles ] -------------------- */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/* http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* ---------- [ / Remove default styles ] -------------------- */


/* ---------- [ Default text styles ] -------------------- */

body 
{
    background-color: #000000;
    color: #ffffff; 
    font-family: Verdana, Helvetica, sans-serif, Arial;
    font-size: 76%;
    text-align: left;
    padding: 0px;
}

p, li
{
	font-size: 1.0em;
	margin: 0 0 0 0;
	line-height: 1.4em;
	padding-bottom: 9px;
}
p a,
p a:visited
{
	color: #FFC420;
	text-decoration: none;
	border-bottom: 1px solid #FFC420;
	font-weight: normal;
}
p a:hover{
	border-bottom: 1px dashed #FFC420;
	color: #ffffff;
}	
.note
{
	font-size: 0.8em;
	font-weight: bold;
}

.grey-panel-content-copy-50pc p
{
	padding-right: 5px;
}
.grey-panel-content-copy p a,
.grey-panel-content-copy p a:visited,
.grey-panel-content-copy-50pc p a,
.grey-panel-content-copy-50pc a:visited
{
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFC420;
	font-weight: normal;
}
.grey-panel-content-copy p a:hover,
.grey-panel-content-copy-50pc p a:hover
{
	border-bottom: 1px solid #FFC420;
	color: #FFC420;
}	
.yellow
{
	color: #FFC420;
}

/* ---------- [ / Default text styles ] -------------------- */

/* ---------- [ List styles ] -------------------- */

.ContentList
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #bcbcbc;
}
.ContentList li
{
	padding: 0px 0 1px 0;
	margin: 0px;
}
.ContentList .secondary
{
	text-decoration: none;
	margin-left: 20px;
}
.not-a-panel .ContentList li
{
	padding: 0px 0 6px 0;
	margin: 0px;
}
.ScreeningListItem
{
	color: #ffffff;
}
.SeeFilm-Screening
{
	color: #ffffff;
	letter-spacing: -0.05em;
	font-weight: bold;
	font-size: 1.0em;
	line-height: 1.8em;
}
.timetable-calltoaction
{
	color: #ffffff;
	font-weight: regular;
	font-size: 1.0em;
	line-height: 1.8em;
}

.SeeFilm-GroupItem
{
	list-style-type: none;
	padding: 0 0 0 10px;
	color: #ffffff;
	font-size: 0.9em;
	letter-spacing: -0.05em;
	font-weight: normal;
}
.qanda-highlight
{
	font-weight: bold;
	color: #FFC420;
}
.grey-panel-content-wide .ContentList
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	color: #999999;
}
.grey-panel-content-wide .ContentList li
{
	padding: 0px 0 1px 0;
	margin: 0px;
}
.ContentList-value
{
	color: #FFFFFF;
}

.ContentList a,
.ContentList a:visited
{
	color: #FFC420;
	text-decoration: none;
	border-bottom: 1px solid #FFC420;
	font-weight: normal;
}
.ContentList a:hover
{
	border-bottom: 1px dashed #FFC420;
	color: #ffffff;
}	
.ContentList #ListIndent
{
	padding-left: 10px;
}
.SeeFilm-GroupItem a,
.SeeFilm-GroupItem a:visited
{
	color: #ffffff;	
	border-bottom: 1px solid #ffffff;
}
.SeeFilm-GroupItem a:hover
{
	color: #FFC420;	
	border-bottom: 1px dashed #FFC420;
}


#pagination 
{
	margin: 0px;
	padding: 0px;
	float: right;
}
#pagination li 
{
	float: left;
	display: inline;
	margin: 0px;
	padding: 0 1px 0 1px;
	font-size: 0.9em;
	color: #FFC420;
	font-weight: bold;
}

.pagination-status
{
	float: left;
	padding-top: 3px;
	padding-left: 2px;
	padding-right: 2px;
	letter-spacing: -0.05em;
}


.FooterFilmList
{
	padding: 0px;
	margin: 0px;
	color: #4C4C4C;
}
.FooterFilmList li
{
	padding: 0px 0 1px 0;
	margin: 0px;
	display: inline;
}
.FooterFilmList a,
.FooterFilmList a:visited
{
	color: #4C4C4C;
	text-decoration: none;
	font-weight: normal;
}
.FooterFilmList a:hover
{
	border-bottom: 1px dashed #FFC420;
	color: #ffffff;
}	

/* ---------- [ / List styles ] -------------------- */

/* ---------- [ Form styles ] -------------------- */

input,
select
{
	border: 1px solid #7E9DB9;
	color: #000000;
	font-size: 1.0em;
	padding: 2px;
}

.search-button
{
	border: none;
	padding-left: 8px;
}

.search-select-container
{
	float: left;
	position: relative;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 9px;
}
.search-box-container
{
	float: left;
	position: relative;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 9px;
}
.search-button-container
{
	float: left;
	position: relative;
	padding-left: 8px;
	padding-top: 0px;
	padding-bottom: 9px;
}

.form-container
{
	float: left;
	position: relative;
	width: 360px;
	padding-top: 5px;
}

.form-left
{
	float: left;
	position: relative;
	width: 200px;
	height: 30px;
}
.form-right
{
	padding-left: 6px;
	float: left;
	position: relative;
	width: 145px;
	height: 30px;
}
.form-full
{
	float: left;
	position: relative;
	width: 360px;
	padding-top: 5px;
}


/* ---------- [ / Form styles ] -------------------- */

/* ---------- [ Navigation ] -------------------- */

#navigation-container
{
	float: left;
	position: relative;
	width: 211px;
}
#navigation 
{
	float: left;
	position: relative;
	font-size: 0.9em;
	padding-top: 12px;
	padding-left: 18px;
	font-weight: bold;
	width: 193px;
	padding-bottom: 10px;
}
#navigation li 
{
	line-height: 0.7em;
	letter-spacing: -0.1em;
	padding-left: 5px;
}

#navigation a 
{
	color: #ffffff;
	padding: 0px;
	padding: 5px 6px 5px 0px;
	line-height: 0.7em;
}
#navigation #selected
{
	color: #FFC420;
	text-decoration: none;
}
#navigation a:hover
{
	text-decoration: underline;
}
#navigation .secondary
{
	color: #C5C5C5;
	text-decoration: none;
	padding-left: 15px;
}
#navigation .tertiary
{
	color: #9A9A9A;
	text-decoration: none;
	padding-left: 24px;
}
.navigationdivider
{
	font-size: 0;
    margin: 1px 0 1px 50px;
    border-top: solid 2px #565656;
    width: 50px;
}

#now-showing-container
{
	float: left;
	position: relative;
	width: 196px;
	padding-left: 7px;
	padding-top: 2px;
	font-size: 0.9em;
}
.now-showing-title
{
	float: left;
	position: relative;
	width: 196px;
}
#now-showing-content
{
	float: left;
	position: relative;
	width: 174px;
	background-color: #344D9D;
	padding-left: 12px;
	padding-right: 10px;
}
#now-showing-content ul,
#now-showing-content p
{
	padding: 5px 0 5px 0;
}

/* ---------- [ / Navigation ] -------------------- */

/* ---------- [ Page layout - containers, header ] -------------------- */


div#overall-container
{
    float: left;
    width: 783px;
}
div#page-container
{ 
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    width: 638px;
}

#page-column-left
{
    float: left;
    position: relative;
}
#page-single-column
{
    float: left;
    position: relative;
}
#page-column-right
{
    float: left;
    position: relative;
	width: 144px;
}
.homepage-filmstrip
{
    float: left;
    position: relative;
	width: 144px;
}
div#page-header
{
	float: left;
	position: relative;
    margin: 0;
    padding: 0;
	height: 122px;
	width: 638px;
}
div#page-header-nonhomepg
{
	float: left;
	position: relative;
    margin: 0;
    padding: 0;
	height: 122px;
    width: 783px;
}
.header-item-left
{
	float: left;
	position: relative;
	padding-left: 0px;
}
div#filmfinder-container
{
	float: left;
	position: relative;
	background-image: url(../images/film-finder-background.gif);
	width: 638px;
}
div#filmfinder-container-nonhomepg
{
	float: left;
	position: relative;
	background-image: url(../images/film-finder-background.gif);
	width: 782px;
	height: 68px;
}
.filmfinder-title
{
	float: left;
	position: relative;
}
#filmfinder-form
{
	float: left;
	position: relative;
	margin: 4px;
	font-size: 0.9em;
	width: 427px;
}
.filmfinder-filmstrip
{
	float: right;
	position: relative;
	width: 144px;
}
.filmfinder-row
{
	float: left;
	position: relative;
	padding: 1px 0 0px 10px;
	width: 460px;
}
.ff-width60px
{
	float: left;
	position: relative;
	width: 52px;
	padding: 7px 0 0 0;
	margin: 0px;

}
.width60px
{
	float: left;
	position: relative;
	width: 52px;
	padding: 2px 0 0 0;
	margin: 0px;

}
.width80px
{
	float: left;
	position: relative;
	width: 80px;
	padding: 5px 0 0 0;
	margin: 0px;
	
}
.width40px
{
	float: left;
	position: relative;
	width: 44px; /* was 50px */
	padding: 2px 0 0 15px;
	margin: 0px;
	
}
.ff-width40px
{
	float: left;
	position: relative;
	width: 44px; /* was 50px */
	padding: 7px 0 0 15px;
	margin: 0px;
	
}
.height40px
{
	float: left;
	position: relative;
	height: 50px;
	
}

.filmfinder-form-element
{
	float: left;
	position: relative;
	padding-top: 4px;
}
.filmfinder-form-element-button
{
	float: left;
	position: relative;
	padding-left: 19px;
	padding-top: 2px;
}
.filmfinder-form-element-fixed
{
	float: left;
	position: relative;
	width: 200px;
}


div#page-content
{
	float: left;
	position: relative;
	width: 638px; 
	margin: 0px;
	padding: 0px 0 0 0;
}
div#page-content-nonhomepg
{
	float: left;
	position: relative;
	width: 782px; 
	margin: 0px;
	padding: 0px 0 0 0;
}

.verticalspace5px
{
	padding: 5px 0 0px 0;
}

.verticalspace
{
	padding: 10px 0 10px 0;
}
.verticalspacebig
{
	float: right;
	padding: 25px 0 0px 0;
}
.border-none
{
	border: none;
}

/* ---------- [ / Page layout - containers, header ] -------------------- */

/* ---------- [ Header text styles ] -------------------- */

h1 
{
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 0px;
	font-size: 1.2em;
	color: #FFC420;
	font-weight: bold;
}
h1 a
{
	font-weight: bold; 	
	color: #FFC420;
	border-bottom: 1px solid #FFC420;
}
h1 a:hover
{
	margin: 5px 0 5px 0;
	font-weight: bold; 	
	color: #FFFFFF;
	border-bottom: 1px dashed #FFC420;
}
.grey-panel-content-wide h1,
.grey-panel-content-copy h1
{
	font-size: 1.6em;
	color: #ffffff;
	padding-left: 0px;
	padding-bottom: 5px;
	font-weight: normal;
}
h2
{
	margin: 0 0 5px 0;
	padding-top: 5px;
	font-size: 1.2em;
	font-weight: bold; 	
	color: #FFC420;
}
h3 
{
	margin: 5px 0 3px 0px;
	font-size: 1.1em;
	font-weight: bold;
}
h3 a,
h3 a:visited
{
	color: #FFC420;
	text-decoration: none;
	border-bottom: 1px solid #FFC420;
	font-weight: bold;
}
h3 a:hover{
	border-bottom: 1px dashed #FFC420;
	color: #ffffff;
}	
/*
h4
{
	margin: 20px 0 19px 0;
	font-size: 1.1em;
	font-weight: bold; 	
	color: red;
}
h4 a
{
	margin: 5px 0 5px 0;
	font-weight: bold; 	
	color: red;
}
h4 a:hover
{
	margin: 5px 0 5px 0;
	font-weight: bold; 	
	color: red;
	border-bottom: 1px dashed #000000;
}
h5
{
	font-size: 1.0em;
	color: red;
	font-weight: normal;
	margin: 5px 0 5px 0;
}*/

/* ---------- [ / Header text styles ] -------------------- */


/* ---------- [ Main page content area ] -------------------- */

div#page-content-main
{
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #151515;
	width: 427px;
}
div#page-content-main-nonhomepg
{
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #151515;
	width: 567px;
	margin-right: 4px;
}
.container
{
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	width: 427px;
}
.container-filmstripbottom
{
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	width: 140px;
}
.maintitle
{
	float: left;
	position: relative;
	width: 427px;	
	/*border: solid 1px green;*/
}
div#content
{
	float: left;
	position: relative;
	padding: 0px;
}
.showreel-panel-linetop
{
	float: left;
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	height: 1px;
	z-index: 1;
	font-size: 0;
	background-color: #151515;
}
.showreel-panel-linebottom
{
	float: left;
	position: relative;
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	height: 1px;
	z-index: 1;
	font-size: 0;
	background-color: #383838;
}
.showreel-panel-container
{
	float: left;
	position: relative;
	padding: 5px;
	margin: 0;
}
.showreel-panel-content
{
	float: left;
	position: relative;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #383838;
}
.showreel-panel-content-container
{
	float: left;
	position: relative;
	padding-left: 0px;
}

.grey-panel-full-width
{
	float: left;
	position: relative;
	/*width: 525px;*/
}

.grey-panel-results
{
	float: left;
	position: relative;
	/*width: 525px;*/
	margin-top: 0px;
}

.grey-panel-row1-container
{
	float: left;
	position: relative;
	width: 425px;
}
.grey-panel-row2-container
{
	float: left;
	position: relative;
	width: 425px;
	padding-bottom: 20px;
}
.film-details-container
{
	float: left;
	position: relative;
	width: 562px;
	padding-top: 0px; /*don't make this anything but 0 or make new class*/
	padding-bottom: 5px;
}

.grey-panel-bottom
{
	float: left;
	position: relative;
	font-size: 0;
	background-color: #212121;
	padding: 0;
}
.blue-panel-line
{
	float: left;
	position: relative;
	font-size: 0;
	background-color: #000000;
	padding: 0;
	height: 1px;
}
.grey-panel-content-container
{
	float: left;
	position: relative;
}
.white-panel-content-container
{
	float: left;
	position: relative;
	background-color: #ffffff;
}
.black-panel-content-container
{
	float: left;
	position: relative;
	background-color: #000000;
}
.grey-panel-title-container
{
	float: left;
	position: relative;
	width: 557px;
}
.blue-panel-title-container
{
	float: left;
	position: relative;
	width: 557px;
	margin: 0px;
	padding: 0px;
}
.grey-panel-content
{
	float: left;
	position: relative;
	padding: 5px 5px 5px 12px;
	background-color: #212121;
	width: 188px;
	font-size: 0.9em;
}
.grey-panel-content-wide,
.grey-panel-content-copy
{
	float: left;
	position: relative;
	padding: 5px 5px 5px 12px;
	background-color: #212121;
	width: 540px;
	font-size: 0.9em;
}
.grey-panel-content-dbl
{
	float: left;
	position: relative;
	padding: 5px 5px 5px 12px;
	background-color: #212121;
	width: 398px;
	font-size: 0.9em;
}
.film-summary
{
	float: left;
	padding-right: 5px;
	width: 205px;
}
.film-copy-content,
.grey-panel-content-copy-50pc
{
	float: left;
	position: relative;
	padding: 5px 5px 5px 12px;
	background-color: #212121;
	width: 259px;
	font-size: 0.9em;
}
.not-a-panel
{
	float: right;
	position: relative;
	padding: 5px 5px 5px 12px;
	width: 259px;
	font-size: 0.9em;
}

.blue-panel-content-wide
{
	float: left;
	position: relative;
	padding: 5px 5px 5px 12px;
	background-color: #344D9D;
	width: 540px;
	font-size: 0.9em;
}
.film-where-see
{
	float: left;
	position: relative;
	padding: 5px 5px 5px 12px;
	background-color: #344D9D;
	width: 259px;
	font-size: 0.9em;
}
.photo-caption
{
	float: left;
	position: relative;
	padding: 5px 5px 5px 12px;
	background-color: #4C4C4C;
	width: 259px;
	font-size: 0.9em;
	color: #BCBCBC;
}
.venue-left
{
	float: left;
	position: relative;
	width: 250px;
}
.venue-right
{
	padding-top: 27px;
	float: left;
	position: relative;
}
.content-left
{
	float: left;
	width: 330px;
}
.content-right
{
	padding-top: 32px;
	float: right;
	text-align: right;
	width: 205px;
}
.content-right-nopad
{
	padding-top: 3px;
	float: right;
	text-align: right;
	width: 205px;
	text-align: left;
}
.content-left-50pc
{
	padding: 3px 0 0 0;
	float: left;
	text-align: right;
	width: 275px; 
	text-align: left;
}
.content-right-50pc
{
	padding: 3px 0 0 0;
	float: right;
	width: 260px; 
	text-align: left;
}
.content-left-40pc
{
	padding-top: 3px;
	float: left;
	text-align: right;
	width: 214px;
	text-align: left;
}
.content-right-60pc
{
	padding-top: 3px;
	float: right;
	width: 321px;
	text-align: left;
}
.right-275px
{
	float: right;
	width: 275px;
}
.left-275px
{
	float: left;
	width: 275px;
}
.content-right-calltoaction
{
	padding-top: 0px;
	float: right;
	text-align: right;
	width: 210px;
}
.content-right-nopad p
{
	padding: 0px;
}
.image-right
{
	float: right;
	text-align: right;
	padding-bottom: 1px;
}
.image-inline-right
{
	float: right;
	text-align: right;
	padding: 5px 5px 5px 10px;
}
.content-right p
{
	padding: 0px 0 3px 0;
}
.logo
{
	float: left;
	width: 138px;
}
.logo-right
{
	float: right;
	width: 138px;
}
.logo-dbl-width
{
	float: left;
	width: 276px;
}
.grey-panel-container
{
	float: left;
	position: relative;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 205px;
}
.grey-panel-container-fullwidth
{
	float: left;
	position: relative;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.film-copy-container
{
	float: left;
	position: relative;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 276px;
}
.pad-bottom-5px
{
	padding-bottom: 5px;
}
.grey-panel-title
{
	float: left;
	position: relative;
}
.blue-panel-title
{
	float: left;
	position: relative;
	width: 557px;
	height: 27px;
	background-image: url(../images/title-blue-empty-557px.gif);
}
.grey-panel-searchorder
{
	float: left;
	position: relative;
	background-image: url(../images/title-empty-281px.gif);
	width: 352px;
	height: 24px;
	padding-top: 3px;
	padding-right: 5px;
	text-align: right;
}
/*.grey-panel-searchorder-button
{
	float: right;
	position: relative;
	background-image: url(../images/title-empty-281px.gif);
	width: 30px;
	height: 24px;
	padding-top: 0px;
	padding-right: 6px;
	text-align: right;
}*/
div#page-content-right-column
{
	float: right;
	position: relative;
	width: 242px;
	padding-left: 0px;
}
/* ---------- [ / Main page content area ] -------------------- */


/* ---------- [ Footer ] -------------------- */


/* main page footer */


.page-footer
{
	position: relative;
	padding-top: 10px;
	color: #4C4C4C;
}
.box-footer
{
	float: left;
	position: relative;
	width: 783px;
	padding-left: 8px;
	font-size: 0.9em;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.7em;
}

.footer-left
{
	float: left;
	position: relative;
	padding: 0px;
}
.footer-right
{
	text-align: right;
	float: right;
	position: relative;
	padding: 0 8px 0 0;
	color: #FFC420;
}

.footer-links
{
	color: #FFC420;
	text-decoration: none;
	border-bottom: 1px solid #FFC420;
}
.footer-links:hover
{
	color: #FFFFFF;
	border-bottom: 1px dashed #FFC420;
}
.box-footer-credits
{
	color: #4C4C4C;
	text-decoration: none;
	border-bottom: 1px solid #4C4C4C;
}
.box-footer-credits:hover
{
	color: #FFFFFF;
	border-bottom: 1px dashed #4C4C4C;
}

/* ---------- [ / Footer ] -------------------- */