/*----------------------*/
/*----- GENERAL-----*/
/*----------------------*/

html {
	margin: 0;
	padding: 0;
}

body, td {
	margin: 0;
	padding: 0;
	font-size:0.75em;
	line-height:1.8em;
	font-family: verdana, sans-serif;
}

/*----- global link -----*/

a:link {
	text-decoration:none;
	font-weight:bold;
    }

a:visited {
	text-decoration:none;
	font-weight:bold;
    }


/*----- headings -----*/

h1, h2, h3, h4 {
	margin: 0;
	padding: 0;
}

/*---------------------*/
/*----- LAYOUT-----*/
/*--------------------*/

#wrapper {
	margin-left:auto;
	margin-right:auto;
    width:994px;
}

#content {
	padding:10px 30px;
	margin-right:275px;
}
#wrapper .cover	{
	padding-top:	10px;
}

#context-col {
	float:right;
	padding:30px;
	*padding-top:	40px;
	width:236px;
	font-size:0.9em;
}

.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0; padding:0;
	background:transparent;
}

.hidden {
	display:none;
}

/*-------------------*/
/*----- HEADER-----*/
/*-------------------*/

#printHeader {
	display:none;
	}

#header	{
	height:100px;
	display:block;
}

/*----- logo -----*/

#header h1 {
	position:relative;
	display:block;
	width:291px;
	height:29px;
	top:21px;
	left:20px;
	margin: 0px;
	padding: 0px;
}

#header h1 a {
	width:291px;
	height:29px;
	display:block;
}

/*----- general nav-----*/

#general_nav	{
	float:right;
	padding:11px 15px 0px 0px;
	font-size:0.9em;
	text-align:	right;
}

#general_nav a	{
		margin:0 2px;
	}

#general_nav input	{
	margin:5px 0px;
}

#switcher {
	float:left;
	position:realtive;
	padding-right:20px;
	}

/*-----------------------------------*/
/*----- MAIN NAVIGATION -----*/
/*-----------------------------------*/

.main_nav {
	position:relative;
	top:20px;
	float:	left;
	width:	100%;
	padding:	0;
	margin:	0 0 10px 0;
	*margin-right:	-25px;
	font-family:georgia;
	font-size:1.4em;
}

#nav-strip	{
}

/*----- list format -----*/

ul.main_nav	{
	padding:	0;
	margin:	0px 0 0 0;
	list-style:	none;
}

.main_nav li {
	float:	left;
	margin-left:	19px;
	_margin-left:	8px;
	_margin-right:	10px;
	padding:	0;
	list-style:	none;
}

/*----- off state -----*/

.main_nav a	{
	font-weight:normal;
	display:block;
	padding-top:0px;
	text-decoration:none;
}

.main_nav a:visited {
	font-weight:normal;
}

.main_nav a:hover {
	font-weight:normal;
}

/*----- on state -----*/

.main_nav_on a {
	font-weight:normal;
	display:block;
	text-decoration:none;
}

.main_nav_on a:visited {
	font-weight:normal;
}

.main_nav_on a:hover {
	font-weight:normal;
}


/*---------------------------*/
/*----- CONTEXT COL ---*/
/*---------------------------*/

#context-col h2 {
	padding: 0 0 10px 0;
	font-size:1.2em;
	font-family:georgia, times;
	font-weight:normal;
}
#context-col h3 {
	font-size:1.1em;
	font-weight:bold;
}


/*----- box styles-----*/

.context-box-top {
	width:236px;
	height:12px;
}

.context-box {
	width:216px;
	padding:0 10px;
/*	line-height:25px; */
}

.context-box  ul {
	margin: 0;
	padding: 0 0 10px 20px;
}

.context-box  ul li {
	margin: 0;
	padding: 10px 0 0 0;
}

.context-box  p {
	margin: 0;
	padding:5px 0 10px 5px;
}

.context-box  h3 {
	font-size:1.1em;
	font-weight:bold;
	padding:0;
	clear:	both;
}

.context-box  h4 {
	font-size:1.0em;
	font-weight:bold;
	padding:5px 0;
}

.context-box  small {
	font-size:0.9em;
}

small.news_meta {
	display:	block;
}
small.press_release_meta {
	display:	block;
	margin-left:	20px;
}

