/* @override 
	http://localhost/~Ollie/Skin%20Deep/css/style.css
	http://ollies-macbook-pro.local/~Ollie/Skin%20Deep/css/style.css
*/

*{
	margin: 0; 
	padding: 0;
}

body{
	font-family: 'Lucida Grande', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	margin: 0;
	padding:0;
	background: #e7ebf1 url(../images/global/background.gif) repeat-x;
	line-height: 2;
}

body          { font-size: 68.75%; }   /* IE */
html > body   { font-size: 11px; }  /* Other browsers */

a{
	color: #911524;
	text-decoration: none;
}

a img{
	border: 0;
}

p{
	margin-bottom: 1.5em;
}

.top {
	margin-top: 0;
}

fieldset {
	margin: 1em 0;
	padding:  1em;
	border:  1px solid #ccc;
	background: #f8f8f8;
}

legend {
	font-weight: bold;
	padding: .2em 1em;
	display: block;
	background: #fff;
	border: solid 1px #ccc;
}

label {
	float: left;
	width: 10em;
}

input[type="text"]{
	width: 200px;
	border: solid 1px #ccc;
	color: #820807;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0.2em;
	background: #fff url(../images/global/textbox.gif) repeat-x left top;
}

input[type="submit"] {
	width: auto;
	padding: 0.2em;
	
}

.form_note {
	color: #b9b9b9;
	font-size: 11px;
	padding-left: 1em;
}

textarea{
	width: 400px;
	border: solid 1px #ccc;
	color: #820807;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0.2em;
	background: #fff url(../images/global/textbox.gif) repeat-x left top;
}

option{
	color: #000;
	margin-left: 20px;
}

optgroup{
	color: #999;
	background-color: #fff;
	padding-top: 5px;
	font-weight: bold;
	font-style: normal;
	padding-left: 10px;
}

td{
	padding: 2px;
}

li{
	list-style: none;
}

hr{
	background: url(bg_hr.gif);
	border: 0;
	height: 1px;
}

.clear {
	clear: both;
}

/* ================================================== */


/* CONTAINERS */
#container{
	width: 860px;
	background: #fff url(../images/global/header_back.jpg) repeat-x;
	padding: 20px 20px 20px 20px;
	margin: 30px auto 30px auto;
	border: 10px solid #f9f9f9;
}

/* ================================================== */

/* HEADER */

#header{
	margin-bottom: 50px;
	height: 135px;
	width: 855px;
}

#header h1{
	height: 55px;
	background: url(logo.gif);
	margin-bottom: 15px;
}

#header h1 span{
	display: none;
}

/* NAVIGATION */

#navigation{
	margin-left: 210px;
	margin-top:	127px;
	float: left;
	width: 640px;
	height: 18px;
	display: inline;
	overflow: hidden;
}

#navigation ul{
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0 0 5px;
	border-bottom: 2px solid #ddd;
}

#navigation li{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation a {
	float: left;
	padding: 18px 0 0 0;
	overflow: hidden;
	height: 0px; !important
	height /**/:18px; /* for IE5/Win only */
}

#navigation a:hover {
	background-position: 0 -18px;
}

#navigation a:active, #navigation a.selected {
	background-position: 0 -18px;
}

#nav_home a {
	width: 55px;
	background: url(../images/global/navigation/home.gif) top left no-repeat;
}

#nav_about a {
	width: 73px;
	background: url(../images/global/navigation/about.gif) top left no-repeat;
}

#nav_journal a {
	width: 89px;
	background: url(../images/global/navigation/journal.gif) top left no-repeat;
}

#nav_festivals a {
	width: 95px;
	background: url(../images/global/navigation/festivals.gif) top left no-repeat;
}

#nav_media a {
	width: 74px;
	background: url(../images/global/navigation/media.gif) top left no-repeat;
}

#nav_credits a {
	width: 85px;
	background: url(../images/global/navigation/credits.gif) top left no-repeat;
}

