@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 */