.context-box img {
	margin:5px auto;
	display:	block;
}

#back-next {
	text-align:center;
	font-size:0.9em;
}

#back-next table {
	width:	205px;
	margin:0 5px;
}

#back-next td {
	text-align:	center;
	background:	none;
	font-size:	1em;
}

.context-box-bottom {
	width:236px;
	height:12px;
	padding-top:	10px;
	margin-bottom:10px;
}

.context-box a.more_link	{
	display:	block;
	float:	right;
	clear:	left;
    padding-bottom:10px;
}

.quickSearch #q {
	width:200px;
	margin-bottom:15px;
	}

.quickSearch #search {
	float:right;
	}


#quickExploreForm #category {
	width:210px;

	}

/*----------------------*/
/*----- CONTENT-----*/
/*----------------------*/

#content .page_title	{
	margin-bottom:	0px;
}

#content h2	{
	font-size:1.4em;
	font-family:georgia, times;
	font-weight:normal;
	clear:left;
 	line-height:1.5em;	
	margin:	10px 0 10px 0;
}
#content .page_title h2	{
	margin:	20px 0 0 0;
}

#content h2 a	{
	font-weight:	normal;
}

#content h3	{
	font-size:.9em;
	font-family:verdana;
	font-weight:normal;
	margin-bottom:	10px;
}

#content h4	{
	font-size:1.4em;
	font-family:georgia, times;
	font-weight:normal;
	clear:left;
	padding:10px 0 10px 0px;
	margin:	0;
}

#content h4 a {
	font-weight:normal;
}

#content p {
	padding:0 0 0 0px;
	margin:	0 0 20px 0;
}

#content img.left	{
	float:	left;
	margin:	0 10px 10px 0;
}

#content img.right	{
	float:	right;
	margin:	0 0 10px 10px;
}

#intro-display img {
	float:left;
	margin:0 10px 10px 0;
}

.comments {
	padding:10px;
	font-style:italic;
	clear:left;
}

#img-display {
	display:	block;
	margin:0 -10px 20px 0;
	*float:	left;
	padding:0;
}

#content .ie_img-display {
	float:	none;
}

.cover .with_image ul	{
	margin-left:	210px;
}

.cover ul.thumbnail	{
	margin-left:	15px;
}

#img-display .thumbnail	{
	height:	192px;
	margin-bottom:	30px;
}





/*-------------------------------*/
/*----- FILM ARCHIVE ------------*/
/*-------------------------------*/


/* Search Panel
-------------------------------*/

.readMoreLink {
	display:block;
	text-align:right;
	margin:0px 0px 10px 250px;
	font-size:1.2em;
	font-family:georgia, times;
	text-transform:capitalize;
	font-weight:normal !important;
	}

a.readMoreLink,
a:visited .readMoreLink {
	color: #FFAD00 !important;
	}


/* Explore
-------------------------------*/

.searchExplore {
	float:right;
	padding:0 0 10px 25px;
	margin:0;
	}
	
.searchExplore h2 {
	margin-top: 0px !important;
	}	

/* Search Panel (Content)
-------------------------------*/

#content #searchPanel {
  clear:left;
  margin:0px 0 0px 0;
  border-top: 1px dotted #666666;
  padding-top:10px;
}

#content .searchSearch {
  float:left;
  width:280px;
  padding:0 10px 35px 10px;
  margin:10px 12px 15px 12px;
  color:#000;
}

#content .searchSearch h2 {
  color: #000000 !important;
  margin: 10px 0 2px !important;
  padding: 0 !important;
}

#content .searchSearch.amber {
  background:url("/images/application/background-search-amber.png") no-repeat top;
}

#content .searchSearch.bfi {
  background:url("/images/application/background-search-bfi.png") no-repeat top;
}

#content .search_explanation  {
  font-size: .9em;
}

#content .searchSearch p {
  margin:0 0px 8px 0px !important;
}

#content .searchSearch form {
  margin-left:25px;
}

#content .searchSearch form #q {
  padding:3px;
  background: #fff;
  font-size: 1.1em;
}

#content .searchSearch .subSearch {
  font-size: .8em;
  color: #999;
}

/* Search Panel (Sidebar)
-------------------------------*/

