/*
Rubbings from a live man, v1.01

Media: screen
Author: Mike Harding @ Cactuslab
*/

body {
	background: #000;
	color: #ccc;
	font-family: "Andale Mono", "Lucida Console", Consolas, Courier, "Courier New", Monaco, Sans-serif;
}

a { color: #fff; }
a:hover { color: #999; }

h2 {
	font-size: 1.6em;
	color: #fff;
	margin: 0 0 1em 0;
}

h2 small {
	font-size: 0.75em;
	color: #faa;
	font-weight: normal;
}

body.synopsis h2 {
	margin: 0 0 0.5em 0;
}

h3 {
	font-size: 1.6em;
	margin: 2em 0 1em 0;
}

p, li {
	font-size: 1.3em;
}

p small { font-size: 0.925em; color: #666; }

blockquote {
	padding: 0;
	color: #BF7F7F;
	background: none;
}

blockquote p {
	padding: 5px 1.5em;
	background: url(../img/quote.png) 0 8px no-repeat;
}

body.bios #content img,
body.synopsis #content img {
	float: right;
	display: inline;
	border: 5px solid #444;
	margin: 0 0 15px 15px;
}

body.news #content img {
	display: block;
	border: 5px solid #444;
	margin: 15px 0;
}

#container {
	width: 940px;
	margin: 50px auto;
}

#header {
	overflow: hidden;
	margin-bottom: 20px;
	height: 65px;
}

#logo {
	float: left;
	display: inline;
}

body.home #logo { display: none; }

#main { zoom: 1; }

#content {
	float: right;
	display: inline;
	width: 698px;
	height: 393px;
	border: 1px solid #444;
}

body.home #content { background: url(../img/content-frame-bg.jpg) 0 0 no-repeat; }

#content.page {
	width: 700px;
	height: auto;
	min-height: 395px;
	border: none;
	border-top: 1px solid #444;
	background: url(../img/content-fade-bg.jpg) 0 0 no-repeat;
}

#content.with-subnav {
	border-top: 1px solid #C78C8C;
	background: url(../img/content-fade-subnav-bg.jpg) 0 0 no-repeat;
	position: relative;
}

#content.page .wrap {
	padding: 40px 55px 20px 55px;
}

#content.with-subnav .wrap {
	padding: 60px 55px 20px 55px;
}

#sidebar {
	float: left;
	display: inline;
	width: 220px;
	overflow: hidden;
}


/* Top nav */

#topnav, #topnav li {
	margin: 0; padding: 0;
	list-style: none;
}

#topnav {
	margin-top: 7px;
	float: right;
	display: inline;
	width: 700px;
}

#topnav li {
	float: left;
	display: inline;
}

#topnav a {
	float: left;
	display: inline;
	height: 50px;
	background: url(../img/nav-slide.jpg) 0 0 repeat-x;
}

#topnav strong {
	float: left;
	display: inline;
	height: 50px;
	background: url(../img/topnav-v2.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}

#topnav .nav-synopsis strong 		{ width: 133px; background-position: 0 0; }
#topnav .nav-gallery strong 		{ width: 117px; background-position: -133px 0; }
#topnav .nav-news strong			{ width: 120px; background-position: -250px 0; }
#topnav .nav-bios strong			{ width: 88px; 	background-position: -370px 0; }
#topnav .nav-screening strong		{ width: 148px; background-position: -458px 0; }
#topnav .nav-dvd strong				{ width: 94px; 	background-position: -606px 0; }

#topnav .nav-dvd:hover strong		{ background-position: -606px -50px; }

#topnav .selected .nav-synopsis strong 		{ background-position: 0 -50px; }
#topnav .selected .nav-gallery strong 		{ background-position: -133px -50px; }
#topnav .selected .nav-news strong			{ background-position: -250px -50px; }
#topnav .selected .nav-bios strong			{ background-position: -370px -50px; }
#topnav .selected .nav-screening strong		{ background-position: -458px -50px; }
#topnav .selected .nav-dvd strong			{ background-position: -606px -50px; }


/* Side nav */

#sidenav, #sidenav li {
	margin: 0; padding: 0;
	list-style: none;
}

#sidenav {
	width: 220px;
	float: left;
	display: inline;
	overflow: hidden;
	height: 338px;
	margin-bottom: 27px;
}

#sidenav li { overflow: hidden;}

#sidenav a {
	float: left;
	display: inline;
	height: 60px;
	width: 220px;
	background: url(../img/sidenav-slide.png) 0 0 repeat-x;
}

