@charset "utf-8";
/* Main CSS Document for www.franticfilms.com
 * Author:	Maxim Chiriac moldova@mts.net
 * Description:	Content Styles
 */

/*	COLORS
	Orange:		#xxxxxx (H1)

 */

.bc	{ color: #c60;}
.tv	{ color: #900;}
.cp	{ color: #06103D;}

.green		{ color: #4A9103;}
.blue_light	{ color: #0099CC;}
.pink		{ color: #FF0033;}

/* Typography */
h1 {
/*	font-size: 6.6em;
	line-height: 1em;
	font-weight: normal;
	
	text-transform: uppercase;
	margin: 0 0 0.4em 0;
	padding-bottom: 0.1em;
	border-bottom: 1px solid #666;
*/
}
h2 {
	font-size:1.6em;
	line-height:1.2em;
	color:#333;
	margin: 0 0 0.2em 0;
	text-transform: uppercase;
}
 h3 {
	font-size:1.6em;
	line-height:1.2em;
	color: #333;
	margin-bottom: 0.75em;
}
#col1 h1 {
  font-size: 2.6em;
  line-height: 1.1em;
  text-transform: none;
  font-weight: bold;
}
#col1 h2 {
	border-top: 1px solid #666;
	padding-top: 20px;
	font-size:1.6em;
	line-height:1.2em;
}

#col2 h1 {
	height: 0;
	text-indent: -99999px;
}
#col2 h2 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 6em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px solid #666;
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	color: #999;
	overflow: hidden;
}
	#col2 h2 span,
	#col2 h2 a {
		display: block;
		float: left;
		width: 50%;
	}
	#col2 h2 a.tv {
		color: #900;
	}
	#col2 h2 a.bc {
		color: #c60;
	}
	#col2 h2 a:hover {
		color: inherit;
	}

p, ul, ol, pre {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 1.5em;
	line-height: 1.4em;
	color: #333;
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
}
p.intro {
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.3em;
}
/*
p.intro.float_left {
	width: 180px;
	margin-right: 40px;
}
*/
p.back {
	clear: both;
	float: none;
	text-align: right;
	margin: 10px;
}

#col1 p {
	color: #666;
	font-size: 1.4em;
	line-height: 1.3em;
}
ul {
	list-style-position: outside;
	list-style: disc;
	padding-left: 1.25em;
	
}
ul.inline {
	padding: 0 0 5px 0;
	width: 100%;
	border-bottom: 1px solid #666;
}
ul.inline li {
	display: inline;
	text-transform: uppercase;
	padding: 0 10px;
	margin: 0;
	color: #666;
	border-left: 2px solid #666;
	line-height: 1em;
}
ul.inline li:first-child {
/* 	list-style: none; */
	padding-left: 0;
	border: none;
}

a:link, a:visited {
	text-decoration: none;
	color:#900;
}
a:hover, a:active {
	color:#666;
/*	text-decoration: underline;*/
}
.frac {
	white-space: nowrap; /* eliminates fraction line breaking problem*/
}
div#clips_left,
div#clips_right {
	position: relative;
	width: 49%;
	overflow: hidden;
	float: left;
}
	div.float_left div#clips_left {
		width: 100%;
	}

ul.clips {
	font-size: 1em;
	list-style: none;
	margin: 0 0px 0 0;
	padding: 0;
	width: 200px;
	height: 250px;
	overflow: hidden;
	float: left;
}

ul.clips li {
/*	position: absolute;*/
/*	width: 201px;*/
/*	height: 250px;*/
}

ul.clips li a span {
	display: block;
	font: bold 1.3em/1.15em Helvetica, Arial, Verdana, sans-serif;
	color: #333;
	padding: 5px 5px;
}
ul.clips li a:hover span {
	color: #900;
}



/* !CONTENT ****************************** */
div#blurb {
	margin: 0 0 5px 0;
	padding: 0;
	border-bottom: 1px solid #999;
}
div#blurb p {
	font: normal 1.6em/1.3em Arial, Helvetica, Verdana, sans-serif;
	color: #333;
}

/* Sort */
div#sort {
	margin: 0 0 20px 0;
	min-height: 80px;
}
	div#sort p {
		font-weight: bold;
		text-indent: 40px;
		width: 120px;
		float: left;
	}
	div#sort ul {
		list-style: none;
		float: left;
		margin: 0;
		padding: 0;
	}
	div#sort ul li {
		position: relative;
	}
		div#sort ul ul {
			font-size: 1em;
			line-height: 1.3em;
			position: absolute;
			top: -20px;
			left: 200%;
		}
		.branded-content div#sort ul ul {
			top: 0;
		}
		.branded-content div#sort ul ul li {
			white-space: nowrap;
		}


