/*	Styles for generic content
	------------------------------------------------------------- */

@import "loosecontent.css";
	
/*	Specific Styles
	------------------------------------------------------------- */
	
#content
	{
	padding: 3px;
	}
	
#content div#storybody
	{
	/*margin-bottom: 25px;*/
	}
	
#content h3.contenttitle
	{
	font-size: 15px;
	clear:left;
	}
	
#content h4.contentsubtitle
	{
	font-size: 13px;
	margin-top: -12px !important;
	margin-top: -15px;
	font-weight: normal;
	}
	
#content h4.transcriptsubtitle
	{
	font-size: 14px;	
	}

#content p.listentab
	{
	line-height: 16px;
	margin-top: -8px !important;
	margin-top: -13px;
	margin-bottom: 20px;
	}
	
#content p.listentab a
	{
	text-decoration: none;
	color: #000;
	}
	
#content p.listentab a img
	{
	border: none;
	}
	
#content p.listentab a.listen
	{
	color: #CC3300;
	font-weight: bold;
	}

#content div.noaudio
	{
	margin-top: -5px;
	margin-bottom: 15px;
	}
	
#content .correction
	{
	font-style: italic;
	font-size: 11px;
	color: #666;
	padding: 10px;
	border: 1px dotted #ddd;
	}

#content .featuredlinks li a
	{
	font-weight: normal;
	}

#content div.story h3.slug
	{
	margin: 0;
	padding: 0;
	font-size: 11px;
	}

#content div.story h2,
#content div.story h3
	{
	font-size: 14px;
	margin: 0;
	margin-bottom: 5px;
	}

#content div.story h4
	{
	margin: 0;
	margin-bottom: 5px;
	}
	
#middlecol #content div.story p
	{
	padding: 0;
	margin: 0 0 10px 0;
	}
	
#middlecol #content div.promo
	{
	border: none;
	float: none;
	clear: none;
	padding: 0;
	}
	
#content ul.bulleted,
#content ul.bulleted li
	{
	list-style-type: disc;
	list-style-position: inside;
	}
	
#middlecol div.dynamicbucket div.buckettop,
#middlecol div.dynamicbucket div.bucketbottom,
#content div.dynamicbucket div.buckettop,
#content div.dynamicbucket div.bucketbottom
	{
	display: none;
	}
	
#content div.dynamicbucket h3
	{
	font-size: 13px;
	}
	
#content .childstory div.dynamicbucket h3
	{
	font-size: 12px;
	}		

#content div.dynamicbucket div.bucketcontent div.story
	{
	clear: none;
	}
	
#content .program a  /*needed to hardcode b/c of tib*/
	{
	color: #999;
	}		
	
/*	STORY INSET COLUMN
	---------------------------------------------------- */

#content .contentinset
	{
	float: left;
	/*margin: 0 10px 15px 0;*/
	margin: 0 10px 10px 0;
	border-bottom: 4px solid #DDD;
	}
	
.cinarrow
	{
	width: 144px;
	padding-bottom: 10px;
	}

#content .cinarrow div.photowrapper div.credit
	{
	float: left;
	text-align: left;
	width: 138px;
	}	
	
.ciwide
	{
	width: 204px;
	padding-bottom: 10px;
	}
	
#content .contentinset a
	{
	font-weight: normal;
	text-decoration: none;
	}
	
#content .contentinset ul,
#content .contentinset ol
/*#content .contentinset blockquote*/
/*#content .contentinset blockquote.pullquote*/
	{
	font-size: 12px;
	line-height: 200%;
	}
	
#content .contentinset cite
	{
	display: block;
	color: #666;
	text-align: right;
	}
	
#content .contentinset ul li,
#content .contentinset ol li
	{
	font-size: 11px;
	line-height: 125%;
	}

#content .contentinset h3
	{
	font-size: 13px;
	}
	
#content .contentinset h4
	{
	font-size: 12px;
	margin-top: 12px;
	}

#content .contentinset p
	{
	font-size: 11px;
	line-height: 15px;
	}

#content .contentinset img.border
	{
	border: 1px solid black;
	padding: 1px;
	}

#content .contentinset img.photo
	{
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	/* display: block; allowed centering in all modern browsers, except images disappeared in Netscape 7,7.02 mac OS9 */
	clear: both;
	float: none;
	}

