@charset "utf-8";
/* CSS Document */

body{background:url('gfx/back-texture.jpg') fixed;font-family:"Courier New", Courier, monospace;padding:0px;margin:0px}

.MsoNormal {
	background-color:transparent!important
}

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

a img{border:none}

ul{padding:0px}
li{padding:0px}

#page {
	width:auto;
	max-width:1100px;
	margin:0 auto
}

#content{
	width:auto;
	/*padding-bottom:20px*/
}
#content h1{font-size:15pt;margin:20px 0px;text-align:center}
#content h2{font-size:12pt;margin:0px}
#content h3{font-size:10pt;margin:0px 0px -10px;padding:0px}
#content a{font-weight:bold;text-decoration:underline}

#bodytext{
	background:url('gfx/back-texture-lightest.gif');
	padding:10px 50px;
	width:80%;
	margin:0px auto 0px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:justify
}

#bodytext2{
	background:url('gfx/back-texture-lightest.gif');
	padding:10px 50px;
	width:auto;
	margin:0px 10px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:justify
	}

#footer{
	width: 70%;
    margin: 0 auto 2em;
    padding: 1em;
    text-align: center;
    clear:both
}

iframe {
	max-width:95%;
	height:auto;
}
#banner-flag{width:auto;z-index:1;margin:0px auto;background:url('gfx/banner-flags-correct.jpg');text-align:center}
#banner-flag img, #banner-flag a{border:none;}

#banner-title{text-align:center;background:url('gfx/banner-title-597x103.jpg');width:597px;height:103px;margin:0px auto;z-index:3;display:none;border:1px solid black}
#banner-title h1{font-size:22pt;margin-bottom:5px;padding-bottom:0px}
#banner-title h2{font-size:12pt;padding:0px;margin:0px}

#banner-stills{height:auto;width:auto;background-color:#000000;text-align:left;margin:0px auto;
	border-bottom:4px solid #000000
	}
#banner-stills div{width:100%;}
#banner-stills img{
	height:auto;
	width:16.65%;
	margin:0 auto
	}

#main-holder{
	background:url('gfx/back-texture-light3.jpg');
	margin:0px auto;padding-top:5px;
}

#banner-subtitle{display:none;text-align:center;font-size:10pt;width:655px;height:31px;margin:10px auto 10px;background:url('gfx/banner-subtitle2.jpg');padding-top:10px;padding-left:10px;}
#banner-subtitle h1{font-size:10pt;font-weight:normal;padding:0px;margin:0px;}

#nav {
	clear:both;margin:10px 0px 15px 0px;width:100%;
	height:50px
}
#nav ul{list-style:none;
	padding-left:2%;
	text-align:center;
	}
#nav li{
	display:inline-block;
	background: url('gfx/back-texture-lightest.gif');
	text-align:center;
	padding:7px 0px 3px;
	margin:0 12px 0 0;
	font-size:80%;
	width:10%;
	text-transform:lowercase
	}
	
#nav li.widernav {
	width:18%
}
	
#fb {
	float: left;
	position: relative;
	top: -1px;
	left: 5%;
}

#boxes{width:285px;margin:20px 0px 0px 35px;clear:left;float:left;padding:0px;}
#boxes ul{list-style:none;padding:0px;margin:0px}
#boxes li{margin:15px 0px 0px 30px;border-right:1px solid #cccccc;display:block;width:250px;text-align:center;font-size:12pt;;padding:0px;}
#boxes li p{background:url('gfx/back-texture-lightest.gif');padding:5px 8px;margin:0px}
#boxes a{text-decoration:underline}
#boxes img{padding:0px;margin:0px}

#blog-home{
	width:auto;padding:10px 15px;background:url('gfx/back-texture-lightest.gif');font-size:100%;margin:0;
	clear:both;
	}
#blog-home img {
	max-width:92%;
	height:auto;
}
#blog-home span {
	font-size:100%!important;
	line-height:1.2em;
}
.clip {width:31%;background:#000000;float:left;margin:0 1%}
.clip p{padding:8px 15px 0px;margin:0px 0px 5px;color:#ffffff;font-size:9pt;text-align:left}
.clips{background-color:#000000;margin:0px auto 20px;width:auto;padding:10px 0px 10px}
.clips a{color:#ffffff}
	.clip img, .clip video {
		width:100%!important
	}
.vjs-default-skin .vjs-big-play-button {
	left:20%!important
}


#paul-flyers{text-align:center;width:100%;margin:30px auto}
#paul-flyers img{border:1px solid #000000;margin:0px 20px 20px 0px;
	max-width:94%
	}

#film-links p{margin-bottom:30px}

#banner-stills{height:auto;width:auto;background-color:#000000;text-align:left;margin:0px auto;
	border-bottom:8px solid #000000;
	border-top:8px solid #000000
	}
#banner-stills div{width:100%;}
#banner-stills img{
	height:auto;
	width:100%;
	margin:0 auto
	}

.clearbox{clear:both;padding:0px;margin:0px;height:0px}

.picture img {
	width:100%;
	height:auto;
}
.picture {
	max-width:100%;
	text-align:center
}

#contact-links img {
	position: relative;
    top: -.5em;
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
}
#contact-links p {
	clear:both;
	margin-bottom:20px!important;
}
#contact-table {
	width:98%;
	margin-top:1em;
}
#contact-table input, #contact-table textarea {
	width:95%;
	padding:10px;
	margin-bottom:1em;
}
#submit {
	width:98%!important;
}



@media screen and (max-width:1280px) {
	#nav li {
		margin: 0 7px 0 0
	}
}

@media screen and (max-width:721px) {

	#main-holder {
		background:transparent
	}
	#banner-flag {
		text-align:left;
		height:75px;
		position:relative;
		background:none
	}
	#banner-flag img {
		position:absolute;
		top:0;
		left:20px;
		width:200px
	}
	#banner-subtitle {
		width:auto;
		max-width:530px;
		height:auto;
		margin:0 auto 10px;
		padding:10px 10px 10px;
		text-align:center;
		background:url('gfx/back-texture-lightest.gif')
	}
	#banner-subtitle h1 {
		font-size:9pt
	}
	#bodytext {
		margin:0;
		padding:15px;
		border:none;
		width:auto
	}
	#bodytext2 {
		margin:0;
		padding:15px;
		border:none
	}
	#bodytext p, #bodytext2 p, #blog-home span{
		text-align:left!important
	}
	#blog-home div {
		text-align:inherit;
	}
	#blog-home span {
		text-align:inherit;
		font-size:100%!important;
	}
	
	.clips {
			background-color:transparent;
			margin:0;
			padding:0;
			height:auto
	}
	.clip {
		width:auto;
		float:none;
		margin:0 0 20px;
		height:auto
	}
	.clip p {
		padding:8px 15px 15px 15px
	}
	.clip img, .clip video {
		width:100%!important
	}

	.mean-container .mean-nav {
		margin-top:72px!important
	}
	.mean-container a.meanmenu-reveal span {
		background-color:#000000!important;
		height:5px!important
	}
	.mean-container a.meanmenu-reveal {
		top:10px!important
	}
	.mean-container .mean-nav ul li a:hover {
		background:#000000!important
	}
	.mean-container .mean-nav ul li a {
		border-top:1px solid #000000!important;
		text-transform:lowercase!important
	}
	#fb {
		left:auto;
		margin-right:10px
	}
	nav hr {
		display:none
	}
}

@media screen and (max-width:321px) {
	.film-content img, .film-content iframe {
		max-width:280px;
		height:auto
	}
	
}