.content {
	width: 74%;
	float: left;
	margin: 0;
	padding: 0;
}
	content h3 {
		text-transform: uppercase;
		padding-top: 5px;
		margin-bottom: 0;
	}
	
	.side-images {
		width: 210px;
		float: left;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.side-images li {
		width: 200px;
		height: 200px;
		margin: 0 0 5px 10px;	
		float: left;
	}
	
	
	
/* !PRODUCTIONS ****************************** */
#products {
	
}
.product {
	position: relative;
	width: 410px;
	height: 260px;
	margin: 0 20px 20px 0;
	background: #fff;
	overflow: hidden;
	float: left;
	z-index: 1;
}
	.product .titles {
		border: 1px solid #000;
		border-left: none;
		border-right: none;
		width: 100%;
		margin-bottom: 5px;
	}
	.product .titles h3 {
/* 		width: 48%; */
		width: 100%;
		float: left;
		font: bold 1.8em/1.1em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		text-transform: none;
		margin: 3px 0;
	}
		.product .titles h3 a {
			width: 48%;
			color: inherit;
			text-decoration: none;
		}
		.product .titles h3 a:hover {
			color: #900;
		}
	.product .titles h3 span {
		width: 48%;
		float: right;
		font: 1em/1.1em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		text-transform: none;
/* 		margin-top: 5px; */
	}
	.product .titles h4 a {
		width: 48%;
		color: inherit;
		color: #900;
		text-decoration: none;
	}
	.product img {
		width: 48%;
		float: left;	
	}
	.product p.summary {
		width: 48%;
		height: 170px;
		float: right;
		overflow: hidden;
		color: #666;
		font: 1.4em/1.1em Arial, Helvetica, Verdana, sans-serif;
	}
		.product p.summary span {
			display: block;
			font-weight: bold;
		}
		.product p.summary span.date {
			margin: 0 0 0.5em 0;
		}
	.product a.more {
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 5;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
	}


.product-display {
	overflow: hidden;
}
	.product-display h3 {
		width: 90%;
		font: bold 3.6em/1.1em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		text-transform: none;
		margin: 10px 0 10px 0;
	}
	
	.product-display .product-left{
		float: left;
		width: 310px;
		margin-right: 10px;
	}
	.product-display .product-right {
		float: left;
		width: 480px;
	}
	.product-display p.attr {
		margin: 10px 0;
		overflow: hidden;
	}
		.product-display p.attr a,
		.product-display p.attr span {
			display: block;
			width: 48%;
			padding-right: 2%;
			float: left;	
		}
		.product-display p.attr a.video {
			padding-left:7%;
			width: 43%;
			background: url(/images/icon-video.png) left top no-repeat;
		}
	.product-display h4 {
		font: bold 1.4em/1.1em Arial, Helvetica, Verdana, sans-serif;
		text-transform: uppercase;
		color: #333;
	}
		.product-display h4.awards {
			float: left;
			width:15%;
		}
		.product-display ul.awards-list {
			float: left;
			width: 85%;
			list-style: none;
			padding: 0;
			margin: 0 0 10px 0;
			font-size: 1em;
		}
		.product-display ul.awards-list li {
			font-size: 1.4em;
			line-height: 1.3em;
		}

.product-gallery {
	clear: both;
	position: relative;
	margin: 10px 0;
}
	.product-gallery h4{
		width: 114px;
		padding: 5px 0;
		margin: 10px 0 5px 0;
		line-height: 1em;
		border: 1px solid #666;
		border-left: none;
		border-right: none;
	}
	.product-gallery p {
		width: 114px;
		float: left;
		line-height: 1.1em;
	}
	.product-gallery ul.gallery-list {
		list-style: none;
		overflow: hidden;
		padding: 0;
/* 		margin: -32px 0 0 0; */
		margin: 0;
		float: right;
		width: 816px;
		width: 620px;
	}
	.product-gallery ul li {
		position: relative;
		z-index: 10;
		float: left;
		margin: 0 0 0px 4px;
	}
	.product-gallery ul li a {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		border: none;
	}
	.product-gallery ul li span {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: 11;
		background: url(../images/trans_10x10.png) 0 0 repeat;
	}

#video-block {
	background: olive;
	margin: 0 auto;
}
.hide {
	display: none;
}

/* !DISTRIBUTIONS ****************************** */
#distributions {
	list-style: none;
	float: left;
	width: 500px;
	font-size: 1em;
}
.distribution {
	width: 100%;
/*	background: silver;*/
	border-top: 1px dotted #666;
	padding: 5px 0;
	display: block;
	font-size: 1.4em;
}
	.distribution span {
		display: block;
		float: left;
	}
	
	.distribution .title {
		width: 50%;
		font-weight: bold;
	}
	.distribution .distribution_info {
		width: 20%;
		border-right: 1px solid #666;
		padding: 0 3%;
	}
		.distribution .program_info {
		width: 20%;
		padding: 0 0 0 3%;
	}