#context-col .searchSearch {
  color: black;
  float: left;
  font-size: .9em;
  margin: 5px 0px;
  padding: 0 10px 30px 10px;
  width: 215px;
}

#context-col .searchSearch h2 {
  font-size:1.4em;
  color:#000;
  padding:10px 0px 5px 0px;
}

#context-col .searchSearch.amber {
  background:url("/images/application/background-search-sidebar-amber.png") no-repeat top;
}

#context-col .searchSearch.bfi {
  background:url("/images/application/background-search-sidebar-bfi.png") no-repeat top;
}

/*----------------------------------*/
/*----- THUMBNAIL BFI---------------*/
/*----------------------------------*/

.bfi_thumbnail {
  background: none !important;
  width:80px !important;
  margin:0px 10px 10px 0 !important;
  padding:7px 0 0 0  !important;
}

.bfi_thumbnail li {
  background: none !important;
  padding: 0 !important;
}

/* Pagination
-------------------------------*/


.new .pagination {
	clear:left;
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	padding:10px;
	font-size:1.4em;
	font-family:georgia, times;
	font-weight:normal !important;
	text-align:center;
	}

.new .pagination a {
	padding:10px 5px ;
	font-family:georgia, times;
	font-weight:normal !important;
	}

.new .pagination em {
	padding:10px 5px ;
	font-family:georgia, times;
	font-weight:normal !important;
	color: #FFAD00;
	font-style:normal;
	}



/* Film Listings
-------------------------------*/



.filmEntry {
	clear: left;
	border-bottom: 1px dotted #666666;
	min-height:160px;
	}

.filmEntry h2 {
    font-family: georgia,times;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0 !important;
    padding:15px 0 0 0 ;
	}

.filmEntry h2 a:hover {
	color: #FFAD00 !important;
	}

.archiveResultsHeader {
	padding:0 0 20px 0 !important;
	color:#ccc !important;
	border-bottom:dotted 1px #666;
	font-style:italic;
	}


/* Individual Film Entry
-------------------------------*/





.filmContent h2 {
	border-top: 1px dotted #666666;
	}


.filmContent h2.filmTitle {
	border:none !important;
	}




#context-col a.purchase	{
	background:#ffad00;
	padding:7px 10px;
	display:block;
	width:216px;
	color:#000 !important;
    font-family: georgia,times;
    font-size: 1.4em;
    font-weight: normal;
    text-align:center;
    margin:10px 0;
	background:	url("/images/application/purchase-button.png") no-repeat;
	}

#context-col a.purchase:hover	{
	color:#fff !important;
	}






/*-------------------------------*/
/*----- THUMBNAIL ALT-----*/
/*-------------------------------*/

.thumbnail ul {
	float:left;
	list-style: none;
}

ul.thumbnail	{
	padding-bottom:	0;
	margin-bottom:	20px;
	*margin-bottom:	8px;
}

.thumbnail  {
	float:left;
	list-style: none;
	width:192px;
	margin:5px 15px 0 0;
	padding:10px 0 0 0;
	background-position:top;
	font-size:0.9em;
	text-align:center;
}

.cover .thumbnail	{
	margin-bottom:	20px;
	*margin-bottom:	8px;
}

.thumbnail li {
	padding:10px 10px 10px;
	background-position:bottom;
}

.thumbnail img {
	margin-bottom:	5px;
}


/*----------------------------------*/
/*----- THUMBNAIL EMBED-----*/
/*----------------------------------*/

.thumb-embed	{
	display:	block;
	width:192px;
	margin:0 15px 15px 0;
	padding-top:15px;
	font-size:0.9em;
	text-align:center;
	background-position:top;
	float: left;
}

.thumb-embed a	{
	display:	block;
	padding-bottom:	18px;
	width:192px;
}

.thumb-embed img	{
	display:	block;
	margin:	0 auto 10px;
}

.right    {
	float:right;
}




/*--------------------------*/
/*----- MAIN IMAGE ----*/
/*--------------------------*/

#main-image {
	font-weight:bold;
	text-align:center;
}

#main-image img {
	margin:20px;
}


/*---------------------------------*/
/*----- CONTACT FORMS -----*/
/*--------------------------------*/

form	{
	padding:0;
	margin:0;
}

form#enquiry_form	{
		margin-top:	40px;
		padding-top:	40px;
		display:	block;
		clear: left;
	}