#nav_contact a {
	width: 94px;
	background: url(../images/global/navigation/contact.gif) top left no-repeat;
}

#nav_buydvd a {
	width: 75px;
	background: url(../images/global/navigation/dvd.gif) top left no-repeat;
}

#navigation a.disarmed, a.disarmed:hover, a.disarmed:active{
	opacity: 0.4;
	background-position: 0 0px;
}

/* ================================================== */

/* TAGS */
#associates {
	float: right;
	position: relative;
	left: 65px;
	bottom: 105px;
}

#associates a{
	width: 35px;
	height: 100px;
	display: block;
	background: url(../images/global/associates/jam_grey.gif) no-repeat;
}

#associates a:hover{
	background: url(../images/global/associates/jam_red.gif) no-repeat;
}

/* ================================================== */

/* === CONTENT-LEFT === */

#content_left{
	width: 180px;
	float: left;
	z-index: 2;
	font: normal 11px/18px 'Lucida Grande', Verdana, Geneva, Arial, Helvetica, sans-serif;
}


/* MENU*/

#menu{
	margin-bottom: 5px;
	padding: 10px 0px;
	padding-left: 0px;
	text-align: right;
}

#menu.image {
	text-align: center;
}

#menu h3{
		font-size: 10px;
		padding-bottom: 3px;
		font-weight: bold;
		color: #911524;
		text-align: left;
	text-transform: uppercase;
}

#menu ul{
	border-top: 2px #ddd solid;
	padding-top: 5px;
	text-align: left;
	}

#menu li{
	margin-bottom: 5px;
	font-weight: bold;
	border-bottom: 1px solid #ececec;
	padding-bottom: 5px;
}

#menu li a{
	text-decoration: none;
	font-weight: normal;
	color: #666;
	background: url(../images/global/bullets/arrow_off.gif) no-repeat 0 1px;
	padding-left: 15px;
}

#menu li.disarmed{
	text-decoration: none;
	font-weight: normal;
	color: #999;
	background: url(../images/global/bullets/arrow_off.gif) no-repeat 0 1px;
	padding-left: 15px;
}

#menu li.current a{
	color: #911524;
	background: url(../images/global/bullets/arrow_on.gif) no-repeat 0 1px;
}

#menu li a:hover, #menu li.current a:hover{
	background: url(../images/global/bullets/arrow_on.gif) no-repeat 0 1px;
	color: #911524;
}

/* NEWS MENU */

#menu .news_date{
	font-weight: bold;
	background: url(../images/global/bullets/calendar.gif) no-repeat 0 1px;
	padding-left: 15px;
}

#menu .news_date{
	font-weight: bold;
	background: url(../images/global/bullets/calendar.gif) no-repeat 0 1px;
	padding-left: 15px;
}

#menu a.news_story{
	background: url(../images/global/bullets/sm_arrow_g.gif) no-repeat 0 1px;
	padding-left: 15px;
}

#menu a.news_story:hover{
	background: url(../images/global/bullets/sm_arrow_r.gif) no-repeat 0 1px;
	padding-left: 15px;
}

/* SCREENINGS MENU */

#menu .screenings_date{
	background: url(../images/global/bullets/star.gif) no-repeat 0 1px;
	padding-left: 15px;
}


/* ================================================== */


/* === CONTENT === */

#page_heading{
	font: 30px Helvetica, Arial, Geneva, sans-serif;
	color: #a7a7a7;
	margin: 53px 0 0 210px;
	text-transform: capitalize;
}

#content{
	text-align: justify;
	margin-left: 210px;
	width: 640px;
	margin-bottom: 20px;
	padding-top: 10px;
}

#content p a{
	color: #911524;
	text-decoration: none;
	border-bottom: 1px solid #ccc;

}

#content p a:hover{
	border-bottom: 1px solid #911524;
}

#content .credits a{
	color: #666;
	text-decoration: none;
}

#content .credits a:hover{
	color: #911524;
}