/* !NEWS ****************************** */
#news {
	
}
#news ul#news-index {
	list-style: none;
	font-size: 1em;
	margin: 0 5% 0 0;
	padding: 0;
	width: 45%;
	float: left;
}
	#news ul#news-index li {
		width: 100%;
		border-bottom: 1px dotted #CBC3BA;
		padding: 5px 0;
	}
	#news ul#news-index li a {
		font: bold 1.4em/1.15em Arial, Helvetica, Verdana, sans-serif;
		/*color: #333;*/
		text-transform: uppercase;
	}
	#news ul#news-index li a:hover {
		color: #900;
	}
	#news ul#news-index li p.date {
		font: bold 1.3em/1.2em Arial, Helvetica, Verdana, sans-serif;
		color: #666;
		margin-bottom: 5px;
	}
	#news ul#news-index li p.summary {
		font: normal 1.4em/1.15em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		text-transform: none;
		margin-bottom: 5px;
	}

#news #news-display {
	float: right;
	width: 45%;
	margin-right: 5%;
	color: #333;
	text-transform: none;
}
	#news #news-display .news-article {
		display: none;
	}
	
	#news #news-display h3 {
		font: bold 2.4em/1em Arial, Helvetica, Verdana, sans-serif;
		margin-bottom: 0.5em;
		color: #06103D;
	}
	#news #news-display p.date {
		font: bold 1.8em/1.1em Arial, Helvetica, Verdana, sans-serif;
		color: #666;
	}
	#news #news-display div.description{
		
	}



/* !CASTINGS ****************************** */
#castings {
	
}
#castings ul#castings-index {
	list-style: none;
	font-size: 1em;
	margin: 0 5% 0 0;
	padding: 0;
	width: 45%;
	float: left;
}
	#castings ul#castings-index li {
		width: 100%;
		border-bottom: 1px dotted #CBC3BA;
		padding: 5px 0;
	}
	#castings ul#castings-index li a {
		font: bold 1.4em/1.15em Arial, Helvetica, Verdana, sans-serif;
		/*color: #333;*/
		text-transform: uppercase;
	}
	#castings ul#castings-index li a:hover {
		color: #900;
	}
	#castings ul#castings-index li p.date {
		font: bold 1.3em/1.2em Arial, Helvetica, Verdana, sans-serif;
		color: #666;
		margin-bottom: 5px;
	}
	#castings ul#castings-index li p.summary {
		font: normal 1.4em/1.15em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		text-transform: none;
		margin-bottom: 5px;
	}

#castings #castings-display {
	float: right;
	width: 45%;
	margin-right: 5%;
	color: #333;
	text-transform: none;
}
	#castings #castings-display .castings-article {
		display: none;
	}
	
	#castings #castings-display h3 {
		font: bold 2.4em/1em Arial, Helvetica, Verdana, sans-serif;
		margin-bottom: 0.5em;
		color: #06103D;
	}
	#castings #castings-display p.date {
		font: bold 1.8em/1.1em Arial, Helvetica, Verdana, sans-serif;
		color: #666;
	}
	#castings #castings-display div.description{
		
	}



/* !BIOS ****************************** */
#bios {
	
}
#bios ul#bios-index {
	list-style: none;
	font-size: 1em;
	margin: 0 5% 0 0;
	padding: 0;
	width: 406px;
	float: left;
}
	#bios ul#bios-index li {
		width: 200px;
		height: 270px;
		margin: 0 2px 10px 0;
		border-left: 1px solid #666;
		padding: 0px 0;
		float: left;
		font-size: 1em;
	}
	#bios ul#bios-index li a {
		font-size: 1em;
	}
	#bios ul#bios-index li:hover {
		color: #900;
	}
	#bios ul#bios-index li span {
		display: block;
		padding: 0 10px;
	}
	#bios ul#bios-index li span.name {
		font: bold 1.3em/1.2em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
	}
	#bios ul#bios-index li span.title {
		font: normal 1.3em/1.2em Arial, Helvetica, Verdana, sans-serif;
		color: #666;
	}
	#bios ul#bios-index li p.summary {
		font: normal 1.4em/1.15em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
		margin-bottom: 5px;
	}

#bios #bios-display {
	float: right;
	width: 44%;
	margin-right: 5%;
}
#bios #bios-display {
	color: #333;
	text-transform: none;
}
	#bios #bios-display .bios-bio {
		display: none;
	}
	
	#bios #bios-display h3 {
		font: bold 2.4em/1em Arial, Helvetica, Verdana, sans-serif;
		color: #06103D ;
	}
	#bios #bios-display p.title {
		font: normal 1.8em/1.2em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
	}
	#bios #bios-display div.bio {
		/*font: normal 1.4em/1em Arial, Helvetica, Verdana, sans-serif;*/
		font-size:1em;
		color: #333;
	}



