/*
 * PM Stylesheet
 * Originally by Daniel Mee
 * Modified by Blake Butcher
 * And by Jim Whimpey
 * And by Josh Rippingale
*/

/* 	+++++++++++++++++++++++++++++++
		GLOBAL NAV
	+++++++++++++++++++++++++++++++ */

	@import "/includes/css/globalNav.css";
	@import "/pm/-/fancy.css";
	
	

/* 	+++++++++++++++++++++++++++++++
		RESET RULES
	+++++++++++++++++++++++++++++++ */
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
	body {line-height: 1;color: #000;font: 12px Georgia, serif;}
	ol, ul {list-style: none;}
	table {border-collapse: separate;border-spacing: 0;}
	caption, th, td {text-align: left;font-weight: normal;}



/* 	+++++++++++++++++++++++++++++++
		GENERAL
	+++++++++++++++++++++++++++++++ */

	noscript img { position: absolute; }

	a { color: #FBAA41; }
	
	
	
/* 	+++++++++++++++++++++++++++++++
		GENERAL FORM STYLES
	+++++++++++++++++++++++++++++++ */

	input { font-family: Arial, Helvetica, sans-serif; }
	
		input.text {
			border: 1px solid #DFCEDA; 
			height: 12px; 
			padding: 4px 5px;
			font-size: 12px; 
			color: #4E1F19; 
			line-height: 12px; 
			background-color: #FFF;
			}
			
		input.submit {
			height: 22px;
			border: 1px solid #DFCEDA;
			text-transform: uppercase;
			font-size: 10px;
			padding: 2px 10px;
			background: url(../i/button-search.png);
			}
			
	textarea { 
		border: 1px solid #DFCEDA;
		padding: 4px 5px;
		font-size: 12px;
		color: #4E1F19;
		line-height: 16px;
		background-color: #FFF;
		}
		


/* 	+++++++++++++++++++++++++++++++
		GENERAL BUTTON STYLES
	+++++++++++++++++++++++++++++++ */

	.button {
		position: relative;
		padding: 4px 4px 4px 8px;
		background-color:  #8A3C48;
		background-repeat: no-repeat;
		font-size: 9px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		line-height: 9px;
		text-decoration: none;
		text-transform: uppercase;
		color: #f0b23d;
		}
		
		.lightpurple {
			color: #5F0B48;
			background-color: #EFE6EC;
			}
			
		.black {
			color: #FFF;
			background-color: #000;
			}
			
		.purple {
			color: #DFA43B;
			background-color: #250F25;
			}
			
			.purple:after,
			.brown:after,
			.black:after,
			.lightpurple:after {
				content: ".";
				background-position: 0 1px;
				background-repeat: no-repeat;
				margin-left:10px;
				padding: 0 4px;
				}
				
			.purple:after, .brown:after { background-image: url(/am/i/button-arrow-brown.gif); }
				
			.black:after { background-image: url(/am/i/button-arrow-black.gif); }
			
			.lightpurple:after { background-image: url(/am/i/button-arrow-lightpurple.png); }



/* 	+++++++++++++++++++++++++++++++
		BASE STRUCTURE
	+++++++++++++++++++++++++++++++ */

	#skip { position:absolute; left: -9999px; }

	html { background: #0E1C25 url(../i/bgrnd-radial.png) repeat-x 0 400px; }

		body { background: transparent url(../i/bgrnd.jpg) repeat-x 50% 33px; }

			#container {
				position: relative;
				width: 1000px;
				margin: 0 auto;
				}

				#header {
					position: relative;
					height: 370px;
					margin: 0 30px;
					}

					#playhead {
						position:absolute;
						right: 60px; top: 120px;
						width: 400px;
						}

				#main {
					position: relative;
					margin: 0 30px 0 0;
					padding: 30px 10px;
					background-color: #000;
					float: right;
					width: 680px;
					display: inline; /* ie6 double margin bug fix */
					}

				#left {
					float: left;
					width: 200px;
					padding: 30px 10px;
					background: url(../i/bgrnd-left.png) no-repeat;
					margin:0 0 0 30px;
					display: inline; /* ie6 double margin bug fix */
					}

				#footer {
					clear: right;
					float: right;
					height: 225px;
					width: 700px;
					margin: 0 30px 0 0;
					display: inline; /* ie6 double margin bug fix */
					/*background: url(../i/bgrnd-footer-trans.png) repeat-x 0 0;*/
					position: relative;
					}



