
/* Layout */

#content {
	background: #000;
	}

#left {
float:left;
border-right: 4px solid #333;
	width: 388px;
	}

#right {
	width: 388px;
	float: right;
	}

#left, #right {
	
	background-color: #000;
	color: #fff;
	font-size: 12px;
	}
	
	


/* Shared elements */

.header {
	border-bottom: 4px solid #333;
	}

.panel {
	margin: 18px 12px;
	}

.panel img {
	margin: 0 3px -4px 2px;
	}


/* Browse panel */

#browse {
	border-top: 3px solid #333;
	border-bottom: 4px solid #333;
	}


/* Clips */

.clips div {
	margin: 0;
	padding: 0;
	height: 70px;
	padding: 3px 0;
	border-bottom: 1px solid #333;
	}

.clips p {
	margin: 6px 0 0 0;
	padding: 0;
	}

.clips p img {
	display: block;
	margin: 3px 0;
	}

.clips p img.inline {
	display: inline;
	margin-top: 0;
	}

.clips strong {
	display: block;
	margin: 0;
	}

.clips .thumb {
	float: left;
	width: 95px;
	height: 54px;
	overflow: hidden;
	margin: 6px 12px 12px 12px;
	}

.nopic {
	padding-left: 10px;
	}

.odd {
	background-color: #0F0F0F;
	}


/* Video clips */

.video strong {
	color: #6A6807;
	}

.video a {
	color: #6A6807;
	}

.video p {
	padding-left: 10px;
	padding-right: 10px;
	}


/* Audio clips */

.audio strong {
	color: #8C157F;
	}

.audio a {
	color: #8C157F;
	}

.audio p {
	padding-left: 10px;
	padding-right: 10px;
	}


/* Podcast (single video or audio clip) */

#podcast {
	margin-top: 20px;
	}

#podcast p {
	margin: 6px 0 0 0;
	padding: 0;
	}

#podcast strong {
	display: block;
	margin: 0;
	}


/* Video podcast */

.video_player {
	height: 345px;
	padding: 10px 0 0 36px;
	}


/* Audio podcast */

.audio_player {
	padding: 6px 36px 20px 36px;
	}

.audio_player .medium_image {
	/* disabled for now -- float: left; */
	width: 160px;
	height: 120px;
	overflow: hidden;
	margin: 0 12px 12px 0;
	}

#plugin {
	margin: 25px 0 10px 0;
	}

a.podcast-link {
	text-decoration: underline;
	color: #fff;
	}

a.podcast-link:hover {
	text-decoration: none;
	}

/* Affiliates and Events */

.letters {
	margin: 12px 12px;
}

.letters em {
	font-style: normal;
	text-decoration: underline;	
	}

.letters a {
	color: #fff;
	}

#events, #affiliates  { 
	margin: 12px 12px 18px 12px;
	width: 100%;
	}

#events td, #affiliates td {
	margin-right: 5px;
	vertical-align: top;
	}
	
#content #events a,
#content #affiliates a{
	color: #fff;
	}

#podcasts_affiliates_a #affiliates table { 
	margin: 0px;
	}


/* Pagination */

.pagination {
	padding: 5px 20px;
	border-top: 1px solid #333;
	color: #fc122d;
	font-size: 14px;
	text-align: right;
	background: #000;
	clear: left;
	}

.pagination h1 {
	color: #fff;
	float: left;
	margin-top: 2px;
	font-size: 14px;
	}

.pagination img {
	vertical-align: middle;
	}

.pagination a {
	color: #fff;
	}

.pagination a:hover {
	color: #fc122d;
	}

.top {
	border-bottom: 1px solid #333;
	}
	
	
/* Podcasts homepage */

.listen_now p {
	width: 210px;
	}
	
.listen_now a {
	color: #ffffff;
	}

.listen_now strong {
	display: block;
	margin: 0;
	color: #8C157F;
	}

.listen_now img.button {
	float: right;
	margin: 10px 10px 0 0;
	}

.vote p {
	width: 220px;
	}

.vote img {
	float: right;
	margin: 15px 10px 0 0;
	}

.quicktime p {
	color: #666;
	}

.quicktime img {
	float: right;
	margin: -18px 0 20px 0;
	}

#featuring {
	margin: 0;
	padding: 0;
	background-image: url("/images/skin/panel/purple.gif");
	background-repeat: repeat-x;
	}

#podcast_license {
	float:left;
	width: 770px;
	margin: 0;
	padding: 5px;
	background-color: #444;
	font-size: 12px;
	color: #999;
	}

#podcast_license p {
	margin: 0 5px;
	}

#podcast_license a {
	color: #bbb;
	}
	
#songbookintro div { 
background:transparent url(/images/podcasts/songbook_image.jpg) no-repeat 0 0; 
padding:30px 20px 30px 200px; 
margin:30px 20px; color:#FFFFFF; 
font-size:12px; 
line-height:120%; display:block;
}

#songbookintro div p {
	 font-weight: bold; 
	 color:#FFF;
	  text-decoration: none;
	font-size: 26px;
}
#songbookintro div a {
	 font-weight:bold; 
	 color:#D60F16;
	  text-decoration: none;
}

#songbookintro div a:hover {
	 font-weight:bold;
	 color:#D60F16; 
	 text-decoration: underline;
}

.clips p {
	margin:0;
}

.clips p strong {
	margin:0;
}

.songbook .audio {
	padding-top:10px;
	height:auto;
	padding-bottom:10px;
}

.songbook .audio p strong {
	color:#D60F16;
	padding:0;
	margin:0;
}

.songbook .playing {
	background-attachment-color:#333333; 	height:auto;}

.songbook .audio .audioheader {
	 border-bottom:none; margin:0;
	 padding:0 15px 0 110px; 
	 line-height:120%;}

.audioheader a:link {
	text-decoration: underline;
	color:#D60F16; }

.audioheader a:visited {
	text-decoration: underline;
	color:#D60F16; }

.songbook .audio .plugin {
	background-color:#333333;
	}

#plugin {margin:0; padding:0 10px;}

.songbook .audio .summary { color: #999999; padding-top:0; margin-top:0;}

.summary a:link {
	text-decoration: underline;
	color:#999999; }

.summary a:visited {
	text-decoration: underline;
	color:#999999; }

.songbook .audio p .date {
	color: #999999; margin:0;
	padding:0;
	font-size:10px;}

body#podcasts_container .clips div {height:auto;}



