/*Video page style*/

@font-face {
	font-family: 'linkinpark';
	src: url('../fonts/caviar.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	font: normal 85%/135% linkinpark, Arial, san-serif;
	color: #999;
	background-color: #333;
}

h1 { font: normal 1.5em/150%; margin: 10px 0; }


a { color: #09c; }
a:link{text-decoration:none;}
a:visited{text-decoration: none;}
a:hover{text-decoration: underline;}
a:active{text-decoration: underline;}

img {border: none;}

p { margin: 5px 0; }

strong {font-weight: bold; color: #fff;}

header, section, video, figure, figcaption, footer {display: block;}

div#container {
	margin: 45px auto;
	width: 760px;
	border: solid 1px #555;
	
	background: #323232;
	background: -moz-linear-gradient(100% 100% 90deg, #000000, #323232);
	background: -webkit-gradient(linear, 0% 0% 0% 100%, from(#000000), to(#323232));
	background: -webkit-linear-gradient(#000000, #323232);
	background: -o-linear-gradient(#000000, #323232);
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

div#container header, div#container video, div#container footer, div#container section h1, div#container p {margin: 15px 60px;}

div#container header {margin-top: 45px;}

div#container section h1 {font-weight: normal; font-size: 2em; color: #fff; }

div#container footer {
	text-align: center;
	font-size: .9em;
	margin-bottom: 45px;
	clear: left;
}

div#container div#interest {margin-left: 60px;}

div#container div#interest p{margin-left: 0;}

figure {
	float: left;
	margin: 5px 10px 30px 0;
}
figure .last {margin-left: 0;}

figure figcaption { font: .90em; margin-top: -55px; margin-left: 25px; position: absolute; z-index: 1;
}
.shortfigcaption {margin-left: 70px;}
.poster { 
	width: 175px; 
	height: 100px; 
	position: relative; 
	z-index: 2;
	-webkit-box-shadow: 3px 3px 5px #000000;
	-moz-box-shadow: 3px 3px 5px #000000;
	box-shadow: 3px 3px 5px #000000;

	}

.additional { 
				border-radius: 75px 75px 75px 75px; 
				opacity: 1.0;
				-webkit-transition-property: opacity;
				-webkit-transition-duration:.3s;
				-webkit-transition-timing-function:linear;
				-webkit-transition-delay:0s;
						/* Firefox */
				-moz-transition-property: opacity;
				-moz-transition-duration:.3s;
				-moz-transition-timing-function:linear;
				-moz-transition-delay:0s;
						/* Opera */
				-o-transition-property: opacity;
				-o-transition-duration:.3s;
				-o-transition-timing-function:linear;
				-o-transition-delay:0s;
			}
				
.additional:hover { 				
				opacity: .2;
				-webkit-transition-property: opacity;
				-webkit-transition-duration:.3s;
				-webkit-transition-timing-function:linear;
				-webkit-transition-delay:0s;
						/* Firefox */
				-moz-transition-property: opacity;
				-moz-transition-duration:.3s;
				-moz-transition-timing-function:linear;
				-moz-transition-delay:0s;
						/* Opera */
				-o-transition-property: opacity;
				-o-transition-duration:.3s;
				-o-transition-timing-function:linear;
				-o-transition-delay:0s;
			}