/* 	+++++++++++++++++++++++++++++++
		HEADER
	+++++++++++++++++++++++++++++++ */

	#navigation { z-index: 4; }
	
	#times { z-index: 3; }
	
	#playhead { z-index: 2; }
	
	#header h1 { z-index: 1; }

	#playhead h2 {font-size:24px; color:#fff; font-weight:normal;}

	#programplayer {
		position:relative;
		display:block;
		margin-top:10px;
		height:30px;
		padding: 9px 5px 5px 45px;
		background: url(../i/button-playheadplayer.png) no-repeat;
		color: #5F0B48;
		font: 14px Arial, Helvetica, sans-serif;
		}
		
		#programplayer span {
			color: #908838;
			position: absolute;
			right: 12px;
			top: 9px;
			text-decoration: none;
			}

		#programplayer a.download { 
			position: absolute;
			left: 0;
			top: 2px;
			}
			
#livestreamplayer {
	position:relative;
	display:block;
	margin-top:10px;
	height:30px;
	padding: 9px 5px 5px 45px;
	/*background: url(../i/button-listenlive.png) no-repeat;*/
}
#livestreamplayer { color:#5f0b48; font: 14px Arial, Helvetica, sans-serif;}
#livestreamplayer span {color:#908838; position:absolute;right:12px; top:9px; text-decoration:none;}
#livestreamplayer a.download { position:absolute;left:0; top:2px;}
.livestreamplayer-me {background: url(../i/button-listenlive-me.png) no-repeat;}
.livestreamplayer-rn {background: url(../i/button-listenlive-rn.png) no-repeat;}

	#blurb {
		margin: 10px 0 0 0; 
		font-size: 18px;
		line-height: 22px;
		color: #fff;
		}

	#times {
		position: absolute;
		bottom: 16px;
		left: 10px;
		width: 140px;
		font-size: 11px;
		line-height: 13px;
		color: #FBFEC2;
		}

		#blurb a, #times a { color: #FBFEC2; }

	#navigation {
		position: absolute;
		bottom: 4px;
		left: 480px;
		background: url(../i/bgrnd-nav.png) repeat;
		border-top: solid 1px #C823AB;
		}
		
		#navigation li { float:left; }
		
			#navigation a {
				color: #FBAA41;
				display: block;
				float: left;
				font-size: 16px;
				line-height: 40px;
				padding: 0 20px;
				text-decoration: none;
				text-transform: uppercase;
				}
				
				#navigation a:hover {
					background-color: #2F1330;
					color: #fff !important;
					}

	#p-home #pn-home a,
	#p-about #pn-about a,
	#p-archives #pn-archives a,
	#p-contact #pn-contact a { color: #fff; }

	#p-about p { color: #fff; }

		#header h1 { height: 370px; }
		
	#header #headshot span {
		display: block;
		position: absolute;
		top: -4px;
		left: 0;
		width: 688px;
		height: 370px;
		background: url(../i/presenter-trans.png) no-repeat 50% 50%;
		}
	
	#header h1 span {
		display: block;
		position: absolute;
		top: 272px;
		left: 10px;
		text-transform: uppercase;
		font-weight: 600;
		color: #8E448D;
		}

	#header h1 strong {
		position: absolute;
		display: block;
		top: 124px;
		left: -16px;
		width: 270px;
		height: 129px;
		background: url(../i/logo-site.png) top left no-repeat;
		overflow: hidden;
		line-height: 400px;
		}
		
	#header .button {
		background: transparent url(../i/button-presenter.png) no-repeat;
		padding-top: 3px;
		padding-right: 15px;
		}
		

