/*-----------------------------------------------------------------------------
The Hunger Season

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

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

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

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

/* Importing modules */
@import url(modules/jquery.lightbox-0.5.css);

/* Importing print styles */
@import url(media/print.css);

body {
	padding:0 0 0 54px;
	font:62.5%/1.6 Georgia, Times, Serif;
	text-align:left;
	color:#321405;
	background:#ad4714 url(../../images/templates/bodyBg.gif) 0 0;
	}
	a:link {
		text-decoration:underline;
		color:#a54302;
		}
	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;
		}

/* =Layout elemernts
-------------------------------------------------------*/ 
.content {
	float:left;
	width:860px;
	w\idth:780px;
	padding:0 40px;
	font-size:1.3em;
	background:url(../../images/templates/contentBg.jpg) 2px 0 repeat-y;
	}
	body.home .content {
		position:relative;
		height:580px;
		he\ight:582px;
		margin-bottom:0px;
		padding-top:38px;
		background:url(../../images/templates/pageBgs/home.jpg) 0 0 no-repeat;
		}
		.content h1 {
			height:200px;
			margin:0 -40px;
			padding:0 0 0 40px;
			line-height:200px;
			font-size:2.35em;
			background:url(../../images/templates/headingBg.jpg) 0 0 no-repeat;
			}
			body.home .content h1 {
				height:auto;
				padding:0 0 12px;
				line-height:normal;
				font-size:1.7em;
				background:none;
				}
		.content .primary-content {
			position:relative;
			float:left;
			width:430px;
			}
			.content .primary-content ul {
				padding-left:0;
				padding-bottom:50px;
				border-top:1px dotted #c2c2c2;
				list-style:none;
				}
				.content .primary-content ul li {
						position:relative; /* :KLUDGE: prevent marker disappearinh in ie6 */
					padding:1em 0 1em 2em;
					border-bottom:1px dotted #c2c2c2;
					background:url(../../images/templates/bullet.gif) 0 1em no-repeat;
					}
						img.floatLeft { 
							    float: left; 
							    margin-left: 10px; 
								margin-right: 10px;
								margin-top: 10px;
								margin-bottom: 10px;

							}
				.action_spacer {
					position:relative;
					z-index:6;
					float:right;
					clear:right;
					
					margin-bottom: 55px;
				
					
				}
			
		
/* =Side images
-------------------------------------------------------*/
img.side,
p.caption {
	position:relative;
	z-index:6;
	float:right;
	clear:right;
	margin:0 -70px 0 0;
	}
	body.resources img.side,
	body.resources p.caption {
		margin:0 0 10px;
		}
		body.resources p.caption {
			width:290px;
			margin-bottom:50px;
			}
	body.action img.side,
	img.side.helicopter {
		margin:0;
		}
	p.caption {
		width:260px;
		margin:0;
		}
		body.filmmakers p.caption {
			width:230px;
			}
		.sIFR-active p.caption {
			visibility:hidden;
			line-height:1em;
			font-size:17px;
			}
			
img.side_action{
			
				margin-left: 20px;
				
				}
	

/* =Flash video player
-------------------------------------------------------*/
#FlashVideo {
	float:left;
	margin:0 50px 0 0;
	width:445px;
	height:447px;
	background:url(../../images/templates/videoBg.jpg) 0 0 no-repeat;
	}
	
/* =Mailing list form
-------------------------------------------------------*/
form.mailinglist {
	position:relative;
	z-index:2;
	float:right;
	clear:right;
	width:285px;
	}
	body.home form.mailinglist {
		position:absolute;
		right:50px;
		bottom:80px;
		}
		form.mailinglist div.bg {
			float:right;
			width:285px;
			height:183px;
			background:url(../../images/templates/mailinglist/bg.png) 0 0 no-repeat;
			}
		form.mailinglist h6 {
			width:224px;
			height:49px;
			margin:35px 0 0 30px;
			text-indent:-999em;
			background:url(../../images/templates/mailinglist/heading.png) 0 0 no-repeat;
			}
		form.mailinglist div.hover-wrap {
			position:relative;
			float:left;
			}
			form.mailinglist div.hover-wrap label,
			form.mailinglist div.hover-wrap input {
				font-size:1.2em;
				color:#676363;
				}
				form.mailinglist div.hover-wrap label {
					position:absolute;
					top:.2em;
					left:35px;
					}
				form.mailinglist div.hover-wrap input {
					width:160px;
					height:1.6em;
					margin:2px 0 8px 30px;
					padding-top:2px;
					font-family:inherit;
					}
		form.mailinglist button,
		form#comment_form button {
				position:relative; /* :KLUDGE: to force button work in ie6 */
			float:right;
			width:60px;
			height:27px;
			margin:0 20px 0 0;
			border:none;
			text-indent:-999em;
			background:url(../../images/templates/mailinglist/send.png) 0 0 no-repeat;
			}
		
