/* @override http://maniacalragepodcast.com/stylesheets/b_screen.css */

@import url("reset.css");

/*
	Maniacal Rage Podcast
	Copyright (C) 2007 Garrett Murray
	maniacalragepodcast.com
*/

/* @group layout */

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(/images/bg_main.png) repeat 0 0;
	color: #383838;
	font: 14px/20px Helvetica, Arial, Verdana, Sans-serif;
	line-height: 20px;
	text-shadow: rgba(255,255,255,0.01) 0 0 1px;
}

.ad {
	width: 468px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: -10px;
}

#airlock {
	height: 100%;
	width: 100%;
	margin-bottom: -5px;
	/*background: url(/images/bg_white.png) repeat-y center top;*/
}

.row {
	margin: 0px auto;
	width: 900px;
	clear: both;
}

.board_left, .board_right {
	width: 100px;
}

.board_left, .box, .board_right {
	float: left;
}

.box {
	width: 700px;
	margin: 0px auto;
	background: url(/images/bg_white.png) repeat-y center top;
}

.wrapper {
	padding: 20px 30px;
}

.thin_wrapper {
	padding: 20px 20px;
	float: left;
}

p {
	line-height: 20px;

}

br {
	clear: both;
}

/* @end */

/* @group header */

#header {
	height: 74px;
	background: #70ade1 url(/images/bg_header.png) repeat-x 0 bottom;
	text-align: center;
}

#header h1 {
	height: 74px;
	text-indent: -10000px;
	background: url(/images/logo.png) no-repeat center 12px;
}

#header h1 a {
	display: block;
	height: 100%;
	width: 100%;
}

/* @end */

/* @group newest episode */

.hide_ep #newest_episode {
	display: none;	
}

.hide_ep #note_newest_episode {
	visibility: hidden;
}

#newest_episode {
	background: #6496d2 url(/images/bg_episode.png) repeat-x left top;
	float: left;
}

#ep_wrapper {
	background: url(/images/bg_heads_light.png) no-repeat 520px bottom;
	float: left;
	padding-top: 16px;
	text-shadow: #6496d2 0px 0px 0px;
}

#ep_left, #ep_right, .ep_info {
	float: left;
	width: 524px;
}

#ep_right {
	padding-left: 6px;
	width: 130px;
}

#ep_left h3, #ep_left #player, #ep_left h4,
#ep_left h4, #ep_left h5, .ep_info span {
	float: left;
}

#ep_left h3, #ep_left h5 {
	width: 101px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-align: right;
}

#ep_left h4 {
	color: #8ec7ef;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}

#ep_left h5, .ep_info {
	color: #b8d7f3;
}

#ep_left #player {
	padding: 5px 5px 0px 5px;
	margin-left: 10px;
	background-color: #537eb6;
	margin-top: -5px;
	-webkit-border-radius: 4px;
}

#ep_left.video #player {
	width: 400px;
}

.ep_info {
	clear: both;
	margin-top: 10px;
	float: left;
}

.ep_info span {
	display: block;
	width: 403px;
	margin-left: 10px;
	font-size: 12px;
	padding-top: 3px;
	line-height: 16px;
}

#ep_right ul {
	list-style: none;
	margin: -4px 0 0 0;
	padding: 0;
	font-size: 11px;
}

#ep_right ul li a {
	padding: 0 0 0 22px;
	display: block;
}

li a#icon_download {
	background: url(/images/icon_download.png) no-repeat;	
	margin-bottom: 4px;
}
li a#icon_discuss {
	background: url(/images/icon_discuss.png) no-repeat;
	margin-bottom: 4px;
}
li a#icon_permalink {
	background: url(/images/icon_permalink.png) no-repeat;
	margin-bottom: 4px;
}
li a#icon_subscribe {
	background: url(/images/icon_subscribe.png) no-repeat;
}

/* @end */

/* @group nav */

