@charset "UTF-8";

/* HTML Reset Begin */

html, body, ul, li, h1, h2, h3 {
	margin: 0;
	padding: 0;
}

a { 
	outline: none;
}

img {
	border: none;
}

/* HTML Reset End */

/* Site Structure Elements Begin */

html {
	background: url("../images/bkg.jpg") repeat-x #000000;
	color: #9fa1a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: .02em;
	line-height: 1.3em;
}

body {
	background: #000000;
	margin: 0 auto;
}

#container {
	width: 853px;
	margin: 20px auto;
}

	#video {
		margin: 0 0 -5px;
	}

	#sound {
		width: 300px;
		float: right;
		text-align: right;
		margin: 0;
	}

	#nav {
		font-size: 10px;
		float: right;
		padding-bottom: 10px;
		text-align: right;
	}
		
	#nav a {
		color: #dcdcdc;
		font-weight: bold;
		font-size: 13px;
		margin-right: 15px;
		text-decoration: none;	
	}
	
	#nav a:hover {
		color: #cecf83;
	}

	a.facebook {
		float: right;
		width: 20px;
		height: 20px;
		background: url("../images/facebook.jpg") no-repeat right top;
	}

	a.facebook:hover {
		background: url("../images/facebook_over.jpg") no-repeat right top;
	}
	
	a.facebook span { display: none;}

	a.podcast {
		float: right;
		width: 20px;
		height: 20px;
		background: url("../images/podcast.jpg") no-repeat right top;
	}

	a.podcast:hover {
		background: url("../images/podcast_over.jpg") no-repeat right top;
	}
	
	a.podcast span { display: none;}

.content {
	width: 610px;
	background: url("../images/grunge_border.jpg") repeat-y left top;
	margin: 50px auto;
	padding-left: 15px;
	line-height: 1.3em;
}

	.content a {
		color: #cecf83;
		text-decoration: none;
	}
	
	.content a:hover {
		text-decoration: underline;
	}

.episode_content {
	width: 600px;
	background: url("../images/grunge_border.jpg") repeat-y left top;
	margin: 50px auto;
	padding-left: 15px;
	float: right;
	line-height: 2em;
}

	.episode_nav {
		list-style: none;
		height: 400px;
	}

	.episode_nav li {
		margin: 20px 0;
	}
	
	.episode_nav .active {
		color: #cecf83;
	}
	
	p.border {
		background: url("../images/top_border.jpg") repeat-x left top;
		width: 400px;
		padding: 6px 0 0;
		margin: 8px 0 0;
	}
	
	.thumb {
		float: right;
		padding: 30px 0 30px 20px;
		text-align: right;
	}		
	
	.credits {
		font-size: 10px;
		line-height: 12px;
		width: 350px;
	}
	
	.disclaimer {
		color: #DBDCA5;
		font-size: 10px;
		line-height: 12px;
		width: 350px;
	}
	
	.fb_button {
		width: 61px; 
		height: 18px;
	}
	
#collection {
	font-size: 13px;
	float: right;
	padding: 50px 20px 0 0;
	/*padding: 100px 20px 0 0;*/
	line-height: 24px;
}

	#collection a {
		color: #9fa1a2;
		font-weight: bold;
		text-decoration: none;
	}
	
	#collection a:hover {
		color: #cecf83;
	}
	
	span.yellow {
		font-size: 18px;
		color: #cecf83;
	}
	
	.static {
		width: 140px;
		padding: 20px 0 0 0;
		/*padding: 130px 0 0 120px;*/
	}
	
#footer {
	float: left;
	font-size: 12px;
	margin: 50px 0 0;
	text-align: center;
	width: 853px;
}

	#footer a {
		margin: 0 10px;
	}
	
/* Site Structure Elements End */

/* Standard HTML Elements Begin */

h1 {
	color: #9fa1a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: .07em;
}

h2 {
	color: #9fa1a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: .07em;
	padding: 60px 0 0;
}

a {
	color: #eee;
	text-decoration: none;
}

a:hover {
	color: #cecf83;
	text-decoration: none;
}

/* Standard HTML Elements End */

/* Navigation CSS is in a seperate style sheet: navigation.css */

/* Element Specific Definitions Begin */

	/* Item */
	
	
	/* Clear Fix */
	.clear_fix {
		clear: both;
	}

/* Element Specific Definitions End */

/* Form Validation Styles */
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#004A00;
}
	
