/*
	General
**********************************************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
}

.header,
.content,
.footer {
	margin: 0 auto;
/*	padding: 20px 0;*/
}

h1,
h2,
h3 {
	border-bottom: 1px solid #DDD;
	font-weight: normal;
	margin: 30px 0 10px;
	padding: 0 0 10px 0;
	text-align: center;
}
h1 { font-size: 30px; line-height: 32px; }
h2 { font-size: 24px; line-height: 26px; }
h3 { font-size: 18px; line-height: 20px; }

h1 a {
	display: block;
}
a,
a:hover,
a:focus {
	color: #000;
	text-decoration: none;
}
a.image,
a.image img {
	border: 0;
	display: block;
}

/*
	Header
**********************************************************************/
.header {
	border-bottom: 1px solid #DDD;
	margin: 20px auto;
	padding: 0 0 20px;
}
.header h1,
.header h1 a {
	border-bottom: 0 none transparent;
	display: block;
	height: 385px;
	margin: 0;
	padding: 0;
}
.header h1 a {
	background: url('/styles/logo.png') center center no-repeat;
	text-indent: -10000px;
}

/*
	Content
**********************************************************************/
.content {
/*	border-bottom: 1px solid #DDD;*/
	text-align: left;
}
.episode-list h1 {
	padding: 0 0 20px 0;
}
.photos ul,
.photos ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
	Footer
**********************************************************************/
.footer {}

/*
	Widths
**********************************************************************/
.header,
.content,
.content img,
.footer {
	width: 720px;
}
.video-js,
.video-js .vjs-poster {
	height: 480px !important;
	width: 720px !important;
}
@media screen and (max-device-width: 600px) {
	.header,
	.content,
	.content img,
	.footer {
		width: 580px;
	}
	.video-js,
	.video-js .vjs-poster {
		height: 387px !important;
		width: 580px !important;
	}
}
@media screen and (max-width: 480px) {
	.header,
	.content,
	.content img,
	.footer {
		width: 460px;
	}
	.video-js,
	.video-js .vjs-poster {
		height: 307px !important;
		width: 460px !important;
	}
}
@media screen and (max-device-width: 400px) {
	.header,
	.content,
	.content img,
	.footer {
		width: 380px;
	}
	.video-js,
	.video-js .vjs-poster {
		height: 253px !important;
		width: 380px !important;
	}
}
@media screen and (max-width: 320px) {
	.header,
	.content,
	.content img,
	.footer {
		width: 300px;
	}
	.video-js,
	.video-js .vjs-poster {
		height: 200px !important;
		width: 300px !important;
	}
}
@media screen and (max-device-width: 240px) {
	.header,
	.content,
	.content img,
	.footer {
		width: 220px;
	}
	.video-js,
	.video-js .vjs-poster {
		height: 147px !important;
		width: 220px !important;
	}
}
@media screen and (max-device-width: 190px) {
	.header,
	.content,
	.content img,
	.footer {
		width: 170px;
	}
	.video-js,
	.video-js .vjs-poster {
		height: 113px !important;
		width: 170px !important;
	}
}