#sidenav strong {
	display: block;
	height: 60px;
	width: 220px;
	background: url(../img/sidenav.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999em;
	cursor: pointer;
}

#sidenav .nav-angel 	{ height: 79px; }
#sidenav .nav-trailer 	{ height: 79px; }

#sidenav .nav-angel strong 		{ background-position: 0 0; 	height: 79px; }
#sidenav .nav-trailer strong 	{ background-position: 0 -79px;	height: 79px; }
#sidenav .nav-dustmites strong	{ background-position: 0 -158px; }
#sidenav .nav-moving strong		{ background-position: 0 -218px; }
#sidenav .nav-music strong		{ background-position: 0 -278px; }

#sidenav .selected .nav-angel strong 		{ background-position: -220px 0; }
#sidenav .selected .nav-trailer strong 		{ background-position: -220px -79px; }
#sidenav .selected .nav-dustmites strong	{ background-position: -220px -158px; }
#sidenav .selected .nav-moving strong		{ background-position: -220px -218px; }
#sidenav .selected .nav-music strong		{ background-position: -220px -278px; }


/* Bios */

#subnav {
	position: absolute;
	top: 0;
	left: 1px;
	width: 698px;
	height: 30px;
	background: url(../img/subnav-bg.jpg) 0 0 repeat-x;
}

#subnav ul, #subnav li {
	margin: 0; padding: 0;
	list-style: none;
}

#subnav ul {
	width: 698px;
	height: 30px;
}

#subnav li {
	float: left;
	display: inline;
	height: 35px;
	overflow: hidden;
}

#subnav li.selected {
	background: url(../img/subnav-arrow.png) 50% bottom no-repeat;
}

#subnav a {
	float: left;
	display: inline;
	height: 30px;
	background: url(../img/bios-nav.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

#subnav .subnav-warwick 	{ width: 138px;	background-position: 0 0; }
#subnav .subnav-florian		{ width: 104px;	background-position: -138px 0; }
#subnav .subnav-philippa	{ width: 122px;	background-position: -242px 0; }
#subnav .subnav-christopher	{ width: 119px;	background-position: -364px 0; }
#subnav .subnav-marc		{ width: 119px;	background-position: -483px 0; }
#subnav .subnav-ray			{ width: 96px;	background-position: -602px 0; }

#subnav .subnav-warwick:hover 		{ background-position: 0 -30px; }
#subnav .subnav-florian:hover		{ background-position: -138px -30px; }
#subnav .subnav-philippa:hover		{ background-position: -242px -30px; }
#subnav .subnav-christopher:hover	{ background-position: -364px -30px; }
#subnav .subnav-marc:hover			{ background-position: -483px -30px; }
#subnav .subnav-ray:hover			{ background-position: -602px -30px; }

#subnav .selected .subnav-warwick 		{ background-position: 0 -60px; }
#subnav .selected .subnav-florian		{ background-position: -138px -60px; }
#subnav .selected .subnav-philippa		{ background-position: -242px -60px; }
#subnav .selected .subnav-christopher	{ background-position: -364px -60px; }
#subnav .selected .subnav-marc			{ background-position: -483px -60px; }
#subnav .selected .subnav-ray			{ background-position: -602px -60px; }

/* Home */

p.home-director {
	height: 15px;
	background: url(../img/home-director.png) center top no-repeat;
	overflow: hidden;
	text-indent: -999em;
	margin: 40px 0 65px 0;
}

body.home h1 {
	height: 148px;
	background: url(../img/home-title.png) center top no-repeat;
	overflow: hidden;
	text-indent: -999em;
	margin: 0 0 33px 0;
}

p.home-film-info {
	height: 88px;
	background: url(../img/home-film-info.png) center top no-repeat;
	overflow: hidden;
	text-indent: -999em;
	margin: 0;
}


/* Video */

#res-controls {
	clear: left;
	background: url(../img/switch-resolutions.png) 80px 3px no-repeat;
	width: 220px;
	height: 30px;
}

#res-controls ul, #res-controls li {
	margin: 0; padding: 0;
	list-style: none;
}

#res-controls ul {
	width: 70px;
	height: 30px;
	float: right;
	display: inline;
}

#res-controls li {
	float: left;
	display: inline;
	width: 35px;
	height: 30px;
}

#res-controls a {
	display: block;
	width: 35px;
	height: 30px;
	background: url(../img/res-buttons.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999em;
}