#content h1{
	font: 20px Helvetica, Arial, Geneva, sans-serif;
	text-transform: capitalize;
	margin: 25px 0 5px 0;
	color: #a7a7a7;
	display: block;
}

#content h2{
	font-size: 11px;
	font-weight: bold;
	color: #911524;
	text-transform: uppercase;
}

#content li{
	list-style: disc;
	margin-left: 20px;
	padding-left: 5px;
	margin-bottom: 10px;
}

#content img.bordered{
	border: 1px solid #ccc;
	margin: 14px;
	padding: 4px;
	float: left;
}

#content a img.bordered:hover{
	border: 1px solid #666;
	background: #eee;
}

#content img.bordered_pp{
	border: 1px solid #ccc;
	margin: 8px;
	padding: 4px;
	float: left;
}

#content a img.bordered_pp:hover{
	border: 1px solid #666;
	background: #eee;
}

#content span.signature{
	color: #b1b1b1;
	font-style: italic;

	margin-top: 4px;
}

#content table {
	line-height: 20px;
}

#content td {
	padding-right: 30px;
	padding-bottom: 5px;
}

#content td.credit_title {
	font-weight: bold;
	vertical-align: top;
}

.table_titles td {
	border-bottom: 1px solid #e1e1e1;
	color: #911524;
}

.image_transborder {
	width: 630px;
	height: 174px;
	margin: 0px;
	padding: 0px 0px 5px 0px;
	
}

.image_transborder div {
	height: 164px;
	background-color: transparent;
	border: 5px solid #ffffff;
	opacity:.50;
	filter: alpha(opacity=50); 
	-moz-opacity: 0.5;
}

#content .review_quote{
	margin-top: 20px;
}

#content .quote_text {
	padding-right: 50px;
	padding-left: 50px;
	color: #8b8b8b;
	font: italic 13px/20px Georgia, "Times New Roman", Times, serif;
}

#content .quote_author {
	color: #b1b1b1;
	font-style: italic;
	padding-left: 100px;
	margin-top: 4px;
}

#content .highlighted{
	background: #f3f3f3;
	padding: 1px 20px 10px;
	border: 1px dotted #bcbcbc;
}

#content .highlighted_full{
	background: #f3f3f3;
	padding: 1em;
	margin-bottom: 1em;
	border: 1px dotted #bcbcbc;
	text-align: center;
}

#content .highlighted_full p{
	margin: 0;
}

#imageset_container {
	float: left;
	padding-bottom: 2em;
}


/* === IMAGES === */

#imgdiv {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

#imgdiv.nm {
	margin-bottom: 0;
}

#imgdiv img {
	border: 5px solid #e7e7e7;
}

#imgdiv p {
	text-align: center;
	color: #a3a3a3;
	display: block;
	font-style: italic;
	margin-bottom: 0;
}

/* === PRESS PACK === */

#download {
	background: url(../images/global/bullets/arrow_on_small.gif) no-repeat 0 4px;
	padding-left: 15px;
}

#download_info {
	padding-left: 15px;
}

/* ================================================== */

/* === FOOTER === */

#footer{
	width: 100%;
	clear: both;
	border-top: 1px #ddd solid;
	margin-top: 40px;
	padding-top: 15px;
	padding-bottom: 0px;
}

#sub_container {
		width: 860px;
		margin: 0 auto;
		text-align: center;
		padding-bottom: 30px;
}

.sub_footer {
	color: #a7a7a7;
}

.sub_footer a{
	color: #a7a7a7;
	border-bottom: 1px dotted #7e7e7e;
}

.sub_footer a:hover{
	color: #911524;
	border-bottom: 1px dotted #7e7e7e;
}

#footer p{
	display: inline;
}

.footer_left{
	float: left;
	display: inline;
	width: 70%;
}

.footer_right{
	display: inline;
	float: right;
	width: 30%;
	color: #b6b6b6;
	text-align: right;
}