@import url("webtv.css") tv;

/*************************************** 
RESET DEFAULT BROWSER CSS. */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, /*blockquote,*/ pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0 ;
  	padding: 0 ;
  	border: 0 ; 
  	font-weight: inherit ;
  	font-style: inherit ;
  	font-size: 100% ;
  	font-family: inherit ;
/*  	vertical-align: baseline ;*/
}
/*Defaults unordered lists to display without bullets*/
ul{list-style-type:none;}
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th {  }
/* Remove border on linked images. */
a img { border: none; }

/***************************************
COLORS	 Program Color:#074263 
		 Date Box Text:#0c4b6e 
		 Link:#7a0b0d
		 Link:hover(background):#d5d0cb
		 Rules/Visited Link:#85776d
		 Inactive Link:#aeaba9
		 Page Background:#f7f7f4
		 Poem Finder Background:#ede9e4
		 Graphical Heading(blue-green):#05595c
		 Graphical Heading(brown-green):#636105
		 Graphical Heading(red-brown):#7d4b07
		 */
		 
/*************************************** 
PAGE STYLES */
body{
    background-color:#f7f7f4;
	background-image:url(/standard/images/twa002/background/wallpaper.gif);
	font-family:georgia, serif;
	line-height: 1.5; 
	text-align:center; 
	   
}



#page_container{
    overflow:hidden !important;
	width:990px !important;
	padding-top:10px;
    margin:auto;
	text-align:left;
	background-image:url(/standard/images/twa002/background/wallpaper_hack.gif);	

}

a{color:#aeaba9;}
a:link{ color:#7a0b0d;}
a:visited{color:#85776d;}
a:hover{background-color:#d5d0cb;}
a.apm-donate-btn-twa:hover{background-color:transparent !important;}
#date_nav a{color:#aeaba9;}
#date_nav a:link{color:#7a0b0d;}
#date_nav a:visited{color:#7a0b0d;}
#date_nav a .end{color:#aeaba9;}
#date_nav a:visited.end{color:#85776d;}

/*text formatting*/
h1{font-size:2em;}
h2{font-size:1.8em; letter-spacing:-.005em; font-weight:900;}
h3{font-size:1.6em; font-weight:900;}
h4{font-size:1.3em;font-weight:900;}
h5{font-size:1em;font-weight:900;}
h6{font-size:.75em;font-weight:400;text-transform:uppercase;color:#85776d;}
.bodytext{font-size:.875em;}

.bodytext p,
.bodytext .poem p, 
.bodytext .note p, 
.bodytext .poem.author,
.bodytext blockquote  {padding-bottom:1.5em;}

/*utility classes to clear floats and move text off screen*/
.clear_floats{clear:both;}
.text_replacement{text-indent:-9999px; overflow:hidden;}

				  
/* ie6 adjustments 
* html #content{width:463px !important; }
* html #content p{width:auto;}
* html #content{padding:25px 20px 9999px 25px ;}
* html #content.wide{width:578px !important;}
* html #features{
    height:1%;
    width:115px !important;
	padding-right:8px;
	padding-left:8px;
	padding-bottom:9999px;
	margin-bottom: -9999px;
}
* html #features div{height:1%;}
* html #features_searchcolor{
    width:110px !important;
    position:relative;
	margin: 0 -7px 0 -7px;
	padding: 0 10px 0 10px;	
}
* html #features .features_item{text-align:center;}
* html #episode_date{margin-right:10px;}	  
* html #episode_date #date_nav .next,
* html #episode_date #date_nav .prev{margin:0 3px 0 3px;}	
* html #share_list{top:240px;}
* html #episode_links{
	margin-left: -65px;
	margin-top:50px;
	padding:0;
	width:360px;
}
* html .large_link{left:140px;}	*/	  
/*************************************** 
HEADER STYLES */
#header_container{
  	height:135px !important;
  	width:990px !important;
  	float:left;
 }
 
/*top rule and search box*/ 
#header{
	background-color:#ede9e4;
  	background-image: url(/standard/images/twa002/hdr_bg.gif);
  	background-repeat:repeat-x;
  	background-position:bottom;
	height:111px;
}
#header_top form {
  	width:220px;
  	height:24px; 
  	float:right;
  	background-image: url(/standard/images/twa002/hdr_roundcorner2.gif);
 	background-repeat:no-repeat;
   	background-position:18px 3px;
 }

#header_top form .button{float:right; margin:-16px 0 0 0;}
#header_top form #programSearchBox{
   	width: 108px; 
   	height: 14px; 
   	font-size: 11px; 
   	border: solid 1px #999; 
   	color: #000;
}
#header_top form #programSearchLabel{
   	color:#fff;
	font-size: 11px; 
   	font-family: verdana, arial, helvetica; 
}