/* 	+++++++++++++++++++++++++++++++
		MAIN
	+++++++++++++++++++++++++++++++ */

	#search {
		position: absolute;
		right: 10px;
		top: 20px;
		}
		
		#search label span { display: none; }
		
		#search label input {
			width: 148px;
			border: 1px solid #421039;
			padding: 3px 0 2px 5px;
			height: auto;
			line-height: 1;
			background: #0C151C;
			color: #D4D9A8;
			}

		#search input.submit { 
			border: 1px solid #421039;
			color: #D4D9A8;	
			}

	#content {
		height:33px;
		margin-bottom:20px;
		text-indent: -9000px;
		}

		h3.home { background: url(../i/title-ontheprogram.png) no-repeat; }
		h3.fullstory { background: url(../i/title-thefullstory.png) no-repeat; }
		h3.about { background: url(../i/title-about.png) no-repeat; }
		h3.archives { background: url(../i/title-archives.png) no-repeat; }
		h3.specials { background: url(../i/title-specials.png) no-repeat; }
		h3.contact { background: url(../i/title-contact.png) no-repeat; }

		p {
			color: #5f0b48;
			font-size: 14px;
			line-height: 18px;
			}

		#main h4 {
			font-size: 17px;
			margin-bottom: 15px;
			font-weight: normal;
			}

	.storylisting {
		position:relative;
		padding:10px 10px 10px 230px;
		min-height:130px;
		height:auto !important;
		height:130px;
		width:440px;
		clear:both;
		}
		
		.storylisting, #story1 { 
			background: #070E13 url("../i/bg-story.png") repeat-x 0 0;
			margin-bottom: 20px;
			}
		
		.storylisting p, #story1 p { color: #fff; }

			.storylisting p a { 
				color: #FBAA41; 
				font-size: 10px; 
				font-family: Arial, Helvetica, sans-serif;
				padding-left: 10px; 
				text-transform: uppercase;
				font-weight: bold;
				white-space: nowrap;
				}

		.storyplayer {
			position: absolute;
			top: 10px;
			left: 10px;
			border-bottom: 1px solid #C7B6B7;
			height: 39px;
			width: 190px;
			}
	
			.storyplayer a {
				display: block;
				height: 30px;
				width: 190px;
				background: url(../i/button-audioplayer.png) no-repeat;
				overflow: hidden;
				text-decoration: none;
				overflow: hidden;
				line-height: 200px; /*  Send it off... */
				float: left; /* fix ie6 display bug */
				}

			.storyplayer em {
	display:none;
}


			.storylisting hr { display: none; }

			.storylisting .sundries {
				position: absolute;
				top: 50px;
				left: 10px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				text-transform: uppercase;
				}
				
				.sundries li {
					border-bottom: 1px solid #C7B6B7;
					padding: 8px 0 7px 30px;
					color: #fff;
					width: 160px;
					}
				
					.sundries li.sundry-reporter {background:url(../i/icon-sundries-reporter.png) 5px 5px no-repeat; color: #fff;}
					.sundries li.sundry-comments {background:url(../i/icon-sundries-comments.png) 5px 5px no-repeat; color: #8C8E91; }
					.sundries li.sundry-extra {background:url(../i/icon-sundries-extra.png) 5px 5px no-repeat; color: #8C8E91;}
					.sundries li.sundry-images {background:url(../i/icon-sundries-images.png) 5px 5px no-repeat; color: #8C8E91;}
					.sundries li.sundry-video {background:url(../i/icon-sundries-video.png) 5px 50% no-repeat; color: #8C8E91;}
					.sundries li.sundry-link {background:url(../i/icon-sundries-link.png) 5px 50% no-repeat; color: #8C8E91;}
					.sundries li.sundry-audio {background:url(../i/icon-sundries-audio.png) 5px 50% no-repeat; color: #8C8E91;}
					.sundry-facebook {background:url(../i/icon-sundries-facebook.png) 5px 50% no-repeat;}
					
					.sundry-twitter {background:url(../i/icon-sundries-twitter.png) 5px 50% no-repeat;}
					
					/* More sundry icons located in the storypage.css */
					.sundries li a { color: #d2885c; padding-left: 5px; }

	/* These styles are for the individual stories on the specials and archives pages */
	.story {
		position: relative;
		margin: 40px 0;
		min-height: 140px;
		}
	
		.story h3 {
			font-size: 16px;
			color: #4e1f19;
			margin-bottom: 5px;
			margin-left: 230px;
			}
			
		.story p {
			font-size: 12px;
			line-height: 16px;
			_line-height: 20px;
			color: #8E5379;
			margin-left: 230px;
			}
			
			.story p .button {
				display: block;
				margin-top: 5px;
				width: 75px;
				}
				
		.story img { float: left; }

		.story > a {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			width: 190px;
			height: 138px;
			background: url(../i/specials/bgrnd-specials-story.jpg) no-repeat;
			}



/* 	+++++++++++++++++++++++++++++++
		LEFT
	+++++++++++++++++++++++++++++++ */

	.leftblock {
		margin-bottom: 25px;
		position: relative;
		}
		
		#blog {
			background: #000 url(../i/thedrum.png) no-repeat 0 0;
			font-family: Arial, Helvetica, sans-serif;
			padding-top:56px;
			}
			
			#blog a, #blog li {
				/*display: block;*/
				padding: 0px 10px 10px 5px;
				color: #999;
				font-size: 1em;
				font-weight:normal;
				text-decoration:none;
				}
				
			#blog li {
				/*display: block;*/
				font-weight:bold;
				padding: 0px 10px 10px;
				color: #fff;
				
				}

		/*#blog {
			background: url(../i/offair.png) no-repeat 0 0;
			font-family: Arial, Helvetica, sans-serif;
			}
			
			#blog a {
				display: block;
				padding: 56px 10px 10px;
				color: #fff;
				font-size: 0.9167em;
				}
*/
		.leftblock h5 {
			height: 16px;
			margin: 0;
			padding-bottom: 10px;
			line-height: 100px;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: top left;
			}

		#otherwebsites h5 { background-image: url(../i/title-left-othernewswebsites.png); border-bottom: 1px solid #382435; }
		#podcasts h5 { background-image: url(../i/title-left-podcasts.png); }
		#specials h5 { background-image: url(../i/title-left-specials.png); }
		#abcnews h5 { background-image: url(../i/title-left-abcnews.png); height: 18px; }
		#weeklyprograms h5 {background-image:url(../i/title-previousprograms.png); }
		#fromthearchives h5 {background-image:url(../i/title-fromthearchives.png); }
		#followus h5 {background-image:url(../i/title-followuson.png); }
		#storyidea h5 {background-image:url(../i/title-left-storyidea.png); }

		#podcasts div.subscribe {
			display: block;
			padding: 12px 16px 12px 50px;
			height: 32px;
			color: #fff;
			font: 12px/14px Arial, Helvetica, sans-serif;
			background: url(../i/bgrnd-pod-close-button.png) no-repeat 0 -2px;
			text-decoration: none;
			}
		
			#podcasts div.subscribe a { color: #FBAA41; text-decoration: underline; }
		
			#podcasts div.help { padding: 10px 0 0; }
			
				#podcasts div.help a.button { display: block; background: url(../i/button-pod-allabout.png) no-repeat; }

		.allspecials {
			position: absolute;
			right: 0;
			top: 5px;
			_top: 0;
			_right: 20px;
			width: 75px;
			text-align: right;
			font: 9px Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			color:#C9CB9B;
			}
	
			.allspecials span {
				position: absolute;
				top: 0;
				font-size: 14px;
				line-height: 8px;
				text-decoration: none;
				display: none;
				}

		#abcnews {
			background-color: #1f225d;
			position: relative;
			}
			
			#abcnews ul {
				margin: 10px 10px 15px;
				padding-bottom: 10px;
				}
				
				#abcnews li { margin-bottom: 10px; }
				
					#abcnews a { font: 11px/13px Arial, Helvetica, sans-serif; color: #fff; }
					
				#abcnews span img { margin-left: 3px; }
				
			#abcnews p {
				position: absolute;
				top: 8px; 
				right: 10px;
				_top: 0;
				_right: 30px;
				text-transform: lowercase;
				}
				
			#abcnews strong {
				display: block;
				padding: 2px 10px;
				margin-top: 1px;
				font: 10px Arial, Helvetica, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				background-color: #0D103D;
				color: #797CBE;
				}

		#otherwebsites ul {background: url(../i/bgrnd-left-otherwebsites.png) repeat-x bottom left; margin:0;}

			#otherwebsites li {border-bottom: 1px solid #382435;}

				#otherwebsites a {
					display:block;
					padding:4px 10px;
					height: 13px;
					font: 11px Arial, Helvetica, sans-serif;
					text-transform:uppercase;
					color: #716666;
					text-decoration:none;
					}

					#otherwebsites a:hover {background-color: #382435;}



