/*-----------------------------------------------------------------------------
Tigerlily

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

/* =Importing rules
-------------------------------------------------------*/

@import url(generic/reset.css);
@import url(generic/helpers.css);

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

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



/* =Elements
-------------------------------------------------------*/
body {
	width:987px;
	margin:0 auto;
	text-align:left;
	font-family:Helvetica, Arial, 'Lucida Grande', sans-serif;
	color:#444444;
	}
	a:link {
		text-decoration:none;
		color:#010101;
		}
	a:visited {
		text-decoration:none;
		color:#333;
		}
	a:hover {
		text-decoration:underline;
		/*color:#4d4d4d;*/
		}
	a:active {
		text-decoration:none;
		outline:none;
		}
	h1, h2, h3, h4, h5, h6 {
		color:#010101;
		}
		h1, h2 {
			text-transform:uppercase;
			}
			h1 {
				padding:0 0 1em;
				line-height:1;
				font-size:2em;
				color:#000;
				}
			h2 {
				padding:0;
				font-size:14px;
				}
			h3 {
				font-size:14px;
				/*font-style:italic;*/
				padding:0;
				}
			h4 {
				font-size:1.3em;
				}
			h5 {
				font-size:1.2em;
				}
			h6 {
				font-size:1.1em;
				font-style:italic;
				}
	strong {
		color:#000;
		}
	p {
		line-height:1.3;
		padding:0 0 0.8em;
		}
	.column ol {
		margin-left:10px; /* for ie6 */
		}
		.column ol ol {
			padding-top:1em !important;
			padding-left:3em;
			list-style-type:lower-alpha;
			}

/* =Layout elemernts
-------------------------------------------------------*/
.content-wrapper {
	position:relative;
		z-index:1; /* for ie6 */
	float:left;
	width:730px;
	min-height:565px;
	height:auto !important;
	height:400px;
	padding:30px 0 20px 256px;
	background:url(../images/contentWrapperBg.png) 0 0 repeat-y;
	}
	body.about .content-wrapper {
		background-position:-986px 0;
		}
	body.work .content-wrapper {
		background-position:-1972px 0;
		}
	body.team .content-wrapper {
		background-position:-2958px 0;
		}
	body.showing .content-wrapper {
		background-position:-3944px 0;
		}
	body.shop .content-wrapper {
		background-position:-4930px 0;
		}
	body.news .content-wrapper {
		background-position:-5916px 0;
		}
	body.contact .content-wrapper {
		background-position:-6902px 0;
		}
	.content-wrapper .column {
		float:left;
		margin:0 24px 0 0;
		font-size:1.1em;
		}
		.content-wrapper.two-cols .column {
			width:385px;
			}
			.content-wrapper.two-cols .column.first {
				clear:left;
				}
			.content-wrapper.two-cols .column.second {
				width:182px;
				}
				.content-wrapper.two-cols.film .column.second {
					width:260px;
					}
		.content-wrapper.three-cols .column {
			width:182px;
			}
		.content-wrapper.full .column {
			float:none;
			}
	.side-block {
		position:absolute;
		bottom:20px;
		left:15px;
		width:177px;
		height:219px;
		padding:11px 20px 0;
		text-align:center;
		font-size:1.4em;
		color:#000;
		background:url(../images/secondaryNavBg.png) 0 0 no-repeat;
		}
		body.home .side-block {
			bottom:auto;
			top:371px;
			}
		/*body.work .side-block,
		body.about .side-block {
			position:fixed;
			bottom:100px;
			left:auto;
			margin:0 0 0 -241px;
			}*/
			.side-block h1 {
				font-size:19px;
				padding:0 0 20px;
				}
			.side-block p {
				padding:0;
				line-height:1.4;
				}

/* =Home page
-------------------------------------------------------*/
body.home .column h2,
body.home .column p {
	padding:0 0 0 2px;
	}
	body.home .column h2,
	body.home .column h3 {
		line-height:1;
		}
		body.home .column.news h2,
		body.home .column.news h3 {
			padding-bottom:6px;
			}
body.home .column.news {
	width:150px;
	padding:10px;
	border:1px solid #f3fbf2;
	border-bottom:2px solid #dae3da;
	border-right:2px solid #dae3da;
	background:#fff;
	}
	body.home .column.news p {
		padding:0 0 8px;
		}
		body.home .column.news p.posted {
			margin:0 0 8px;
			border-bottom:1px dashed #888;
			font-size:9px;
			font-weight:bold;
			}