/*wordmark*/
#header h1 {
	width:533px;
    height:72px;
    float:left;
 	margin:20px 0 5px 10px;
    background: transparent url(/standard/images/twa002/hdr_title.gif) no-repeat left top;  	
	overflow: hidden;
}

#header h1 a {
 	width:533px;
    height:72px;
    display: block;
}

#header h1 a:hover{
    background-color: transparent;
}

/*links*/
#header_linkscontainer{
    float:right;
    background-image: url(/standard/images/twa002/hdr_leftcurly.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding:0 25px 0 18px;
	margin: 23px 0 0 0;
}
#header_linkscontainer #header_links{
	width:370px;
	height:50px;
	padding-top:5px;
    font-family:verdana,arial,helvetica,sans-serif;
	font-size:.8em;
	background-image: url(/standard/images/twa002/hdr_rightcurly.gif);
	background-repeat:no-repeat;
	background-position:right;
}
#header_links .help{padding-left:13px; padding-right:4px;}
#header_links .contact {padding-left:3px;}
#header_links .stations {margin:0 -5px 0 -3px;}

#header_links li{
	float:left;
	margin: 2px 10px;
}
#header_links li a{color:#0c4b6e;}

li.social_media {
    height: 16px;
	float: right;
	display: block;
	line-height: 25px;
    overflow: hidden;
    padding: 0 0 0 0 !important;
    text-indent: -9999px;
    width: 16px;
}

li.social_media a {
    background: none repeat scroll 0 0 transparent;
    display: block;
    height: 16px;
    width: 16px;
}

li.facebook a {
    background: url(/standard/images/twa002/icons/social_icons.png) no-repeat scroll 0 0 transparent;
}

li.twitter a {
    background: url(/standard/images/twa002/icons/social_icons.png) no-repeat scroll -16px 0 transparent;
}

/*************************************** 
EPISODE AND CONTENT AREA STYLES */
#content{
  	float:left;
  	width:550px !important;
	background-color:#f7f7f4;
	/*large padding and negative margin 
  	to make columns equal 
  	http://www.ejeliot.com/blog/61*/ 
	padding:25px 35px 9999px 35px ;
  	margin-bottom:-9999px;
}
/*#content.wide{width:580px !important;}*/

/*************************************** 
EPISODE STYLES */
#episode_date{
	color:#0c4b6e;
	text-align: center;
}
#episode_date .day{font-size:.8em; text-transform:uppercase;display:inline;}
#episode_date .date{line-height:1.2;margin-top:5px;display:inline;}
#episode_date #date_nav{margin:12px 0 0 15px;font-size:.7em;display:inline;}
#episode_date #date_nav li{
  	display:inline;
  	font-size:1em;
  	text-transform:uppercase;
}
#episode_date #date_nav .prev{display:inline;}
#episode_date #date_nav .next{display:inline; margin-left:10px;}
#episode_date #date_nav .next.disabled{color: #aeaba9;}