/* 	+++++++++++++++++++++++++++++++
		ARCHIVES
	+++++++++++++++++++++++++++++++ */

	#p-archives h4, #p-archives p { color: #fff; }

	#browser {
		position: relative;
		background: url(../i/bgrnd-archives-browse.jpg) repeat-x;
		height: 130px;
		padding: 10px 10px 10px 220px;
		margin-bottom: 15px;
		}

		#browser h4 { margin: 20px 0 5px; }
		
		#browser p {
			color: #5f0b48;
			font: 14px/18px Georgia, serif;
			width: 400px;
			}
			
	#finder {
		position: absolute;
		top: 10px;
		left: 6px;
		width: 195px;
		padding: 10px 0;
		font: 12px Arial, Helvetica, sans-serif;
		background: url(../i/bgrnd-archive-widget.png) no-repeat;
		}

		#finder form { padding-bottom: 10px; }

		#finder fieldset {
			position: relative;
			width: 175px;
			margin: 0 10px;
			}

		#finder legend {
			background-color: pink;
			position: absolute;
			}
		
			#finder legend span {
				position: absolute;
				top: 0;
				left: 0;
				display: block;
				width: 175px;
				}
				
			#finder fieldset legend a {
				position: absolute;
				right: 7px;
				font-size: 11px;
				color: #fff;
				font-weight: bold;
				}
				
		#finder select { margin: 30px 0 10px; }
		
		#finder input { margin-left: 10px; }
		
		#finder em { font: normal 9px Arial, Helvetica, sans-serif; }

	#bar {
		position: relative;
		height: 62px;
		padding: 18px 82px 0 216px;
		border-top: 1px solid #DFCEDA;
		border-bottom: 1px solid #DFCEDA;
		background-color: #FEFCE7;
		margin-bottom: 20px;
		}

		#bar h1 {
			font-size: 34px;
			color: #AE8397;
			font-weight: normal;
			}

	.daynav {
		position: absolute;
		right: 10px; top: 23px;
		width: 64px; height: 45px;
		background: url(../i/button-archives-backandforth.png) no-repeat;
		}

		.daynav .back, .daynav .forth {
			display: block;
			position: absolute;
			height: 44px;
			line-height: 200px;
			overflow: hidden;
			}

			.daynav .back {
				width: 27px;
				top: 0;
				left: 0;
				}
				
			.daynav .forth {
				width: 28px;
				top: 0;
				right: 0;
				}
				
				.daynav .back:hover, .daynav .forth:hover { background: url(../i/button-archives-backandforth.png) 0 -50px no-repeat; }
					
				.daynav .forth:hover { background-position:-36px -50px; }

		.dayaudio {
			position: absolute;
			width: 190px;
			height: 48px;
			left: 10px;
			top: 23px;
			}

			.dayaudio p {
				margin-top: 6px;
				font: 9px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #AE8397;
				text-align: center;
				}
			
				.dayaudio p a { color: #5F0B48; }

		#bar .programplayer {
			display: block;
			height: 30px;
			width: 190px;
			background: url(../i/button-audioplayer-archive.png) no-repeat;
			line-height: 200px;
			overflow: hidden;
			}

			#bar .programplayer span {
				line-height: -200px;
				position: absolute;
				right: 10px;
				top: 9px;
				font: bold 12px Arial, Helvetica, sans-serif;
				color: #fff;
				}

			#bar > a {
				position: absolute;
				top: -15px;
				right: 15px;
				padding: 2px 15px 2px 4px;
				background: #DFCDDA; /*#A87B92*/
				color: #FFF;/*#F3EBDC   #A87B92*/
				text-decoration: none;
				font: bold 10px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				/*border-top: solid 1px #dfceda;*/
				}

				#bar > a em {
					position: absolute;
					font-size: 16px;
					top: 0px;
					right: 3px;
				}

	#bestof h4 { margin-left: 220px; }