/* =Comments
-------------------------------------------------------*/
form#comment_form { /* Comment form */
	clear:both;
	}
	form#comment_form label {
		float:left;
		font-weight:bold;
		}
	form#comment_form input {
		float:right;
		width:300px;
		margin:2px 0 8px;
		}
		form#comment_form input.checkbox {
			float:left;
			width:auto;
			margin:2px 8px 8px 0;
			}
	form#comment_form textarea {
		width:100%;
		margin:0 0 8px;
		}
	form#comment_form button {
		float:left;
		clear:both;
		margin:10px 0;
		}
			
p.posted {
	text-align:right;
	font-style:italic;;
	}
	
.secondheader {
	color:#734B0E;
	font-size:2.35em;
}
bodycomments .content .primary-content ul {
	padding-bottom: 10px;
}
	
/* =Gallery
-------------------------------------------------------*/
ul.thumbnails {
	position:relative;
	z-index:9;
	margin:0 0 0 -10px;
	padding:0;
	list-style:none;
	}
	ul.thumbnails li {
		float:left;
		overflow:hidden;
		height:167px;
		margin:0 0 10px 10px;
		padding:0;
		}

/* =Logos
-------------------------------------------------------*/
ul.logos {
	position:absolute;
	top:300px;
	right:370px;
	padding:0;
	list-style:none;
	}
	ul.logos li {
		float:left;
		width:36px;
		height:36px;
		margin:0 0 0 14px;
		padding:0;
		text-indent:-999em;
		background:url(../../images/templates/logos/more4.png) 0 0 no-repeat;
		}
		ul.logos li.nhk {
			width:56px;
			height:16px;
			margin-top:10px;
			background:url(../../images/templates/logos/nhk.png) 0 0 no-repeat;
			}
		ul.logos li.sbs {
			width:49px;
			height:34px;
			background:url(../../images/templates/logos/sbs.png) 0 0 no-repeat;
			}
		ul.logos li.yle {
			width:46px;
			height:15px;
			margin-top:10px;
			background:url(../../images/templates/logos/yle.png) 0 0 no-repeat;
			}
			ul.logos li a {
				position:relative;
				display:block;
				height:100%;
				}
		
/* =Redirect page
-------------------------------------------------------*/
body.user-message .content {
	padding:0 20px;
	background:#6c7d91;
	}

/* =TX Card
-------------------------------------------------------*/	
.txcard {
	background:transparent url(/images/templates/tx_card.jpg) no-repeat scroll 0 0;
	float:right;
	height:183px;
	width:285px;
	margin-bottom: 18px;
}

/* =Partners
-------------------------------------------------------*/
div.partners {
	position:absolute;
	bottom:-30px;
	width:850px;
	left:0;
	}
	div.partners h6 {
		float:left;
		color:#fff;
		font-size:1.4em;
		}
	div.partners ul {
		padding:0;
		list-style:none;
		}
		div.partners ul li {
			float:left;
			width:70px;
			height:26px;
			margin:6px 0 0 8px;
			padding:0;
			}
			div.partners ul li.yipp {
				width:90px;
				height:13px;
				background:url(/images/partners/YippFilms.png) 0 0 no-repeat;
				}
			div.partners ul li.cba {
				margin-top:0;
				background:url(/images/partners/CBA.png) 0 0 no-repeat;
				}
			div.partners ul li.molinare {
				height:20px;
				margin-top:4px;
				background:url(/images/partners/Molinare.png) 0 0 no-repeat;
				}
			div.partners ul li.indipix {
				width:100px;
				height:25px;
				margin-top:2px;
				background:url(/images/partners/Indiepix.png) 0 0 no-repeat;
				}
			div.partners ul li.working-films {
				height:16px;
				margin-top:7px;
				background:url(/images/partners/WorkingFilms.png) 0 0 no-repeat;
				}
			div.partners ul li.pixeco {
				height:19px;
				margin-top:5px;
				background:url(/images/partners/Pixeco.png) 0 0 no-repeat;
				}
			div.partners ul li.more4 {
				height:70px;
				margin-top:-28px;
				background:url(/images/partners/More4.png) 0 0 no-repeat;
				}
			div.partners ul li.britdoc {
				margin-top:2px;
				background:url(/images/partners/Britdoc.png) 0 0 no-repeat;
				}
				div.partners ul li a {
					display:block;
					height:100%;
					text-indent:-999em;
					outline:none;
					}
div.footer-partners {

		margin-bottom: 30px;

		width:885px;
	
		height:100%;
}