#nav {
	clear: both;
	height: 39px;
	background: #dbd7d6 url(/images/bg_nav.png) repeat-x 0 0;
	position: relative;
}

#nav ul {
	list-style: none;
	margin: 0px auto;
	padding: 0;
	/*width: 587px;*/
	width: 428px;
}

#nav ul li {
	float: left;
	padding: 0 22px;
}

#nav ul li a {
	height: 39px;
	display: block;
	float: left;
}

#nav_archives, #nav_forums, #nav_weblog, #nav_about, #nav_contact {
	text-indent: -10000px;
}

.sep {
	width: 1px;
	height: 38px;
	display: block;
	float: left;
	background: url(/images/sep.png) no-repeat center center;
	margin: 1px -23px -1px 23px;
}

#nav_archives a {
	width: 61px;
}
#nav_archives {
	width: 62px;
	background: url(/images/nav/nav_archives.png) no-repeat center center;
}

#nav_forums a {
	width: 136px;
}
#nav_forums {
	width: 137px;
	background: url(/images/nav/nav_forums.png) no-repeat center center;
}

#nav_weblog a {
	width: 55px;
}
#nav_weblog {
	width: 56px;
	background: url(/images/nav/nav_weblog.png) no-repeat center 13px;
}

#nav_about a {
	width: 43px;
}
#nav_about {
	width: 44px;
	background: url(/images/nav/nav_about.png) no-repeat center center;
}

#nav_contact a {
	width: 55px;
}
#nav_contact {
	width: 56px;
	background: url(/images/nav/nav_contact.png) no-repeat center 14px;
}

#nav_indicator {
	clear: both;
	height: 12px;
	background: #fff url(/images/bg_indicator.png) repeat-x 0 0;
}

#indicator {
	background: url(/images/indicator.png) no-repeat -100px 0;
}

/*.archives #indicator {
	background-position: 98px 0;
}
.forums #indicator {
	background-position: 247px 0;
}
.weblog #indicator {
	background-position: 382px 0;
}
.about #indicator {
	background-position: 476px 0;
}*/
.archives #indicator {
	background-position: 178px 0;
}
.weblog #indicator {
	background-position: 282px 0;
}
.about #indicator {
	background-position: 376px 0;
}


/* @end */

/* @group subscribe seal */

#subscribe {
	position: absolute;
	z-index: 10;
	right: 0;
	margin: -30px -50px 0 0;
	width: 102px;
	height: 101px;
	background: url(/images/subscribe_now.png) no-repeat 0 0;
	text-indent: -10000px;
}

#subscribe a {
	display: block;
	margin: 14px auto;
	width: 74px;
	height: 74px;
}

/* @end */

/* @group content */

#content {
	width: 700px;
}

#content h3, #content h4, .forums h1 {
	font-size: 16px;
	font-weight: bold;
	color: #5d8cc4;
	margin-bottom: 18px;
}

#content h4 {
	font-size: 14px;
	color: #293e5a;
	margin: 30px 0 0 0;
}

blockquote {
	line-height: 20px;
	padding: 10px 60px;
	margin: 0px 0;
	color: #868686;
}

/* @group weblog */

.weblog .item_details h5 {
	font-size: 11px;
	color: #5b5b5b;
}

.weblog h3 {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
}

/* @end */

/* @group index */

#other_goodies, #buy_shirts {
	margin-top: 30px;
	padding: 10px;
	background: #f7f7f7;
	border: 1px solid #ccc;
}

#buy_shirts {
	background-color: #fff;
	padding: 7px 0 0 0;
	margin: 0 0 -14px 0;
}

#recent_video {
	/*text-align: center;*/
	margin-bottom: 10px;
}

#recent_video .ep_thumb_wrapper {
	width: 570px;
	margin: 0px auto;
}

#recent_video div.inner {
	float: left;
	font-size: 11px;
	width: 102px;
	margin: 10px 6px;
	text-align: center;
}

#recent_video a {
	text-decoration: none;
}

#recent_video img {
	border: 1px solid #bbb;
}