/**/
#episode_links{
	position:relative;
	margin-left:40px;
	margin-top:30px;
	margin-bottom:10px;
}
#episode_links li{
  	float:left;
	margin-left:25px;
  	text-transform:uppercase;
}
#episode_links li h5{
	background-repeat:no-repeat;
  	background-position:-1px 4px;
	padding-left:15px;
}
#episode_links li h5 a{
	color: #7a0b0d;
}
.large_link{display:block !important;/*position:absolute;top:-30px;left:115px;*/}
.listen{
	background-image:url(/standard/images/twa002/icons/audio.gif);
	font-size:1.1em;
	background-position:-1px 8px !important;
}
.email{background-image:url(/standard/images/twa002/icons/email.gif);}
.share{background-image:url(/standard/images/twa002/icons/share.gif);}
.download{background-image:url(/standard/images/twa002/icons/download.gif);}

#share_list{
    margin-top:5px;
	margin-left:130px;
	display: none;
	position:absolute;
}
#share_list li{
	display:inline;
	margin-left:1em;
	text-transform:capitalize;
	height:14px;
}
#share_list li img{margin-right:2px; margin-bottom:-2px;}

/**/
.episode_title{
  	text-align:center;
  	clear:right;
	margin-top:30px;
    line-height: 2.0em;
}

.work{font-size: 16px;}

.note_intro{font-size:1.2em;font-weight:700;}
.work em,.note em{font-style:oblique;}
.note strong, 
.note a{font-weight:700;}

.author{
	font-family:arial, sans-serif;
	font-size:.9em; 
	line-height: 1.2;
	font-weight:400;
	padding-top: 1em;	
}

/*breaks between DACS*/
div.work,
.note,
.break1,
.break2,
.break3{
  	padding-bottom:1.5em;
  	margin-bottom:1.5em;
  	background-repeat:no-repeat;
  	background-position:bottom center;
}
div.work,.break1{background-image:url(/standard/images/twa002/break/break1.gif);}
.break2{background-image:url(/standard/images/twa002/break/break2.gif);}
.note,.break3{background-image:url(/standard/images/twa002/break/break3.gif);}

/**/
.episode_credits h4{text-transform:uppercase; margin:1.5em 0 1em 0;}
.episode_credits{margin-bottom:2em;}


/* bottom episode navigation */
#episode_date_bottom { text-align:center; margin-bottom:2em; }
#bottom_date_nav { display:inline; text-align:center; font-size:1em; text-transform:uppercase; font-weight:bold; }
#bottom_date_nav li { display:inline; }
#bottom_date_nav li.next { margin-left:10px; padding-left:10px; border-left: 1px solid #aeaba9; }
#bottom_date_nav li.next.disabled { color:#aeaba9; }
#bottom_date_nav a { color: #AEABA9; }
#bottom_date_nav a:link { color: #7A0B0D; }
#bottom_date_nav a:visited { color: #7A0B0D; }
#bottom_date_nav a .end { color: #AEABA9; }
#bottom_date_nav a.end:visited { color: #85776D; }


/*************************************** 
BOOKSHELF STYLES */
.book{
	float:right;
	width:200px;
	padding:5px;
	margin:10px;
	background-color:#ede9e4;
}