/* 	+++++++++++++++++++++++++++++++
		SPECIALS
	+++++++++++++++++++++++++++++++ */
	
	#specialintro {
		min-height: 215px;
		padding: 10px 0;
		background: url(../i/bgrnd-special.jpg) repeat-x;
		position: relative;
		}

		#specialintro > p {
			padding: 8px 10px 0 220px;
			font-weight: bold;
			height: 87px;
			}

	#suggestspecial {
		margin: 0 10px 0 220px;
		position: relative;
		}
		
		#suggestspecial h4 {
			padding: 0 0 2px;
			margin: 15px 0 0;
			font: bold 14px Arial, Helvetica, sans-serif;
			color: #5B2D18;
			border-bottom: 1px solid #EBE4E6;
			}

		#suggestspecial p {
			position: relative;
			padding: 5px 165px 10px 5px;
			font-size: 14px;
			line-height: 16px;
			min-height: 95px;
			background: url(../i/bgrnd-purplefade-3.jpg) repeat-x;
			}

		#suggestspecial a.button, #suggestspecial em {
			position: absolute;
			right: 10px;
			font: 9px Arial, Helvetica, sans-serif;
			}

		#suggestspecial em {
			top: 40px;
			width: 115px;
			padding: 5px 0;
			color: #9E6B90;
			}
			
		#suggestspecial a.button {
			width: 115px;
			top: 20px;
			padding: 4px 5px
			}

	#specialfinder {
		position: absolute;
		top: 138px;
		left: 10px;
		width: 170px;
		padding: 15px 10px;
		background-color: #F7F3F6;
		border-top: 1px solid #EBE4E6;
		}

		#specialfinder h5 {
			font-size: 14px;
			color: #5F0B48;
			margin-bottom: 5px;
			}

	#specialstories {
		background: url(../i/bgrnd-yellowfade.png) repeat-x;
		padding: 1px 10px 50px;
		}