#res-controls.active-hi .res-hi a { display: none; }
#res-controls.active-hi .res-hi { background: url(../img/res-buttons.png) 0 0 no-repeat; }
#res-controls.active-hi .res-lo a { background-position: -35px 0; }
#res-controls.active-hi .res-lo:hover a { background-position: -35px -30px; }

#res-controls.active-lo .res-lo a { display: none; }
#res-controls.active-lo .res-lo { background: url(../img/res-buttons.png) -35px -60px no-repeat; }
#res-controls.active-lo .res-hi a { background-position: 0 -60px; }
#res-controls.active-lo .res-hi:hover a { background-position: 0 -90px; }


/* Gallery */

body.gallery #content {
	border: none;
	width: 700px;
}

#click-images {
	clear: left;
	background: url(../img/click-images.png) right 0 no-repeat;
	width: 220px;
	height: 24px;
	text-indent: -999em;
	overflow: hidden;
}

#gallery-image { border: 1px solid #444; }
#gallery-image img { display: block; }

#gallery-nav, #gallery-nav li {
	margin: 0; padding: 0;
	list-style: none;
}

#gallery-nav {
	margin: 15px auto;
	display: block;
	width: 393px;
	height: 15px;
}

#gallery-nav li {
	float: left;
	display: inline;
}

#gallery-nav a {
	float: left;
	display: inline;
	height: 15px;
	background: url(../img/gallery-nav.png) 0 0 no-repeat;
	overflow: hidden;
	text-indent: -999em;
	margin-right: 27px;
}

#gallery-nav a.gallery-posters			{ width: 63px; background-position: 0 0; }
#gallery-nav a.gallery-pubstills 		{ width: 131px; background-position: -63px 0; }
#gallery-nav a.gallery-prodstills 		{ width: 145px; background-position: -194px 0; margin-right: 0; }

#gallery-nav a.gallery-posters:hover		{ background-position: 0 -15px; }
#gallery-nav a.gallery-pubstills:hover 		{ background-position: -63px -15px; }
#gallery-nav a.gallery-prodstills:hover 	{ background-position: -194px -15px; }

#gallery-nav .selected a.gallery-posters		{ background-position: 0 -30px; }
#gallery-nav .selected a.gallery-pubstills 		{ background-position: -63px -30px; }
#gallery-nav .selected a.gallery-prodstills 	{ background-position: -194px -30px; }

#gallery-thumbs { padding-top: 20px; }

#gallery-thumbs ul, #gallery-thumbs li {
	list-style: none;
} 


/* News */

form.basic div {
	padding-bottom: 10px;
}

form.basic .text-field {
	width: 300px;
	border: 1px solid #999;
	border-top: 1px solid #666;
	padding: 3px;
}

form.basic .text-area {
	width: 580px;
	border: 1px solid #999;
	border-top: 1px solid #666;
	padding: 3px;
}

form.basic label {
	font-size: 1.4em;
	display: block;
	padding-bottom: 3px;
}

.news-post {
	border-bottom: 1px solid #444;
	padding-bottom: 10px;
	margin-bottom: 2em;
}

.news-post h2 {
	margin-bottom: 0.5em;
	clear: both;
}

.news-post p.meta a {
	text-decoration: none;
	color: #faa;
}

.news-post p.meta a:hover { color: #666; }

.news-button {
	font-size: 1.4em;
	float: left;
	display: inline;
	background: #333;
	padding: 5px;
	color: #999;
	margin: 0 10px 0 0;
	text-decoration: none;
}

.paginatorfirst { overflow: hidden; }

.paginatorfirst a {
	float: left;
	display: inline;
	margin-right: 10px;
	color: #faa;
	font-size: 1.4em;
	padding: 2px 0;
	text-decoration: none;
}

.paginatorfirst a:hover {
	color: #ccc;
}

.paginatorfirst a.next {
	background: url(../img/next.png) right no-repeat;
	padding-right: 20px;
}

.paginatorfirst a.prev {
	background: url(../img/prev.png) left no-repeat;
	padding-left: 20px;
}

#rss-feed {
	margin: 0;
}

#rss-feed a {
	float: right;
	display: inline;
	width: 64px;
	height: 16px;
	background: url(../img/rss-feed.png) 0 0 no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

/* Footer */

#footer {
	clear: both;
	padding: 15px 0 30px 240px;
}

#footer p.film-authors {
	width: 700px;
	height: 15px;
	background: url(../img/footer-credits.png) 0 0 repeat-x;
	overflow: hidden;
	text-indent: -999em;
	margin: 0;
}