/*************************************** 
FEATURES STYLES */
/*
#features{
    width:110px !important;
    float:left;
  	background-color:#f7f7f4;
  	background-image:url(/standard/images/twa002/background/pattern_130_1.gif);
  	background-position:center;
  	background-repeat:repeat-y;
  	border-left:solid #85776d 1px;
  	padding:0 10px 9999px 10px;
  	margin-bottom:-10001px;
}
*/
/**general features_item styles*/
/*
.features_item{
	text-align:center;
	padding:20px 0 25px 0;
	border-bottom:solid #85776d 1px;
}
#features_itemcolor{background-color:#f7f7f4;}
*/	
/*search area*/
/*----Previous style for middle gutter.  No needed anymore ----*/
/*
#features_searchcolor{
    background-color:#ede9e4 !important;
	width:110px;
	margin: 0 -10px 0 -10px;
	padding: 0 10px 0 10px;
}

.searchbox{
    width:100px;
	height:15px;
	border:solid #85776d 1px;
	font-family: arial, helvetica, sans-serif;
	font-size:.9em;
	font-weight:normal;
}
#features_poemsearch{padding-top:25px; }
.features_item .go_button{float:right;}

#features_poemsearch h5{
    width:110px;
	height:65px;
   	background-image:url(/standard/images/twa002/poems_hdr.gif);
  	background-repeat:no-repeat;
}
#features_authorsearch h5{
 	width:110px;
	height:45px;
   	background-image:url(/standard/images/twa002/authors_hdr.gif);
  	background-repeat:no-repeat;
}
#features_browse h5{
 	width:111px;
	height:45px;
    background-image:url(/standard/images/twa002/browse_hdr.gif);
  	background-repeat:no-repeat;
}
#features_browse li a{
    font-size:1.6em;
	font-weight:700;
}
#features p.featuretext{
   font-size:.8em;
   margin-top:.5em;
}
#features a.featuretext{
   font-size:1em;
   font-weight:700;
}
#features_phrase h5{
    width:111px;
	height:211px;
	background-image:url(/standard/images/twa002/phrase.gif);
  	background-repeat:no-repeat;
}

#features #quotes h4{
    font-size:1.5em;
   	font-weight:500;
	line-height:1.3;
	margin-bottom:1em;
}
#features #authorquotes h4{
    font-size:1.1em;
   	font-weight:600;
	line-height:1.25em;
	margin-bottom:1em;
}

.quote{display:none;}
.display{display:block;}

span.quote p {
    margin: 0;
    padding: 0;
}

*/

/*************************************** 
PROMOS STYLES */
#promos{
    width:352px !important;
  	float:left;
	border-left:solid #85776d 1px;
  	background-color:#f7f7f4;
  	/*background-image:url(/standard/images/twa002/background/pattern_326_1.gif);
  	background-position:center;
  	background-repeat:repeat-y;*/
  	 /*large padding and negative margin 
  	to make columns equal 
  	http://www.ejeliot.com/blog/61*/
  	padding:0 0 9999px 15px;
 	margin-bottom:-10001px;
}
#promos .promos_item{
    background-color:#f7f7f4;
   	width:300px;
	text-align:center;
	padding:20px 0 25px 0;
	border-bottom:solid #85776d 1px;
}
#promos .promos_item img.float_left{float:left;
}
#promos .promos_item .promo_text{
    float:right;
    width:130px;
    text-align:left;
	font-size:1em;
    margin:10px 0 0 5px;
}
#promos .promos_item img.float_left2{
    float: left; 
    margin: 10px 10px 0 30px;
}
#promos .promos_item .promo_text2{
    text-align: left; 
    margin: 8px 0 0 0;
}

/*************************************** 
CALENDAR STYLES */
#worksby_hdr,
#date_hdr{float:left;}
#worksby_author,
#date_year{
   	float:left;
	color:#7d4b07;
	font-size:2.4em;
	margin:-.25em 0 1em .2em;
	font-weight:500;
}
#worksby_author{margin-top:-.03em;font-size:2em;}
ul#calendar_dates{
     float:left;
	 width:450px;
	 text-align:center;
	 border-bottom:solid #85776d 1px;
	 padding-bottom:1.5em; 
}
#calendar_dates li{display:inline;}
.selectedyear{font-weight:900;color:#000;}
.calendar_month{
	width:300px !important;
	padding:10px;
	margin:20px;
}
.calendar_month .calendar_day{
     width:50px;
	 background-color:#ede9e4;
	 border-left:solid #85776d 1px;
	 border-right:solid #85776d 1px;
	 border-bottom:solid #85776d 1px;
	 font-size:1.15em;
	 color:#aeaba9;
}
.calendar_month .calendar_day a{display:block;padding-left:5px;}
.calendar_month .calendar_day a:hover{background-color:#d5d0cb;}
.calendar_month .calendar_header{
	border-bottom:solid #7d4b07 1px;
	font-weight:800;
	padding-left:5px;
	color:#85776d;
	
}
.calendar_header h5{	
	color:#7d4b07;
	font-weight:500;
	font-size:1.15em;
	text-transform:uppercase;
}


/**************************************
Feature search on the archive page
*/
#archive_search {
    position: relative;
	margin-bottom:20px;
	padding:10px;
	background-color: #EDE9E4;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;
}

#archive_search:after {
    z-index: -1;
    position: absolute;
    background: transparent;
    width: 70%;
    height: 10%;
    content: '';
    right: 8px;
    bottom: 20px;
    transform: skew(15deg) rotate(6deg);
    -webkit-transform: skew(15deg) rotate(6deg);
    -moz-transform: skew(15deg) rotate(6deg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); 
} 
#archive_search:before {
    z-index: -2;
    position: absolute;
    background: transparent;
    width: 70%;
    height: 10%;
    content: '';
    left: 8px;
    bottom: 20px;
    transform: skew(-15deg) rotate(-6deg);
    -webkit-transform: skew(-15deg) rotate(-6deg);
    -moz-transform: skew(-15deg) rotate(-6deg);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