input	{
	padding:0;
	margin:0;
	font-size:1.1em;
}


/*----------------------*/
/*----- FOOTER -----*/
/*---------------------*/

#footer {
	padding:10px 0;
	text-align:center;
	clear:both;
}

#footer .main_nav {
	position:relative;
	float:	left;
	width:	100%;
	padding:	5px 0;
	margin:	0 0 25px 0;
	*margin-right:	-25px;
	font-family:georgia;
	font-size:1.4em;
}

#footer-text {
	font-size:0.9em;
	padding:5px;
}


/* FORMS */

form	{
	margin:	0;
}

input, textarea, select	{
	font:	12px Helvetica, Arial, sans-serif;
}

input.field,
textarea.field,
.field select	{
	padding:	2px;
}

input.submit	{
	border-width:	2px;
	font-weight:	bold;
}

table.form	{
	border:	0;
	padding:	0;
	margin:	0 0 10px;
	width:	600px;
}

table.form td	{
		vertical-align:	top;
		padding:	10px 0 10px 10px;
		line-height:	1.5em;
	}

table.form td ul	{
			list-style:	none;
			margin:	0;
			padding:	0;
		}

table.form td li	{
			list-style:	none;
			margin: 0 0 5px;
		}

table.form td.label	{
		width:	100px;
		text-align:	right;
		font-size:	1em;
	}

table.form label	{
		display:	block;
		font-weight:	bold;
		margin-bottom:	10px;
	}

table.form img.asset	{
		display:	block;
		padding:	4px;
	}

table.form td.long	{
		width:	auto !important;
	}

table.form .field	{
	width:	440px;
}

table.form textarea.field	{
	height:	69px;
}

table.form textarea.long	{
	height:	250px;
}

table.form textarea.short	{
	height:	40px;
}

form div.save	{
	margin:	0;
	padding:	0 0 10px 120px;
}


/*-------------------------*/
/*----- CALENDAR -----*/
/*-------------------------*/

.calendar	{
	margin:0 10px 20px;
	text-align:center;
	}

	.calendar td,
	.calendar th	{
		font-size:	1em;
	}

.calendar td {
	width:31px;
	height: 30px;
	margin:	1px;
	}

.calendar td a	{
		display:	block;
		width:	30px;
		line-height:	30px;
	}

.monthName	{
	font-size:1.1em;
	font-weight:bold;
	}

.activeDay	{
	font-size:	18px;
	}

.calendar back	{
	float:left;
	}

/* more thumbnail stuff */

#content .thumbnail	{
}

.exhibits #img-display .thumbnail	{
	height:	200px
}

#content .thumbnail p	{
	margin:	0;
	padding:	0 0 5px;
}

#content .thumbnail p img	{
	display:	block;
	margin:	0 auto;
}

#content .left	{
	float:	left;
}

#content .right	{
	float:	right;
}

#content p.date	{
	padding:	10px;
	margin:	0;
	float:	right;
	text-align:	right;
}

#content p.season,
#content p.section	{
	padding:	0 20px 0 10px;
	margin:	0;
	float:	left;
}

form.listing_search	{
	text-align:	right;
	padding:	10px;
	height:	23px;
	clear:	left;
}

form.listing_search .paginator	{
		float:	left;
	}

form.listing_search p	{
		float:	right;
	}

.exhibits form.listing_search	{
	margin-bottom:	20px;
}

blockquote	{
	font-style:	italic;
}

h3.exhibition_listing	{
	margin-left:	10px;
	margin-top:	-10px;
}

.themed_content	{
	margin-bottom:	60px
}

#content .themed_content h2.exhibits	{
		margin-bottom:	15px;
	}

#flash_notice	{
	margin:	30px 10px 0;
	border:	1px solid #444;
	padding:	4px 10px;
	font-weight:	bold;
}

.comment_form	{
	margin:	20px 0 0;
}

.imageLeft   {
   float:left;
   padding:10px 20px;
   font-size:.8em;
   text-align:center;
   }

.imageRight   {
   float:right;
   padding:10px 20px;
   font-size:.8em;
   text-align:center;
   }




/*-------------------------------*/
/*----- ADMIN OVERRIDE-----*/
/*-------------------------------*/

#admin table.form img.asset {
width: 450px;
}