#content .contentinset .photowrapper
	{
	display: inline !important;
	display: block;
	margin: auto;
	margin-bottom: 8px;
	text-align: left;
	}
	
/* hack for IE5 Mac not displaying centered image correctly */
.contentinset div.photowrapper/* */
	{
	text-align: center;
	}

#content .contentinset .photolink
	{
	float: left;
	font-size: 10px;
	text-align: left;
	}
	
#content .contentinset .photolink img
	{
	margin-right: 2px;
	margin-top: -1px;
	}


#content div.photowrapper
	{
	float: left;
	}

#content .contentinset div.photowrapper
	{
	float: none;
	margin-bottom: 8px;
	}
		
#content div.photowrapper div.credit
	{
	color: #999;
	margin: 0 7px 0 0;
	font-size: 9px;
	line-height: 15px;
	clear: left;
	text-align: left;
	}
	
#content .contentinset div.photowrapper div.credit
	{
	clear: none;
	}
	
/* hack for IE5 mac, not displaying credits correctly */
#content div.photowrapper div.credit/* */
	{
	text-align: right;
	}
	
#content div.photowrapper div.credit a
	{
	color: #9aaae7;
	}

#content .contentinset div.photowrapper div.credit
	{
	color: #999;
	clear: none;
	margin: 0;
	font-size: 9px;
	text-align: right;
	}
	
#content .contentinset div.photowrapper div.credit a
	{
	color: #9aaae7;
	}

#content .contentinset p.caption
	{
	clear: left;
	padding-left:1px;
	}

#content .contentinset div.dynamicbucket
	{
	border-top: thin dotted #ccc;
	padding-bottom: 5px;
	}

#content .contentinset div.dynamicbucket h3
	{
	padding-top: 10px;
	margin-bottom: 5px;
	}

#content .contentinset div.dynamicbucket p,
#content .contentinset div.dynamicbucket ul,
#content .contentinset div.dynamicbucket ol,
#content .contentinset div.dynamicbucket blockquote,
#content .contentinset div.dynamicbucket blockquote.pullquote
	{
	margin-bottom: 10px;
	}

#content .contentinset div.dynamicbucket div.bucketcontent
	{
	padding: 5px 0 0 0;
	margin: 0;
	}
	
#content .contentinset div.epromo
	{
	border: 1px solid #CCC;
	padding: 5px 10px;
	margin: 10px 0;
	}
	
#content .contentinset div.top
	{
	border-top: none;
	padding-top: 0;
	}
	
#content .contentinset div.ecommerce,
#content .contentinset div.ecommerce div.bucketcontent,
#content .contentinset div.top div.bucketcontent
	{
	padding: 0;
	}
	
#content .contentinset div.ecommerce p
	{
	margin: 0;
	padding: 5px 0;
	text-align: center;
	font-size: small;
	line-height: 100%;
	}
	
#musicinterlude div.ecommerce p
	{
	text-align: left;
	}
	
#content .contentinset div.ecommerce a
	{
	color: #06F;
	text-decoration: none;
	font-weight: bold;
	}

/* styles for program about page -- img */
#program img.border
	{
	border: none;
	}
	
#program .cinarrow
	{
	width: 154px;
	padding-bottom: 10px;
	}
	
#content .contentinset ul li .linkInfo
	{
	color: #666;
	display: block;
	width: 170px;
	padding: 0 0 0 22px;
	margin: 0;
	font-size: 10px;
	}		
	
.childstory
	{
	font-family: Georgia, "Times New Roman", Times, serif;
	/*color: #036;*/
	padding: 10px;
	border: 1px solid #999;
	border-top: 3px solid #999;
	border-bottom: 6px solid #999;
	margin: 10px 0;
	width:410px;
	clear:both;
	}

/* \*/
* html .childstory {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}
/* */
		
	
/*	GLOBAL STORY TEXT STYLES
	----------------------------------------------------------- */
#content blockquote {padding:0 30px;font-family:arial;font-style:normal;color:#7F4D1A;}		
	
#content .bucketcontent blockquote.pullquote,
#content .contentinset blockquote.pullquote
	{
	font-size: 135%;
	line-height: 150%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	color: #963;
	padding:0;
	}
	
#middlecol #content ol.bulleted,
#middlecol #content ul.bulleted
	{
	list-style-type: disc;
	}