/* !AWARDS ****************************** */
#awards {
	width: 50%;
	float: left;
	margin: 0;
	padding: 0;
}
#awards ul#awards-index {
	list-style: none;
	margin: 0;
	padding: 0;
	display: block;
}
	#awards ul#awards-index li {
/* 		display: inline; */
		float: left;
		padding: 0 6px 0 0;
		font-weight: bold;
	}
	#awards ul#awards-index li a:hover {
		color: #666;
	}
#awards h3.year {
	font-size: 4em;
	font-weight: bold;
/* 	color: #059; */
	color: #06103D;
	margin: 0.75em 0 0px 0;
	padding: 0 0 5px 10px;
	clear: both;
	border-bottom: 1px solid #666;
}
#awards h3.year:first-child {
	margin-top: 0;
}
#awards .award {
	font-size: 1em;
	padding: 10px 0 0 0;
	margin: 0;
	border-bottom: 1px dotted #666;
	overflow: hidden;
}
	#awards .award h4,
	#awards .award p {
		width: 60%;
		float: left;
		padding: 0 0 0 10px;
	}
	#awards .award h4 {
		font: bold 1.4em/1.2em Arial, Helvetica, Verdana, sans-serif;
		color: #333;
	}
	#awards .award p {
		font: normal 1.3em/1.2em Arial, Helvetica, Verdana, sans-serif;
		color: #666;
	}
	#awards .award a {
		display: block;
		float: right;
		font: normal 1.3em/1.2em Arial, Helvetica, Verdana, sans-serif;
		width: 30%;
	}
	#awards .award a:hover {
		color: #666;
	}
/*
	#awards .award a.tv {
		color: #900;
	}
	#awards .award a.cp {
		color: #c60;
	}
*/

#awards-images {
	width: 410px;
	float: left;
	margin: 0;
	padding: 0;
/*	overflow: hidden;*/
	list-style: none;
}
#awards-images li {
	width: 200px;
	height: 200px;
	margin: 0 0 5px 5px;	
	float: left;
}



/* !ABOUT ********** */
#about {
	width: 74%;
	float: left;
	margin: 0;
	padding: 0;
}
#about h3 {
	text-transform: uppercase;
	padding-top: 5px;
	margin-bottom: 0;
}

#about-images {
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#about-images li {
	width: 200px;
	height: 200px;
	margin: 0 0 5px 10px;	
	float: left;
}


/* !TIMELINE ********** */
#timeline h3 {
	font-size: 4em;
	font-weight: bold;
	color: #06103D;
	margin: 0.5em 0 0 0;
}
	

/* !PAGIANTION ********** */
.pagination {
	clear: both;
	text-align: right;
	margin: 10px;
}
.pagination a,
.pagination strong {
	display: inline;
	padding: 2px;
	font-weight: bold;
}

/* FOOTER */
#home-news {
	clear: both;
	float: none;
	overflow: hidden;
	padding: 15px 0 0 0;
	margin: 0 0 0 0;
	background: url(/images/grad-hor-orange-10.png) left top no-repeat;
}

#home-news h2 {
	width: auto;
	border: none;
	font-size: 3em;
	font-weight: bold;
	color: #900;
	padding: 5px 0;
	margin: 0 0 5px 0;
}
#home-news h3 {
	color: #333;
	font: bold 1.4em/1.15em Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}
#home-news .left,
#home-news .right {
	border-top: 1px solid #666;
	padding: 10px 0;
	float: left;
}
#home-news .left {
	width: 22.5%;
	margin: 0 1% 0 0;
}
#home-news .right {
	width: 76.5%;
}
	#home-news p.summary {
		float: left;
		width: 75%;
		font-size: 1.4em;
		line-height: 1.2em;
	}
	#home-news p.more {
		float: left;
		width: 20%;
		padding: 0 0 0 5%;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: bold;
		font-size: 1.4em;
	}
#home-news p,
#home-news a.file {
	float: left;
	color: #333;
	font-size: 1.2em;
	line-height: 1.1em;
}
#home-news p span {
	display: block;
	font-size: 0.8em;
}
#home-news a.file {
	display: block;
	width: auto;
	padding: 35px 0 0 60px;
	margin-top: 1em;
	min-height: 35px;
	text-decoration: none;
}
	#home-news a.file:hover {
		text-decoration: underline;
	}
	#home-news a.file.pdf {
		background: url(/images/icon-pdf.png) left top no-repeat;
	}
	

#footer p {
	font-size: 1.2em;
	line-height: normal;
	padding: 0;
	margin: 0 0 7px 0;
	color: #666;
	text-align: center;
	clear: both;
}