/*-----------------------------------------------------------------------------
Chosen

author:    konstantin korolev
email:     kos@pixeco.com
-----------------------------------------------------------------------------*/

/* =Importing rules
-------------------------------------------------------*/
@import url(/assets/css/general/reset.css);
@import url(/assets/css/general/helperClasses.css);

/* Importing branding modules */
@import url(/assets/css/branding/header.css);
@import url(/assets/css/branding/footer.css);

/* Importing navigation */
@import url(/assets/css/navigation/primary.css);

html {
	background:#000 url(/images/templates/bodyBg.jpg) 50% 0 no-repeat;
	}
	body {
		position:relative;
		width:825px;
		margin:0 auto;
		text-align:left;
		font:62.5%/1.6 Georgia, Times, Serif;
		color:#171717;
		background:transparent;
		}
		a:link {
			text-decoration:underline;
			color:#045e00;
			}
		a:visited {
			text-decoration:underline;
			color:#999;
			}
		a:hover {
			text-decoration:none;
			}
		a:active {
			text-decoration:none;
			outline:none;
			}			
		h1, h2, h3, h4, h5, h6 {
			color:#734b0e;
			}
		p {
			padding:0 0 1.4em;
			}
		.brown {
			color:#734b0e;
		}
		input.paypal {
			vertical-align:middle;
			margin-right: 8px;
		}
		.dvdheader {
			color:#734B0E; 
			font-size:1.3em; 
		}
		.dvdeducational {
			margin-left:152px;
		}
		.dvdbox {
			margin-bottom: 5px;
		}
		.donatebox {
			margin: 10px 0;
		}
		.donateform {
			width: 150px;
			display: inline;
		}

/* =Layout elemernts
-------------------------------------------------------*/ 
.content {
	padding:10px 0 130px;
	font-size:1.2em;
	background:url(/images/templates/footerLine.png) 50% 100% no-repeat;
	}
	body.home .content blockquote {
		position:absolute;
		top:420px;
		text-indent:-999em;
		opacity:.5;
		}
		body.home .content blockquote.pamela-connolly {
			right:-40px;
			width:188px;
			height:100px;
			background:url(/images/templates/quotes/DrPamelaConnolly.png) 0 0 no-repeat;
			}
		body.home .content blockquote.sheffield {
			width:156px;
			height:101px;
			background:url(/images/templates/quotes/sheffield.png) 0 0 no-repeat;
			}
		body.home .content blockquote.telegraph {
			top:430px;
			right:170px;
			width:158px;
			height:129px;
			background:url(/images/templates/quotes/TheTelegraph.png) 0 0 no-repeat;
			}
	.primary-content {
		width:598px;
		background:url(/images/templates/contentTop.png) 0 0 no-repeat;
		}
		.primary-content h1 {
			padding:80px 20px 30px 45px;
			text-transform:uppercase;
			font-size:1.7em;
			}
		body.home .primary-content {
			float:left;
			width:449px;
			height:408px;
			text-indent:-999em;
			background:url(/images/templates/NewHomeContent.jpg) 0 0 no-repeat;
			}
		.primary-content .content-bottom {
			min-height:410px;
			height:auto !important;
			height:410px;
			padding:0 30px 20px;
			background:url(/images/templates/contentBottom.png) 0 100% no-repeat;
			}

/* =Flash video player
-------------------------------------------------------*/
#FlashVideo {
	float:right;
	width:317px;
	height:177px;
	padding:16px 16px 19px 18px;
	outline:none;
	background:url(/images/templates/videoFrame.jpg) 0 0 no-repeat;
	}
	#FlashVideo object {
		outline:none;
		}
	body.extract #FlashVideo {
		float:none;
		width:512px;
		height:288px;
		margin:12px 0 0;
		background:url(/images/templates/videoFrameBig.jpg) 0 0 no-repeat;
		}
ul.frame-links {
	padding:0;
	list-style:none;
	}
	ul.frame-links li {
		position:absolute;
		height:30px;
		padding:0;
		text-indent:-999em;
		}
		ul.frame-links li.watch-film {
			top:266px;
			right:165px;
			width:140px;
			}
		ul.frame-links li.watch-film2 {
			top:525px;
			left:145px;
			width:175px;
			}
		ul.frame-links li.watch-bafta-clip {
			top:555px;
			left:20px;
			width:150px;
			}
		ul.frame-links li.buy-dvd {
			top:305px;
			right:215px;
			width:90px;
			}
		ul.frame-links li.buy-dvd2 {
			top:555px;
			left:150px;
			width:160px;
			}
		ul.frame-links li.watch-intro {
			top:343px;
			right:215px;
			width:90px;
			}
			ul.frame-links li a {
				display:block;
				height:100%;
				text-decoration:none;
				}