#middlecol #content ol.bulleted li
	{	
	color: #333;
	list-style-position: inside;
	list-style-type: decimal;
	font-size: 11px;
	}
	
/* fix for ie bug (list-style-position:inside doesn't work if list is greater than 9) */
	
* html #middlecol #content ol.bulleted li {
	list-style-position: outside;
	text-indent:2.5em;
   } 

#middlecol #content ol.bulleted li:lang(en) {
   list-style-position: inside;
   text-indent:0;
   }	
	
/* end fix for ie bug */
	
#middlecol #content ul.bulleted li
	{	
	#color: #333;
	list-style-position: inside;
	list-style-type: disc;
	display: list-item;
	font-size: 11px;
	}

	
/*	COLUMN STYLES
	----------------------------------------------------------- */

#middlecol #colheader
	{
	display: block;
	margin-bottom: 5px;
	float: left; /*new style for column aggregation page*/
	width: 320px; /*new style for column aggregation page*/	
	}
	
#middlecol #colheader img
	{
	float: left;
	display: inline;
	width: 50px;
	padding: 1px;
	border: 1px solid #C30;
	}
	
#middlecol #colheader .graphicheader_dm /* graphic for dm agg pgs */
	{
	border:none;
	width: 280px;
	padding: 0;
	}	
	
#middlecol #colheader a
	{
	text-decoration: none;
	}

#middlecol #colheader .columntitle
	{
	display: inline;
	clear: none;
	color: #C30;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	border-bottom: 1px dotted #C30;
	/*padding-bottom: 3px;*/	
	padding-bottom:1px;
	line-height:28px;
	}
	
#middlecol #colheader .columntitleGrp
	{
	display: inline;
	clear: none;
	color: #C30;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	font-weight: normal;
	
	padding-bottom: 3px;
	}

#middlecol #colheader .columnbyline
	{
	margin: 0;
	display: block;
	margin-top: 10px !important;
	}

/*new style for column aggregation page*/		
#middlecol #content p.pagenum
	{
	/*text-align: right;
	margin: 0;*/
	font-size: 11px;
	padding: 4px 0 0 0;
	margin: 0;
	display: inline;
	text-align: right;
	float: right;
	}
	
#middlecol .byline a
	{
	color:#000;
	}
	
	
#middlecol .bylineAP
	{
	color:#666;
	}
	
#middlecol .orgAP
	{
	font-weight:bold;
	}		
	
/*	LEGACY STYLES
	----------------------------------------------------------- */
	
#contentinset .cilegacy,
.cilegacy
	{
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
	
#contentinset .cilegacy p.caption,
#contentinset .cilegacy span.caption,
.cilegacy p.caption,
.cilegacy span.caption
	{
	font-size: 11px;
	color: #000;
	}
	
#contentinset .cilegacy a.caption,
.cilegacy a.caption
	{
	vertical-align: middle;
	color: #214ac6;
	}
	
#contentinset .cilegacy img.photo,
.cilegacy img.photo
	{
	float: none;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
	clear: both;
	float: none;
	}
	
	
/*	PODCAST STYLE - FOR DESCRIPTION PAGES
	----------------------------------------------------------- */
#middlecol .podcastheader
	{
	height:66px;
	margin-bottom:10px;
	}

#content .podcastquestion
	{
	display: block;
	font-size: 11px;
	}


#storybody .podcastinset
	{
	width:170px;
	}	
	
	
/*	USER COMMENT STYLES
	----------------------------------------------------------- */
.userComment
	{
	border-bottom:1px solid #aaa;
	margin:0;
	padding:10px 0 15px 0;
	width:430px;
	}

.userComment p
	{
	font-size:11px;
	margin-bottom:10px;
	}

#commentSection
	{
	clear:both;
	margin:0;
	padding-top:20px;
	}

#commentSection h4
	{
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
	padding: 5px 0;	
	margin:0;
	}
	
#commentSection .subtitle
	{
	font-size:11px;
	font-weight:normal;
	margin-left:20px;
	}

#commentSection .userComment p.userCommentByline
	{
	font-style:italic;
	text-align:right;
	color:#666;
	}	

/*transcript bucket*/
#middlecol .transcriptBucket
	{
	clear:left;
	font-size:13px;
	margin:0 0 5px 0;
	padding:0;
	}
	
#middlecol .transcriptBucket p
	{
	float:left;
	text-align:left;
	margin-bottom:5px;
	}