#other_goodies h4, #recent_video h4 {
	margin: 0 0 10px 0;
}

#other_goodies .media_desc {
	float: left;
	margin: 0;
	padding: 0;
	width: 255px;
}

.player_row {
	clear: both;
	padding-bottom: 18px;
}

.player_row.last {
	padding-bottom: 0;
}

#other_goodies .media_player {
	float: left;
	padding-left: 10px;
}

.bit_length {
	font-weight: bold;
	color: #aaa;
	float: left;
	padding-left: 10px;
}

#other_goodies span.clear {
	display: block;
	clear: both;
}

/* @end */

/* @group archives */

.archives #content h4 {
	margin: 0;
}

#everything_left, #everything_right {
	float: left;
}

#everything_left h5, #everything_right h5 {
	margin-top: 14px;
	font-size: 12px;
}

#everything_left {
	padding-right: 19px;
	border-right: 1px solid #eee;
	width: 300px;
	margin-bottom: 20px;
}

#everything_right {
	padding-left: 20px;
	width: 300px;
}

.small {
	font-size: 11px;
}

.light {
	color: #5b5b5b;
}

#showing_item blockquote {
	border: 1px solid #eee;
	text-align: center;
	padding: 10px 10px 4px 106px;
	margin: 0;
}

#showing_item blockquote.narrow_left {
	padding-left: 60px;
}

.archives p.shorter {
	margin-top: 0px;
}

.clip div, .clip span {
	float: left;
}

.clip .media_player {
	padding: 0 10px;
	margin: -1px 0 0 0;
}

.narrow_left {
	
}

.clip .length {
	color: #b3b3b3;
}

.clip_options {
	padding-top: 10px;
	font-size: 12px;
}

.video_icon {
	vertical-align: middle;
	margin-top: -4px;
	margin-left: 4px;
}

.video_icon.arcv {
	margin-left: 6px;
}

/* @end */

/* @group subscribe */

#subscribing {
	float: left;
	width: 100%;
	clear: both;
	margin-top: 20px;
	margin-bottom: 10px;
}
.sub_row, .rss_option {
	clear: both;
	width: 450px;
	margin: 0px auto;
	margin-bottom: 20px;
}

.rss_option {
	text-align: center;
}

.sub_row span {
	font-size: 12px;
	color: #7b7b7b;
}

.sub_img, .sub_desc {
	float: left;
}

.sub_img {
	width: 64px;
	padding-right: 14px;
}

.sub_desc {
	width: 372px;
	padding-top: 11px;
}

.rss_option .middle {
	vertical-align: text-bottom;
}

/* @end */

/* @end */

/* @group footer */

#footer {
	color: #cfcfcf;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	padding-top: 20px;
}

/* @end */

/* @group notes */

#listener_feedback {
	text-align: right;
	color: #656565;
}

#listener_feedback .wrapper {
	padding: 0 30px;
}

#note_newest_episode {
	text-indent: -10000px;
	float: right;
	background: url(/images/note_latest_ep.png) no-repeat right 0;
	width: 74px;
	height: 71px;
	margin: 120px 10px -120px 0;
}

#note_feedback {
	text-indent: -10000px;
	background: url(/images/note_feedback.png) no-repeat 0 0;
	width: 68px;
	height: 74px;
	margin: -44px 0 0 10px;
}

/* @end */

/* @group links */

a {
	color: #5d8cc4;
}

a.sub_image {
	text-decoration: none;
}

a.sub_image .under {
	text-decoration: underline;
	font-weight: bold;
}

#ep_left a, #ep_right ul li a {
	color: #d6e2f3;
	text-decoration: none;
}

#ep_left a {
	text-decoration: underline;
}

#footer a {
	color: #b7b7b7;
}

a:hover, a:active, #footer a:hover, #footer a:active,
#ep_right ul li a:hover, #ep_right ul li a:active,
#ep_left a:hover, #ep_left a:active {
	color: #000;
}

/* @end */