/* 	+++++++++++++++++++++++++++++++
		CONTACT
	+++++++++++++++++++++++++++++++ */

	#p-contact p {
		color: #fff;
		}

	form.standard {
		position:relative;
		margin-left:210px;
		padding:10px;
		background: url(../i/bgrnd-yellowfade.png) repeat-x;
		}
		
		.standard p { padding: 0 0 30px; }

		.standard input.submit { color: #fff; }

		.standard input.text, 
		.standard textarea {
			width: 437px;
			background-color: #FEFCE7;
			}

		.standard label {
			position: relative;
			display: block;
			margin-bottom: 20px;
			color: #FFF;
			}

			.standard label strong {
				display: block;
				font-size: 14px;
				margin-bottom: 2px;
				}

			.standard label span {
				position: absolute;
				top: 0;
				right: 0;
				font: bold 10px Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #AAA;
				}
	
			label.error { color: #f00; }

	#contactdetails {
		position: absolute;
		top: 84px;
		left: 10px;
		width: 190px;
		}
		
		#contactdetails p {
			padding: 10px;
			font-size: 12px;
			line-height: 14px;
			background: url(../i/bgrnd-purplefade-3.jpg) repeat-x;
			}

			#contactdetails p strong {
				display: block;
				font-weight: bold;
				color: #FBAA41;
				}

	#pleasenote {
		position: absolute;
		top: 360px;
		left:10px;
		width: 170px;
		padding: 10px;
		}

		#pleasenote h5 {
			color: #FBAA41;
			font: 12px Arial, Helvetica, sans-serif;
			font-weight: bold;
			margin-bottom: 4px;
			border-bottom: solid 1px #AAA;
			}

		#pleasenote p {
			font: 11px/13px Arial, Helvetica, sans-serif;
			color: #FFF;
			}



/* 	+++++++++++++++++++++++++++++++
		ABOUT US
	+++++++++++++++++++++++++++++++ */

	#intro {
		position: relative;
		background: url(../i/bgrnd-yellowfade.png) repeat-x;
		padding: 15px 10px 30px 0;
		font-size: 14px;
		margin-bottom: 20px;
		}
		
		#intro p { margin-left: 220px; }

		#intro .button {
			position: absolute;
			top: 15px;
			left: 10px;
			}

	#production h3 {
		height: 22px;
		margin: 0 0 8px;
		padding: 2px 0;
		background: url(../i/title-programproduction.png) no-repeat;
		border-bottom: solid 3px #979499;
		overflow: hidden;
		line-height: 100px;
		}

	#production p { margin: 1em 0; }

	.person {
		position: relative;
		margin-bottom: 50px;
		}

		#main .person h4 {
			font-size: 36px;
			color: #FBAA41;
			}

		.person p {
			font-size: 12px;
			padding: 0 10px;
			margin: 1em 0 1em 220px;
			}
		
			.person p.intro {
				font-size: 16px;
				line-height: 22px;
				background: url(../i/bg-story.png) repeat-x;
				min-height: 100px;
				_height: 100px; /* ie6 pain */
				margin-left: 220px;
				padding: 10px;
				}
				
		.person .button {
			position: absolute;
			right: 0px;
			top: 15px;
			_right: 20px;
			}
		
		.person img {
			float: left;
			background-color: #111;
			padding: 5px;
			border: 1px solid #333;
			}



/* 	+++++++++++++++++++++++++++++++
		FOOTER
	+++++++++++++++++++++++++++++++ */

	#footer a { color: #DAB3CF; }
	
	#footer ul {
		position: relative;
		top: 45px;
		margin-left: 240px;
		background: url(../i/logo-footer-trans.png) no-repeat;
		height: 44px;
		}

		#footer ul li {
			margin-left:72px;
			padding:0 0 2px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
			text-transform:uppercase;
			}