#archive_search form{	
	margin:10px;
}

#archive_search ul{	
	margin:15px 10px 10px 10px;
}

#archive_search h5{
	display:inline;
	float:left;	
	margin-right:10px;
	color: #7A0B0D;
}

#archive_search form h5{	
	margin-top:10px;
}

#archive_search li{
	display:inline;
	margin-right:10px;
}


/*************************************** 
POEM AND AUTHOR SEARCH PAGES */
#authorworks_list{clear:left;width:400px;}

#authorworks_list li{margin: 0 0 20px 0;}

#poem_letters,
#author_letters{text-align:center; margin: 1em 0 1em 0;}

#poem_letters li,
#author_letters li{
    font-size:1.1em;
	font-weight:500;
	margin-right:3px;
	display: inline;
}

.selected_letter{
	color:#000;
	font-size:1.2em;
	position:relative;
	top:.1em;
}

.authorsearch  a:visited,
.poemsearch  a:visited,
.poemsearch_results a:visited,
.authorsearch_results a:visited{color:#7a0b0d;}

a.searchHeader{
    font-size:.9em;
	font-weight:600;
	text-transform:uppercase;
}

.authorsearch input.searchbox,
.poemsearch input.searchbox{width:200px;}

.authorsearch label img{margin-bottom:-3px;}
.poemsearch label img{margin-bottom:-5px;}

input.podcast {width: 450px;}

tr.zebra td{
	border-bottom:solid #85776d 1px;
	border-top:solid #85776d 1px;
}
td.info{height:40px;padding: 0 .4em;}
td.formLabel{
	text-align:center;
	font-size:1.1em;
	color:#7a0b0d;			
}

.poemsearch_results h3,
.authorsearch_results h3{margin:1em 0 0 0;}

div.poem_name{
    margin: 4px 4px 30px 4px;
}

div.author_name{
    margin: 4px 4px 20px 4px;
    line-height: 1.2em;
}

/***************************************
Author quotes in the promo area
***************************************/

#authorquotes {
	background-color: #F7F7F4;
	color:#444;
}
#authorquotes a, #authorquotes a:link {
	text-decoration: none;
}

#authorquotes p {
	font-size: 1.4em;
	font-weight: bold;
	margin-top: .8em;
	display: none;
}

#authorquotes ul {
	margin: 0 1.6em;
}

#authorquotes .left {
	float: left;
}
#authorquotes .right {
	float: right;
}

/*#features #authorquotes h4{*/
#authorquotes li {
	display: none;
    font-size:1.1em;
   	/*font-weight:600;*/
	line-height:1.25em;
	margin-bottom:1em;
	font-size:1.3em;
	font-weight:900;
}

#authorquotes li.display {
	display: block;
}

#authorquotes li .who {
	font-size: .75em;
	font-weight: normal;
	display: block;
}

/*************************************** 
FOOTER */
#footer_break{
	width:990px;
	height:5px;
	background-color:#f7f7f4;
	border-top:solid #85776d 1px;
	margin:0 auto;
}
#apm_footer{
    border-top:solid #85776d 1px;
	width:990px;
	background-color:#ffffff;
	margin:0 auto;
}