/* =Press page
-------------------------------------------------------*/
		
		img.pdf {
			float:left;
			display:block; /* :KLUDGE: prevent content disappearing in ie6  */
			margin:0px 10px 0px 0px;
			border: none;
			}
		img.pdfright {
				float:right;
				display:block; /* :KLUDGE: prevent content disappearing in ie6  */
				margin:0px 0px 0px 10px;
				border: none;
		}
		img.pdfbottom {
				float:right;
				display:block; /* :KLUDGE: prevent content disappearing in ie6  */
				margin:0px 0px 0px 10px;
				border: none;
		}
		.pdfblock {
				display:block; /* :KLUDGE: prevent content disappearing in ie6  */
				margin:2px 0px 10px 0px;
				border: none;
		}
		.pdftext2 {
				
				margin: -1px 0px 10px 0px;
				border: none;
				display:inline;
				overflow: hidden;
				float: left;
		}
		a.download-pdf2 {
			float: left;
			width:96px;
			height:30px; 
			margin:-10px 0px 0px 10px;
			text-indent:-999em;
			outline:none;
			background:url(/images/templates/download_pdf_button_smaller.png) 0 0 no-repeat;
			}


/* =Tom's initiative page
-------------------------------------------------------*/
a.find-out-more {
	float:right;
	display:block; /* :KLUDGE: prevent content disappearing in ie6  */
	width:262px;
	height:103px; 
	margin:-20px 25px 5px 5px;
	text-indent:-999em;
	outline:none;
	background:url(/images/templates/questions4schools.png) 0 0 no-repeat;
	}

.toptext {
		display:block; /* :KLUDGE: prevent content disappearing in ie6  */
		width:240px;
		margin:-42px 0px 5px 5px;
}
p.with-divider-tom {
		clear:both;
		padding-top:16px;
		background:url(/images/templates/divider.png) 50% 0 no-repeat;
		}
.tom-page-left {
		margin-top: -18px;
		float: left;
		width: 48%;
		}
.tom-page-right {
		margin-top: -18px;
		float: right;
		width: 48%;
		}
p.tom-spacer {
		margin-top: 35px;
		}
.tom-workinggroup {
		margin: 0px 0px 0px 65px;
		width: 75%;
		display: block;
		}
.tom-workinggroup-center {
		margin: 0px 10px 0px 0px;
		width: 20%;
		float: right;
		}
/* =For parents page
-------------------------------------------------------*/
p.with-divider {
	clear:both;
	padding-top:16px;
	background:url(/images/templates/divider.png) 50% 0 no-repeat;
	}
a.download-pdf {
	float:right;
	display:block; /* :KLUDGE: prevent content disappearing in ie6  */
	width:152px;
	height:102px;
	margin:-10px 20px 5px 0;
	text-indent:-999em;
	outline:none;
	background:url(/images/templates/downloadPDF.png) 0 0 no-repeat;
	}
dl.faq dt {
	padding:0 0 8px;
	font-size:1.4em;
	line-height:1.1;
	color:#0008aa;
	}
	html.js dl.faq dt {
		cursor:pointer;
		}
		dl.faq dt span,
		html.js dl.faq dt.opened span { /* view answer link, hide if js is off and if answer is opened */
			display:none;
			}
			html.js dl.faq dt span { /* show only if js is enabled */
				display:block;
				width:160px;
				height:16px;
				text-indent:-999em;
				background:url(/images/templates/viewTheAnswer.gif) 0 0 no-repeat;
				}
				
body.further_info div.content blockquote {
	margin:0 0 1.4em 2em;
	padding:0 0 0 1em;
	border-left:2px solid #734B0E;
	font-style:italic;
	}
	body.further_info div.content blockquote p:last-child {
		padding:0;
		}

/* =Extended extract stuff
-------------------------------------------------------*/
a.extract-button { /* button on a film page */
	float:right;
	width:140px;
	height:85px;
	margin:40px 20px 0 0;
	text-indent:-999em;
	outline:none;
	background:url(/images/templates/extendedExtractButton.png) 0 0 no-repeat;
	}
body.extract h1 {
	color:#c9c5aa;
	}
/* =Comments page
-------------------------------------------------------*/	
p.posted {
	font-style:italic;
	text-align:right;
	margin: 0px 20px 8px 0;
}

div.entry p {
	padding-bottom: 4px;
	margin-right: 15px;
}
form#comment_form {
	clear:both;
	width:400px;
	margin: 15px 0 0 0;
}
form#comment_form input {
	float:right;
	margin:2px 0 8px;
	width:250px;
}
form#comment_form label {
	float:left;
	font-weight:bold;
}
form#comment_form textarea {
margin:0 0 8px;
width:100%;
}
form#comment_form button {
	clear:both;
	float:right;
	margin:20px 0 0;
}
form#comment_form input.checkbox {
	float:left;
	margin:2px 8px 8px 0;
	width:auto;
}