/* 	+++++++++++++++++++++++++++++++
		ARCHIVES
	+++++++++++++++++++++++++++++++ */
	
	.indexmonths {
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		}

		.indexlinks { font-family: Arial, Helvetica, sans-serif; }

	#archive-nav {
		clear: both;
		background: #2F1330;
		width: 100%;
		clear: both;
		}
		
		#archive-nav .jcarousel-container { border-top: none; }
		
		#archive-nav ol {
			padding: 5px;
			height: 24px;
			overflow: hidden;
			}
		
			#archive-nav ol li {
				float: left;
				font-size: 1.333em;
				width: 62px;
				text-align: center;
				}
		
				#archive-nav ol li a {
					display: block;
					padding: 0.1em 0 0.3em;
					color: #FFF;
					text-decoration: none;
					}
					
					#archive-nav ol li a:hover {
						background: #481C4A;
						}
						
					#archive-nav ol li.current a,
					#archive-nav ol li.current a:hover {
						background: #67286A;
					}

	#results {
		margin-bottom: 60px;
		float: left;
		}
		
		#results p { 
			margin-top: 1em;
			color: #fff;	
			}
		
		#results ol {
			clear: both;
			float: left;
			margin: 1em 0 0;
			padding: 0 5px;
			background: url(../i/bg-story.png) repeat-x 0 0;
			}
			
			#results li {
				clear: none;
				float: left;
				margin: 0;
				padding: 10px 5px 0;
				}
	
				#results li h4 {
					background: #58235A;
					color: #fff;
					font-size: 1em;
					margin: 0;
					padding: 0.5em 1em;
					text-transform: uppercase;
					}
					
				#results li ol {
					background: #1C1426 url(../i/bg-month.jpg) repeat-x 0 0;
					margin: 0;
					padding: 0 0 0.5em;
					width: 101px;
					}
					
					#results li ol li {
						background: transparent;
						clear: none;
						float: left;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 0.9167em;
						margin: 0;
						padding: 0.25em 1em;
						width:auto;
						}
						
						#results li ol li a {
							color: #fff;
							text-decoration:none;
							}
		
							#results li ol li a:hover { text-decoration: underline; }

		.ui-tabs .ui-tabs-hide {
		    position: absolute;
		    left: -10000px;
			}

		#results.ui-tabs {
			width: 610px;
			margin-top: 1em;
			padding: 10px;
			float: left;
			background: url(../i/archive-month-bg.png) repeat-x 0 0;
			}
		
			#results.ui-tabs ul {
				background: #6C1D59;
				width: 600px;
				float: left;
				padding: 5px;
				height: 19px;
				overflow: hidden;
				}
				
				#results.ui-tabs li {
					margin: 0;
					padding: 0;
					clear: none;
					width: 50px;
					}
					
					#results.ui-tabs ul li a {
						background: #6C1D59;
						color: #fff;
						font-size: 1.084em;
						margin: 0;
						padding: 0.1em 0;
						text-transform: uppercase;
						display: block;
						text-decoration: none;
						text-align: center;
						}
						
						#results.ui-tabs ul li a:hover { background: #AB71A5; }
	
			#results.ui-tabs div {
				float: left;
				width: 100%;
				}
				
				#results.ui-tabs li.ui-tabs-selected a { background: #A3669C; }

				#results.ui-tabs div ol {
					background: #AB71A5 url(../i/archive-day-bg.png) repeat-x 0 0;
					margin: 0;
					padding: 0.5em 0;
					width: 610px;
					}
	
					#results.ui-tabs div ol li {
						background: transparent;
						clear: none;
						float: left;
						font-family: Arial, Helvetica, sans-serif;
						font-size: 0.9167em;
						margin: 0;
						padding: 0.5em 1em;
						width: auto;
						}
		
						#results.ui-tabs div ol li a {
							color: #fff;
							text-decoration:none;
							}
							
							#results.ui-tabs div ol li a:hover { text-decoration:underline; }

	#dateheader, #bestofheader {
		height: 62px;
		padding: 18px 82px 0 15px;
		border-top: solid 1px #666;
		border-bottom: solid 1px #666;
		background-color: #000;
		margin-bottom: 20px;
		clear: left;
		}

		#dateheader h1, #bestofheader h1 { 
			font-size: 34px;
			color: #999;
			font-weight: normal;
			}



/* 	+++++++++++++++++++++++++++++++
		STORY TEASER
	+++++++++++++++++++++++++++++++ */

	div.story-teaser {
		background: #070E13 url("/pm/i/bg-story.png") repeat-x;
		margin-bottom: 10px;
		float: left;
		width: 100%;
		}
		* html div.story-teaser {
			float:none;
		}
		
		div.story-teaser div.main {
			float: left;
			margin: 0 10px 0 230px;
			padding: 10px 0;
			display: inline; /* ie6 double margin fix */
			}
			
			div.story-teaser div.main p { color: #fff; }
			
			div.story-teaser div.main div.date {
				font-family: Arial, Helvetica, sans-serif;
				color: #FFF;
				font-size: 0.9167em;
				margin: 0 0 0.5em;
				font-weight: bold;
				}
				
		div.story-teaser div.additional {
			float: left;
			width: 190px;
			margin: 0 -200px 0 10px;
			padding: 10px 0;
			display: inline; /* ie6 double margin fix */
			}
			
			div.story-teaser div.additional ul.images { margin: 10px 0 0; }
			
				div.story-teaser div.additional ul.images li { display:inline; }
				
		div.story-teaser .sundries {
			position: relative;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			text-transform: uppercase;
			}

			div.story-teaser p a {
				color: #E05F0F;
				font-size: 10px;
				font-family: Arial, Helvetica, sans-serif;
				padding-left: 10px;
				text-transform: uppercase;
				font-weight: bold;
				white-space: nowrap
				}

		div.story-teaser .storyplayer {
			position: relative;
			top: 0;
			left: 0;
			width: auto;
			}
			
			div.story-teaser hr { display:none; }




/* 	+++++++++++++++++++++++++++++++
		TWITTER MODULES
	+++++++++++++++++++++++++++++++ */

	#colvinius, #amworldtodaypm { position: relative; }

	

		#abcworldtodaypm h2 {
			width: 180px;
			height: 14px;
			margin: 0 0 10px 0;
			font-family: Georgia,serif;
			color: #8E448D;
			font-size: 150%;
		}

		#colvinius h2 {
			width: 180px;
			height: 14px;
			background: url("/pm/i/colvinius.png");
			text-indent: -5000px;
			margin: 0 0 10px 0;
			}
			
		#colvinius ul, #abcworldtodaypm ul {
			background: url("/pm/i/bg-colvinius.jpg") repeat-x top left;
			border-top: 1px solid #382435;
			color: #999;
			list-style-type: none;
			padding: 0;
			margin: 0;
			}
			
			#colvinius ul li, #abcworldtodaypm ul li {
				border-bottom: 1px solid #382435;
				padding: 7px 10px 7px 16px;
				background: url("/pm/i/square-bullet.gif") no-repeat 10px 14px;
				}
				
				#colvinius p, #abcworldtodaypm p {
					font-family: Helvetica, Arial, Verdana, sans-serif;
					font-size: 11px;
					color: #fff;
					}
				
					#colvinius ul li .time, #abcworldtodaypm ul li .time {
						text-transform: uppercase;
						color: #999;
						}
					
					#colvinius ul li .tweet a, #abcworldtodaypm ul li .tweet a { color: #fff; }
					
						#colvinius ul li .tweet a:hover, #abcworldtodaypm ul li .tweet a:hover { color: #999; }
					
		#colvinius .more, #abcworldtodaypm .more {
			text-align: right;
			font-weight: bold;
			padding: 3px 0 0 0;
			}
			
			#colvinius .more a, #abcworldtodaypm .more a { color: #999; text-decoration: none; }