div.team,
div.map {
	float:left;
	}
	div.team h3,
	div.map h3 {
		font-style:italic;
		}
	div.team {
		position:relative;
		left:-2px;
		width:181px;
		height:346px;
		padding:0 24px 0 0;
		}
		div.team .ccm-area,
		div.team .ccm-block {
			height:100%;
			}
		div.team h2,
		div.team h3 {
			position:absolute;
			bottom:37px;
			left:19px;
			}
			div.team h2 {
				bottom:53px;
				}
		div.team ul li a {
			position:absolute;
			top:0;
			left:0;
			color:#000 !important;
			}
			div.team ul li.pedro a {
				top:-26px;
				left:2px;
				}
			div.team ul li.parrott a {
				z-index:1;
				top:0px;
				}
			div.team ul li.barker a {
				z-index:2;
				top:36px;
				left:-1px;
				}
			div.team ul li.hoomani a {
				z-index:4;
				top:100px;
				left:1px;
				}
			div.team ul li.dack a {
				z-index:3;
				top:64px;
				}
				div.team ul li a:hover {
					z-index:9;
					background:transparent;
					}
					div.team ul img {
						display:block;
						}
div.map {
	width:400px;
	}
	div.map img {
		display:block;
		margin:-1px 0 2px;
		}
	div.map h2 {
		margin:0 0 -8px;
		}

/* =Home page
-------------------------------------------------------*/
body.about .column.second h5 {
	padding:0;
	}
body.about .column.second ul {
	padding:0 0 14px;
	}

/* =Lists
-------------------------------------------------------*/
ul.items-list {
	width:500px;
	}
	ul.items-list li {
		float:left;
		clear:both;
			width:100%; /* for ie6 */
		padding:0 0 40px;
		}
		ul.items-list li a {
			position:relative;
			float:left;
			margin:0 20px 0 0;
			}
		ul.items-list li p.showing a {
			float: none !important;
			margin: 0 !important;
			}
		ul.items-list li p.news a {
			float: none !important;
			margin: 0 !important;
			}
		ul.items-list li h6 {
			padding:0;
			}
		ul.items-list li p {
			margin:0 0 0 200px;
			}
		ul.items-list li p.posted,
		ul.items-list li p.showing strong {
			color:#000;
			font-weight:normal;
			}
			
ul.screenings {
		list-style-type: circle !important;
}
ul.screenings li {
	clear: none !important;
	padding: 0 !important;
	float: none !important;

}
/* =Our work
-------------------------------------------------------*/
ul.films {
	}
ul.films li {
	float:left;
	width:180px;
	height:200px;
	margin:0 20px 0 0;
	}
	ul.films li a:hover img,
	ul.films li a:active img {
		opacity:.8;
		}
	ul.films li h5,
	ul.films li h6 {
		padding:0;
		line-height:1;
		font-size:1em;
		}
		ul.films li h5 {
			padding:5px 0;
			text-transform:uppercase;
			}

div.media {
	position:relative;
	float:left;
	margin:0 0 10px;
	}
	div.media object {
		outline:none;
		}

/* =Frames and corners
-------------------------------------------------------*/
.corners {
	position:relative;
	display:inline-block;
	outline:none;
	}
	.corners img {
		display:block;
		padding:0 3px 4px 0;
		border-top:1px solid #f6fbf5;
		background:url(../images/filmShadow.png) 100% 100% no-repeat;
		}
	.corners span {
		position:absolute;
		width:20px;
		height:20px;
		top:-2px;
		left:0;
		background:url(../images/corners.png) 0 0; /* default position for home page */
		}
		.corners span#BottomRight {
			top:auto;
			left:auto;
			bottom:0;
			right:-1px;
			background-position:-20px -20px;
			}
			body.work .corners span { /* work corners */
				background-position:0 -160px;
				}
				body.work .corners span#BottomRight {
					background-position:-20px -180px;
					}
			body.news .corners span { /* news corners */
				background-position:0 -120px;
				}
				body.news .corners span#BottomRight {
					background-position:-20px -140px;
					}
			body.showing .corners span { /* now shoing corners */
				background-position:0 -40px;
				}
				body.showing .corners span#BottomRight {
					background-position:-20px -60px;
					}
			body.shop .corners span { /* shop corners */
				background-position:0 -80px;
				}
				body.shop .corners span#BottomRight {
					background-position:-20px -100px;
					}
			div.corners span { /* player corners */
					width:38px;
					height:39px;
					background-position:0 -200px !important;
					}
					div.corners span#BottomRight {
						background-position:100% 100% !important;
						}