.LV_invalid {
    color:#cecf83;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #004A00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #cecf83;
}
/* End Form Validation Styles */.poster {
	text-align: center;
}
#pk_container {
	;
	text-align: center;
}
.pk_btn {
	text-shadow: 1px 1px 1px #000;
	background: #909090;
	/* Mozilla: */
    background: -moz-linear-gradient(top, #909090, #3d3d3d);
	/* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#909090), to(#3d3d3d));


    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#909090', EndColorStr='#3d3d3d', GradientType=0);
	border: 1px solid #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 2px 2px 2px #000;
	-moz-box-shadow: 2px 2px 2px #000;
	-webkit-box-shadow: 2px 2px 2px #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	cursor: pointer;
	text-align: center;
	margin-right: 20px;
}

.pk_btn:hover {
	background: #a2a2a2;
	/* Mozilla: */
    background: -moz-linear-gradient(top, #a2a2a2, #5a5a5a);
	/* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#a2a2a2), to(#5a5a5a));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#a2a2a2', EndColorStr='#5a5a5a', GradientType=0);
	border: 1px solid #FFF;
	color: #FFF;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 0px 0px 20px #FFF;
	-moz-box-shadow: 0px 0px 20px #FFF;
	-webkit-box-shadow: 0px 0px 20px #FFF;
}

.pk_btn:active {
	background: #3d3d3d;
	/* Mozilla: */
    background: -moz-linear-gradient(top, #3d3d3d, #9a9a9a);
	/* Chrome, Safari:*/
    background: -webkit-gradient(linear,
                left top, left bottom, from(#3d3d3d), to(#9a9a9a));
    /* MSIE */
    filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#3d3d3d', EndColorStr='#9a9a9a', GradientType=0);
	border: 1px solid #000;
	box-shadow: 0px 0px 10px #31383f;
	-moz-box-shadow: 0px 0px 10px #31383f;
	-webkit-box-shadow: 0px 0px 10px #31383f;
	color: #000;
	text-shadow: 1px 1px 1px #FFF;
}
#tst_plybx {
	float: right;
	margin-top: -275px;
	margin-right: 20px;
	margin-left: 75px;
}
.tst_header_pad {
	padding-bottom: 10px;
	padding-top: 5px;
	float: left;
}

#synopsis {
	width: 480px;
	float: left;
	position: relative;
	padding-top: 20px;
}

/* FESTIVAL BADGES START */
#festivals {
	width: 400px;
	position: relative;
	float: right;
	left: 150px;
	margin-top: -285px;
}

#fantasia {
	background-image: url(../images/suicide-assets/laurels/fantasia-2011-winner-best-international-short-film.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 108px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}

#milan {
	background-image: url(../images/suicide-assets/laurels/milan-international-film-festival-nomination.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 123px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}

#cape-fear {
	background-image: url(../images/suicide-assets/cape-fear-best-horror-film-2011-winner.jpg);
	background-image: url(../images/suicide-assets/laurels/cape-fear-film-festival-winner-best-horror-film.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 108px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}

#toronto {
	background-image: url(../images/suicide-assets/laurels/toronto-independent-film-festival-official-selection.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 123px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}

#rumschpringe {
	background-image: url(../images/suicide-assets/laurels/rumschpringe-short-film-festival-official-selection.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}

#telluride {
	background-image: url(../images/suicide-assets/laurels/telluride-horror-show-official-selection.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}
#spooky-movie {
	background-image: url(../images/suicide-assets/laurels/spooky-movie-international-film-festival-official-selection.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}
#shockerfest {
	background-image: url(../images/suicide-assets/laurels/shockerfest-international-film-festival-official-selection.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 200px;
	text-indent: -10000px;
	position: relative;
	float: left;
}
/* FESTIVAL BADGES END */

/* OLD sf-back styling */
.sf-back {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	float: right;
	margin-right: 25px;
	background-color: #333;
	color: #CCC;
}
.sf-back:hover {
	color: #FFF;
	background-color: #666;
}
/* OLD sf-back styling */

.navmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	display: block;
	padding-top: 5px;
	padding-bottom: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #333;
	box-shadow:  3px 3px 20px #000;
	-moz-box-shadow:  3px 3px 20px #000;
	-webkit-box-shadow:  3px 3px 20px #000;
	color: #CCC;
	list-style-type: none;
	width: 200px;
	float: right;
	position: fixed;
	right: 250px;
}
.navmenu:hover {
	color: #FFF;
	background-color: #666;
}

.navmenu li {
	list-style-type: none;
}

.navmenu li a {
	max-width: 200px;
	min-height: 25px;
	padding: 10px 0 5px 15px;
	display: block;
}

.navmenu li a:hover {
	background-color: #333;
	box-shadow: inset 1px 1px 5px #000;
	-moz-box-shadow: inset 1px 1px 5px #000;
	-webkit-box-shadow: inset 1px 1px 5px #000;
	text-shadow: 1px 1px 2px #000;
}

.nav-sep {
	height: 2px;
	display: block;	
	background-color: #333;
}

.left-float {
	float: left;
}


#playerdiv-test {
	height: 315px;
}