/* 	+++++++++++++++++++++++++++++++
		EXTRAS
	+++++++++++++++++++++++++++++++ */

	div.amextras { background-color: #070e13; }
	
		div.amextras div.main {
			background: url(../i/story-extras.png) no-repeat 0 15px;
			padding-top: 40px;
			}
			
		div.amextras .storyplayer a {
			background:url(../i/button-audioplayer-extras.png) no-repeat;
			}

#weeklyprograms {
	background:url(../i/bgrnd-fade.jpg) repeat-x 0 25px;
	/*padding:0.66em;*/
}	
#weeklyprograms table{
	font-family:Arial, Helvetica, sans-serif;
	width:100%;
	color: #D5D2D7;
	padding: 0.5em;
	font-size:90%;
	margin-top:0.5em;
}

#weeklyprograms td{
	padding-bottom: 0.25em;
	font-weight:bold;
}

#weeklyprograms td.downloadlink {
	width:55%;
	text-align:left;
}

#weeklyprograms td.day {
	padding-left:0.5em;
}

#weeklyprograms table a,#weeklyprograms table a:visited,#weeklyprograms table a:active,#weeklyprograms table a:hover{
	color: #8C8690;
	text-decoration:none;
	
}

.downloadlink {
	text-align: right;
}	

#fromthearchives, #followus, #storyidea {
	background:url(../i/bgrnd-fade.jpg) repeat-x 0 25px;

}

#fromthearchives p, #fromthearchives p a, #fromthearchives p a:active, #fromthearchives p a:visited, #fromthearchives p a:hover {
	font-size:120%;
	margin:0.5em 0.5em 0.5em 0.25em;
	color:#fff;
	
}

#fromthearchives .storyplayer {
	position:relative;
	top:5px;
	left:5px;
	border-bottom: none;
	height:39px;
	width:190px;
}

#fromthearchives .storyplayer a {
	display:block;
	height: 30px;
	width: 190px;
	background:url(../i/button-audioplayer-left.png) no-repeat;
	overflow:hidden;
	text-decoration:none;
	overflow:hidden;
	line-height:200px; /*  Send it off... */
	float: left; /* fix ie6 display bug */
}

#fromthearchives .storyplayer em {	/* so that a duration can be displayed on the 'click here' graphic of the player, but not all the other text, I've done a trick that doesn't work on ie6 */
	position:absolute;
	top:15px; right:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a57598;
	line-height: 0; /* Bring it back... use line-height not text-indent so it works on safari!! */
}

#fromthearchives p.fta-date {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9167em;
	margin: 0.25em 0 0.5em 0.5em;
	font-weight:bold;
	color:#ACA9AE;
}
		
#followus a, #followus a:active, #followus a:visited, #followus a:hover {
	border:none;
	text-decoration:none;
}

#followus div.followus-button {
	/*margin: 0 0 0 0.25em;*/
	float:left;	
}

div.buttons {
	padding:0.5em;
}

div.contact-buttons {
	padding:0.5em 0.3em 0.5em 0.4em;
}

#followus {
	height:70px;
}

#followus #facebook {
	margin-right:0.5em;
}