/*
** categories
*/

.categories {
	position: fixed;
	top: 200px;
	left: 0px;
	background: #000;
	z-index: 100;
	text-align: right;
}

.categories ul {
	padding: 20px;
}

.categories .item {
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}

.categories .selected a,
.categories a:hover {
	color: #fff !important;
}


/*
** films
*/

section.films {
	position: relative;
	padding: 50px 40px;
}

section.films-with-categories {
	padding-left: 150px;
}

.films .film {
	width: 290px;
	height: 210px;
	background: #fff;
	margin: 0px 10px 10px 0px;
}

.films .film .image {
	width: 290px;
	height: 160px;
	overflow: hidden;
	position: relative;
	margin-bottom: 5px;
}

.film .info {
	text-transform: uppercase;
}

.film .company {
	display: inline;
	font-family: 'VAGRoundedStd-Bold';
	font-size: 0.8em;
	font-weight: bold;
	color: #666;
}

.film .name {
	display: inline;
	font-size: 0.8em;
	font-weight: normal;
	color: #6699cc;
}

/**/
.films .film-0 {
	width: 100%;
	height: 210px;
	text-align: right;
	float: none;
}

.films .film-0 .image,
.films .film-0 .info {
	width: 590px;
}

.films .film-0 .image {
	height: 160px;
}

/**/
.films .film .image .visited,
.films .film .image .not-in-category {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url('/themes/default/images/film-visited.png') no-repeat;
}

.films .film .image .not-in-category {
	background: transparent url('/themes/default/images/film-not-in-category.png');
}

.films .film .image .visited span,
.films .film .image .not-in-category span {
	display: none;
}

.films .film-hover  {
	opacity : 1;
	-moz-opacity : 1;
	-ms-filter: "alpha(opacity=10)";
}

.film-hide {
	opacity : 0.4;
	-moz-opacity : 0.4;
	-ms-filter: "alpha(opacity=4)";
}

/*
** film
*/

.content-film-view .film {
	position: relative;
	padding: 30px 20px;
}

.content-film-view .film .embed {
	margin-bottom: 10px;
}