/*widths*/
/*browns*/
/*greys*/
/*blues*/
/*pink-white*/
/*reds*/
/*magenta*/
/*Old section theme colors*/
/*New section theme colors*/
/*donation pages*/
/*Re-skinning*/
/*widths*/
/*browns*/
/*greys*/
/*blues*/
/*pink-white*/
/*reds*/
/*magenta*/
/*Old section theme colors*/
/*New section theme colors*/
/*donation pages*/
/*Re-skinning*/
#header { border-top: 8px solid #3f2e2b; }
#header .top { background: #3e1f21; color: #FFF; height: 20px; padding: 5px 20px; display: none; text-align: center; /*TODO - remove once header story is played*/ }
#header .main { overflow: hidden; background: url("/images/beta/sprites/map-watermark.png") no-repeat right top white; }
#header .main .tagLine { float: right; margin: 30px 15px 0 0; text-align: right; width: 650px; letter-spacing: -0.031em; }
#header .main .tagLine .searchBar { overflow: hidden; }
#header .main .tagLine .searchBar input[type="text"] { border: 1px solid #979093; width: 218px; height: 13px; padding: 5px 10px; font-size: 0.95em; }
#header .main .tagLine .searchBar input[type="submit"] { background: url("/images/beta/sprites/search_button_icon.png") no-repeat center center #979093; border: none; width: 25px; height: 25px; cursor: pointer; color: transparent; position: relative; right: 4px; vertical-align: top; }
#header .main .tagLine .searchBar input[type="submit"]:hover { background-color: #aaa; }
#header .main .tagLine .searchBar a.advancedSearch { width: 99%; margin: 5px 0 0 0; display: block; }
#header .main .tagLine .searchBar { margin: 15px 0 0 0; position: relative; height: 60px; }
#header .main .tagLine h1 { text-transform: uppercase; font-size: 1.25em; line-height: 1.2em; font-weight: bold; margin: 0; }
#header .main .tagLine h2 { font-size: 1.05em; font-weight: normal; }
#header .main .tagLine h1, #header .main .tagLine h2 { color: #3f2e2b; }
#header .navigation { color: #fff; margin-bottom: 10px; text-align: center; overflow: hidden; }
#header .navigation ul li, #header .navigation ol li { list-style: none; }
#header .navigation ul#top_nav { overflow: hidden; margin: 0; padding: 0; width: 102%; }
#header .navigation ul#top_nav li { float: left; list-style: none; }
#header .navigation ul#top_nav li a { display: block; margin: 0; padding: 7px 21px; text-align: center; background: #980113; border-right: 1px solid #b44653; color: #fff; font-size: 14px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
#header .navigation ul#top_nav li a:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; background: #5c0115; text-decoration: none; }
#header .navigation ul#top_nav li.donate a { background: #4a89a6; text-transform: uppercase; width: 68px; padding: 7px 21px 7px 16px; border-right: none; }
#header .navigation ul#top_nav li.donate a:hover { background: #335e72; }

#about ul#top_nav li.about a, #blog ul#top_nav li.blog a, #shows ul#top_nav li.archive a, #contact ul#top_nav li.contact a, #features ul#top_nav li.features a, #get_involved ul#top_nav li.get_involved a, #appeal ul#top_nav li.appeal a, #donate ul#top_nav li.donate a, #home ul#top_nav li.home a, #spanish ul#top_nav li.spanish a, #stations ul#top_nav li.stations a, #store ul#top_nav li.store a, #events_pages ul#top_nav li.events a, #events_events ul#top_nav li.events a { background-color: #5c0115; }

#appeal ul#top_nav li.donate a, #donate ul#top_nav li.donate a { background: #4787A3; }

/*widths*/
/*browns*/
/*greys*/
/*blues*/
/*pink-white*/
/*reds*/
/*magenta*/
/*Old section theme colors*/
/*New section theme colors*/
/*donation pages*/
/*Re-skinning*/
a { text-decoration: none; color: #0f4c70; outline: none; }
a:visited { color: #0f4c70; }
a:visited:hover { color: #0f4c70; }
a:active { color: #0f4c70; }
a:hover { color: #0f4c70; text-decoration: underline; }
a img { text-decoration: none; border: none; }

a.dnLogo { display: block; width: 230px; height: 150px; background: url("/images/beta/logos/dn_header_logo.png") no-repeat -120px -130px; float: left; }

body { margin: 0; padding: 0; /*font: 12px verdana, arial, helvetica, sans-serif;*/ font: 13px arial, sans-serif; color: #333; background-color: #999; line-height: 1.38; }

/* universals */
#site_wrapper { width: 928px; margin: 0 auto; border-right: 1px solid #666; border-left: 1px solid #666; background-color: #fff; }

div { margin: 0px; padding: 0px; border: 0px; }

img { border: 0; margin: 0; }
img.top { vertical-align: top; }

.promoImage { overflow: hidden; text-align: center; }

b, strong { color: #000; }

a strong { color: inherit; }

/* end universals */
/* masthead */
#printlogo { display: none; }

#css_toggle { display: none; }

/* end masthead */
/* columns */
/* page specific styles: changes made here may also need to be made to column_footers */
#get_involved #wrapper_left, #donate #wrapper_left, #appeal #wrapper_left, #about #wrapper_left, #gala #wrapper_left, #static_media #wrapper_left { background-image: none; background-color: #fff; }

/* end page specific styles */
#donate #left, #appeal #left, #get_involved #left { background-image: none; background-color: #fff; }

#gala #wrapper_right, #static_media #wrapper_right { background-image: none; background-color: #fff; }

#wrapper_no_right { /* was: overflow: auto; */ }

#wrapper_left.view_headlines #show_nav { border-bottom: 1px dotted #999; padding-bottom: 5px; }
#wrapper_left.view_headlines #show_header { margin: 5px 0 0; }
#wrapper_left.view_headlines #show_header h2.segment { width: 100%; overflow: hidden; }
#wrapper_left.view_headlines #show_header .embed_player { padding-right: 3px; }

#wrapper_left.thank_you #middle { margin-left: 0px; font-size: 20px; }

/* ie 6 and under hacks */
.ie6 #wrapper_left { height: 100%; overflow: visible; }
.ie6 #wrapper_right { height: 100%; width: 901px; overflow: visible; }
.ie6 #middle { height: 100%; }
.ie6 body#shows #middle { padding-right: 0px; }
.ie6 #middle #swfplayer { width: 432px; overflow: hidden; }
.ie6 #middle #swfplayer embed, .ie6 #middle #swfplayer object { width: 432px; }

/* end ie 6 and under hacks */
.video_player { background-color: black; }

#right { float: right; margin: 0; padding: 0; width: 265px; }

#right_float { float: right; padding: 0; width: 265px; margin-right: 15px; }

#no_right { float: right; margin: 0; padding: 0; width: 1px; }

#stations #right { background: #fff; }

#stations #site_wrapper { overflow: hidden; }

#right-text { margin: -1px 0 0 0; background: #fff; padding: 0 0 0 20px; }

#middle { overflow: visible; padding: 0; border: 0; margin: 0 296px 0 174px; }
#middle p { margin-top: 0; }

#search #middle { overflow: visible; padding: 10px 10px 0 10px; border: 1px solid #fff; margin: 0 0 0 170px; background: #fff; }

.no_leftbar #middle { margin-left: 0; }

#wrapper_no_right #middle { margin-right: 15px; }

/* footer */
#column_footers { background: #fff; float: left; clear: both; /* ie6 needs this to clear the graphics below center column */ }

#contact #right_footer, #error #right_footer, #stations #right_footer, #search #right_footer, #gala #right_footer, #static_media #right_footer, #staff #left_footer, #history #left_footer, #about #left_footer, #donate #left_footer, #appeal #left_footer, #get_involved #left_footer, #gala #left_footer, #static_media #left_footer, div#pacifica { display: none; }

/* hack to hide the pacifica banner on all pages EXCEPT the home page */
#home div#pacifica { display: block; }

h2.tight { margin: 0 0 10px 0; font-size: 14px; }

#footer { clear: both; margin: 10px 0 0; padding: 0; background: url(/images/nav/bottom_bg.png) left top repeat-x white; }

/* bottom navigation */
ul#bottom_nav { text-align: center; background: none repeat scroll 0 0 #3f2e2b; padding-bottom: 10px; padding-top: 10px; margin: 0; }
ul#bottom_nav li { display: inline; line-height: 1.5em; padding: 0 0.5em; #border-left: 1px solid #999; }
ul#bottom_nav li a { color: #FFFFFF; }
ul#bottom_nav li.home { #border-left: none; }

ul.blog { padding: 0px; margin: 0px; list-style-type: none; }
ul.blog li { border-bottom: 1px dotted #aaa; padding: 0.5em 0; }
ul.blog li.web_exclusive { border-top: 2px solid #666; padding: 0 0 0.5em 0; }
ul.blog p { margin: .25em 0; color: #000; }
ul.blog h4 { font: bold 12px verdana, arial, helvetica sans-serif; margin: 0; padding: 0; }
ul.blog p.posted { padding-top: 0.5em; font-size: 11px; color: #666; }

p.blog_meta, div.blog_meta { padding-top: 0.5em; font-size: 11px; color: #666; }

p.fineprint { clear: left; font-size: 11px; height: 1em; margin: 1em 8em 2em 8em; text-align: center; }
p.small { font-size: 11px; }

ul.links { border-top: 1px solid #aaa; font-size: 11px; padding: .5em 0px .5em 1.5em; margin: 0; border-bottom: 2px solid #999; }
ul.links li { padding: 0; }

h2, h3, h4, h5, h6 { padding: 0 0 0.5em 0; color: #000; font-family: arial, sans-serif; margin: 0; }

h2 { font-size: 18px; }

h3 { font-size: 16px; }

h4 { font-size: 12px; }

#date { font-weight: bold; background: #fff; padding: 0 10px 0 0; }

#header_right { padding-top: .5em; float: right; }

h1#seo_headline { font-size: 12px; color: black; }

#right-text div.headlines h3 { padding: 0.2em 0 0.2em 0em; margin: 0; font-size: 14px; }

#middle div.story { margin: 0 0 1em 0; padding: 0; display: inline-block; }

ul.story { padding: 0; display: inline-block; list-style-type: none; }
ul.story li { display: inline-block; padding-top: 0.8em; }
ul.story li ul li { overflow: visible; list-style-type: disc; display: inline-block; }
ul.story li h4 { padding-bottom: 0.2em; font: 17px/21px Arial, sans-serif; }

h2.segment, h1.segment { padding-bottom: 0.2em; font: 17px/21px Arial, sans-serif; }

h2.segment, h1.segment { float: left; font-weight: bold; }

ul.story li p { margin-top: 3px; }

.storyimage { margin: 5px 10px 0 10px; float: right; }

/* SEGMENT */
#middle .headline { margin: 1.7em 0 0.7em 0; padding: 0; }
#middle .headline h4 { display: inline-block; width: 360px; }

div.headlinetext p { margin: 3px 0 0 0; padding: 0; }

.pullquote { text-indent: -0.1em; width: 33%; float: right; font-family: Arial, sans-serif; font-size: large; border-left: solid 1px #900; padding-left: 1em; margin-left: 1em; }

.guest_appearance { margin: 1em 0px 1em 42px; }

div.intro p { padding-top: 0.5em; }

#show_header { height: 2em; }

h4.showdate { font-size: 14px; }
h4.community { float: left; }

div.share { padding-left: 3px; float: right; width: 64px; }
div.show_share { width: 84px; }
div.headline_share { width: 84px; float: right; }
div.story_share { height: 16px; padding: 0.2em 0 0.5em 0; margin-left: -1px; }
div.segment_share { display: block; height: 16px; padding: 0.2em 0 0.5em 0; margin-left: -1px; clear: both; }
div.post_share { display: block; height: 16px; padding: 0.2em 0 1em 0; margin-left: -1px; }
div.tag_share { display: block; height: 16px; margin: 3px 0; }

.share_no_count .addthis_default_style .at300b, .share_no_count .addthis_default_style .at300m { float: none; padding: 0; }

.share_with_count .addthis_button_google_plusone { margin: 0 2px; }
.share_with_count .addthis_button_tweet { width: 95px; margin-left: 2px; }

div.embed_player { float: right; padding-right: 3px; }
div.embed_player img { cursor: pointer; }
div.embed_popup { display: none; position: absolute; z-index: 1000000; visibility: visible; background: #FFFFFF; border: 1px solid #CCCCCC; padding: 1px; color: #666666; width: 360px; margin: 0; }
div.embed_popup div.head { background: #F2F2F2 none repeat scroll 0 0; border-bottom: 1px solid #E5E5E5; cursor: default; padding: 4px; position: relative; color: #990000; font-family: arialsans-serif; font-size: 1em; line-height: 1em; text-align: middle; vertical-align: middle; }
div.embed_popup div.head input.radio { font-size: 1em; vertical-align: middle; }
div.embed_popup div.head label { color: #990000; font-family: arial,sans-serif; font-size: 1em; padding-top: 0.2em; vertical-align: middle; }
div.embed_popup div.code { padding: 5px; }
div.embed_popup div.footer { height: 12px; border-top: 1px solid #E5E5E5; background: #F2F2F2 none repeat scroll 0 0; }
div.embed_popup div.code td { width: 310px; height: 70px; }
div.embed_popup div.code textarea { overflow: hidden; font-size: 11px; width: 310px; margin: 1em auto; display: block; }

/* Show media formats and segment actions */
.extra_footage { padding: 0 0 3px 19px; margin-bottom: 2px; background: url("/images/nav/icon_tv.png"); background-repeat: no-repeat; height: 15px; margin-right: 8px; }

#share_header { border-top: 1px solid #ddd; padding-top: 1px; width: 449px; height: 30px; }

a.feed_link { background: url("/images/nav/icon_rss.png") no-repeat; }
a.real_video, a.mpeg4_download, a.mpeg4_torrent, a.mpeg4_stream, a.archive_video { background: url("/images/nav/icon_tv.png") no-repeat; }
a.real_audio, a.mp3_download, a.mp3_stream, a.archive_audio { background: url("/images/nav/icon_audio.png") no-repeat; }
a.blog_mp3_audio { background: url("/images/nav/icon_audio_trans.png") no-repeat; }
a.printer { background: url("/images/nav/print.png") no-repeat; background-position: 4px 3px; }
a.email { background: url("/images/nav/email.png") no-repeat left center; }
a.plus { background: url("/images/nav/icon_plus.png") no-repeat; }
a.purchase { background: url("/images/nav/cd.png") no-repeat left center; }
a.help { background: url("/images/nav/help.png") no-repeat; background-position: 3px 3px; }
a.share { background: url("/images/nav/share.png") no-repeat; background-position: 2px 3px; }
a.es_headlines { background: url("/images/nav/print.png") no-repeat; background-position: 3px 3px; }
a.podcast { background: url("/images/nav/podcast.png") no-repeat; background-position: 0 0; }
a.itunes { background: url("/images/nav/itunes_subscribe.gif") no-repeat; background-position: -3px 1px; }

/* streampage */
table.streampage { text-align: left; }
table.streampage td { padding-right: 1em; }
table.streampage th { padding-right: 1em; padding: 0.6em 0 0.2em 0.3em; vertical-align: bottom; font-weight: normal; font-size: 110%; }
table.streampage td { vertical-align: top; }
table.streampage td.formats div.formats { padding-left: 1px; border-left: 1px solid #ccc; }

#middle table.streampage div.formats { width: 185px; }

/* top stories */
.index .top_stories { margin-bottom: 0px; }
.index .recentShows { padding-top: 20px; }

.top_stories_wrap { max-height: 235px; }

.ie6 .top_stories_wrap { height: 235px; }

.xml { width: 81px; float: right; text-align: center; font-size: 8px; text-transform: uppercase; line-height: 1.5em; padding-left: 1.5em; margin: 0px; }

.hr_gray { border-top: dotted 1px #ccc; margin-bottom: 10px; padding: 0; }

h4.recent_shows { border-top: solid 1px #bbb; padding-top: 5px; }

ul.recent_shows { padding-left: .75em; margin: 0 0 1em .75em; }
ul.recent_shows li { margin-bottom: .5em; }
ul.coming_up { padding-left: .75em; margin: 0 0 2em .75em; }
ul.coming_up li { margin-bottom: .25em; }

.nomargin { font-family: arial,sans-serif; margin: 0px; padding: 0px; }

.red_box { border: solid 1px #c00; padding: 1em; margin: 1.5em 0em 1.5em 0em; }
.red_box h3 { text-transform: uppercase; font-family: arial, sans-serif; margin: 0px; padding: 0px; color: #666; }
.red_box ul { margin-left: 1em; padding-left: 1em; }
.red_box ul li { margin: .5em 0em .5em 0em; }

div.video_preview_image img { padding: 1em 0; margin: 0px auto; display: block; }

h3.first { font-family: arial, sans-serif; padding: 0; margin-bottom: 0.3em; font-size: 130%; }
h3.blog { font-size: 14px; border-top: 2px solid #666; margin: 0; padding-bottom: 0.4em; }
h3.web_exclusive { font-size: 14px; margin: 0; padding-bottom: 0.4em; border-bottom: 1px solid #aaa; }

/* left sidebar */
/* defaults - used by admin */
#left-text { margin: 0; color: #fff; padding: 0; }
#left-text div { margin: 8px 0 0 8px; text-align: left; width: 125px; }
#left-text div a:link, #left-text div a:visited { color: #fff; }
#left-text div.section { margin: 0; padding-bottom: 16px; text-align: left; width: 150px; background: url("/images/nav/sidebar-section-bg.png") transparent left top no-repeat; }
#left-text div.section p { padding-bottom: 6px; }
#left-text div.section:first-child { margin-top: -11px; }

/* end defaults */
/* new sidebar styles */
.ie6 #left-text div.section { margin-top: -10px; }

#left-text div.digest { margin: 0; height: 55px; padding-bottom: 15px; text-align: left; width: 150px; background: url("/images/nav/sidebar-digest-bg.jpg") transparent left top no-repeat; }

div.digest form { display: inline-block; width: 150px; margin: 0; padding-left: 0; padding-bottom: 13px; }
div.digest input.email { width: 107px; font: 11px arial, sans-serif; color: #7d7d7d; border: 1px solid #c3c3c3; vertical-align: middle; padding-left: 3px; margin-right: 3px; }
div.digest input.submit { vertical-align: middle; }

#left-text div.section p, #left-text div.digest p { margin: 0 5px 0 10px; padding: 0 0 3px 0; display: block; font: 12px arial, sans-serif; text-align: left; color: #fff; line-height: 1.1; }
#left-text div.section p a.featured { padding: 0; margin: 3px 0 4px 1px; display: block; }
#left-text div.section a:link { color: #fff; text-decoration: none; }
#left-text div.digest a:link, #left-text div.section a:visited, #left-text div.digest a:visited, #left-text div.section a:hover, #left-text div.digest a:hover { color: #fff; text-decoration: none; }
#left-text div.section p.sectiontitle, #left-text div.digest p.sectiontitle { display: block; margin: 0 5px 0 0; text-align: left; padding: 8px 2px 3px 8px; font: bold 11px verdana, arial, sans-serif; color: #f90; text-transform: uppercase; }
#left-text div.section p.sectiontitle a:link, #left-text div.section p.sectiontitle a:visited { color: #f90; text-decoration: none; }
#left-text div.digest p.sectiontitle a:link, #left-text div.digest p.sectiontitle a:visited { color: #f90; text-decoration: none; }
#left-text div.section p.sectiontitle a:hover, #left-text div.digest p.sectiontitle a:hover { color: #f90; text-decoration: underline; }
#left-text div.banner { margin: 0 0 10px 0; }

ul.sidebar { margin: 0 0 0 8px; padding: 0; font: 11.5px arial, sans-serif; color: #fff; }
ul.sidebar li { margin: 0; padding: 0 3px 3px 0; list-style-type: none; }

#left-text div ul.sidebar a:link, #left-text div ul.sidebar a:visited, #left-text div ul.sidebar a:hover { color: #fff; }
#left-text div.follow_icon { display: inline; margin: 0 0 0 3px; vertical-align: middle; float: left; width: 32px; }

ul.follow-us { margin-left: -1px; }
ul.follow-us li { padding: 0 0 2px 0; }
ul.follow-us li div { overflow: hidden; }
ul.follow-us li a { padding: 0 2px; color: #fff; float: left; }
ul.follow-us li a span.icon { display: block; margin: 0 4px 0 0; height: 16px; line-height: 16px !important; overflow: hidden; width: 16px; float: left; padding: 0px; }
ul.follow-us span.twitter-icon { background: url("/images/nav/twitter_16.png"); }
ul.follow-us span.facebook-icon { background: url("/images/nav/facebook_16.png"); }
ul.follow-us span.email-icon { background: url("/images/nav/email_16.png"); }
ul.follow-us span.podcast-icon { background: url("/images/nav/rss_16.png"); }

/* end new sidebar styles */
/* end left sidebar */
#photos { width: 150px; float: right; display: block; text-align: center; border-left: solid 1px #900; padding-left: 1em; padding-right: 1em; margin-left: 1em; }
#photos img { border: 0px; margin: 10px 0px 10px 20px; }

#more_photos { display: none; }

/* stations */
table.station_table { border: 0px; border-collapse: collapse; border-spacing: 0px; }
table.station_table td { border-bottom: #ccc solid 1px; margin: 0px; padding: 6px 10px 6px 0; text-align: left; }
table.station_table th { font-size: 1em; background: url(/images/nav/station_th_bg.png) 100% 0% repeat-x; background-color: #e9e9e9; border-bottom: #999 solid 1px; text-align: left; height: 2.2em; }
table.station_table h2 { padding: 0; margin: 0; }
table.station_table h2.state { font-size: 1.1em; }
table.station_table h2.country { font-size: 1.5em; color: #666; }
table.station_table h2.continent { margin-top: 6px; font-size: 2em; color: #BBB; }

div#stations_legend { float: right; display: block; border: 1px solid #999; }

#stations_legend p { margin: 10px; padding: 2px 10px 10px 35px; }
#stations_legend p.tv { background: url(/images/tv.gif) 0 0 no-repeat; }
#stations_legend p.radio { background: url(/images/radio.gif) 0 0 no-repeat; }
#stations_legend p.internet { padding-top: 8px; background: url(/images/internet.gif) 0 0 no-repeat; }

a.gray { color: #777; }
a.gray:hover { color: #f00; }

h2.city { margin: 0 0 1em 0; padding: 0 0 .5em 0; }

div#content_nav { margin: 0.5em 0; padding: 0; }

#content_nav h4 { margin: 0; }

.story_nav { float: right; padding: 0 3px 0 0; margin: 0; }

/* Staff List */
ul#staff_list { list-style: none; margin: 0; padding: 0; /*float: left;*/ }
ul#staff_list h3 { padding: 0; margin: 1em 0 0 0; }
ul#staff_list .job_title { color: #999; display: block; }
ul#staff_list img { display: block; margin: 13px 0 5px 0; padding: 0; /*position: relative;*/ }
ul#staff_list p { margin: 10px 0 0 0; }
ul#staff_list li { margin: 0.5em 0 1em 0; display: block; /*clear: both;*/ border-top: 1px solid #ddd; min-height: 200px; /* alternative to clear:both for short bios - clear will drop entire section below left column */ }

.ie6 ul#staff_list li { height: 200px; }

ul#staff_list li.odd img { float: left; padding-right: 8px; }
ul#staff_list li.even img { float: right; padding-left: 8px; }

/* Search */
/* all search styles now in search.css - remove below when transition to new styles is complete */
.search_message { padding-top: 2em; }

/* Forms */
.contact_form form { width: 385px; overflow: hidden; }
.contact_form form dd { padding: 2px 5px; margin: 1px 0 5px 0; float: left; width: 62%; }
.contact_form form dt { width: 30%; }

label { cursor: pointer; }

dt { float: left; width: 120px; padding: 2px 5px; margin: 0px 0px 5px 0px; text-align: right; font-size: 11pt; }

dw { float: left; width: 500px; padding: 2px 5px; text-align: left; }

dd { padding: 2px 5px; margin: 1px 0 5px 0; }
dd.parameterBox { margin-bottom: 10px; }

fieldset { font-size: 100%; border: 2px solid #8f8f8f; padding: 10px; margin: 0 0 10px 0; width: 550px; }
fieldset legend { font-size: 150%; font-weight: normal; color: #000; margin: 0; padding: 0px 5px; }

form dl dl { float: left; padding: 10px; }
form dl dl dt { text-align: left; }

fieldset#wide dt { width: 190px; }
fieldset#wide ul { margin-left: 12em; }
fieldset#wide li { float: left; list-style-type: none; padding-left: 1em; }

div#button_right { float: right; width: 70%; }

input.left { float: left; }
input.right { float: right; }

#advanced_search_table { padding: 10px; }

#donation_radio_descript { padding-bottom: 10px; }

dd.search_field { float: left; padding: 10px; }

.search_submit { font-size: 14pt; }

.fieldWithErrors { margin: 0; padding: 0; /*  padding: 1px; display: table;
*/ }
.fieldWithErrors input { background-color: #fdd; }

.clear { clear: both; }

.clearall { margin: 0 0 10px; padding: 10px 0 0 0; clear: both; min-height: 250px; font-size: 2px; }

.clearallrule { margin: 0 0 10px; padding: 10px 0 0 0; clear: both; min-height: 250px; font-size: 2px; border-bottom: 1px solid #ccc; }

div#error, div#notice { padding: 0.7em; margin-bottom: 2em; margin-right: 2em; position: relative; top: 1em; border: 1px solid #999; display: block; background-color: #ffc; text-align: center; color: #333; }

#middle h2.error { display: block; background: url("/images/icons/warning.png") 0 2px no-repeat transparent; padding: 7px 0 6px 39px; color: #900; margin: 0; }

div#error span { background: url("/images/icons/alert.gif") 0 2px no-repeat #ffffcc; padding: 2px 2px 2px 20px; color: #900; }
div#notice span { background: url("/images/icons/info-note-sm.png") 0 2px no-repeat #ffffcc; padding: 2px 2px 2px 20px; color: #3C0; }

#errorExplanation { display: block; width: 500px; margin: 0 auto; border: 1px solid #999; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #ffc; }
#errorExplanation h2 { display: block; font-weight: bold; padding: 5px 5px 5px 28px; font-size: 14px; margin: -7px; color: #333; background: url("/images/icons/alert.gif") 4px 6px no-repeat #ffff99; }
#errorExplanation p { color: #333; margin-bottom: 0; padding: 5px; }

#indented { color: #333; margin-bottom: 0; padding: 25px; }

#errorExplanation ul li { font-size: 12px; list-style: square; margin-left: 20px; }

.taggable a { color: #0f4c70; font-weight: bold; }
.taggable div { margin-bottom: 1em; }

#tag_summary { padding: 4px 0; margin: 0; border-top: 1px solid #666; border-bottom: 1px solid #666; min-height: 120px; }
#tag_summary .summary_images { overflow: hidden; }

.summary_narrow { width: 430px; }

#guest_summary { padding: 4px 0; border-top: 1px solid #666; border-bottom: 1px solid #666; overflow: hidden; }
#guest_summary p { margin-bottom: 0; }

table#contact_table { margin: 20px 0 20px 0; }
table#contact_table td.label { padding-right: 30px; vertical-align: top; }

fieldset#advanced_search { width: 80%; }

dt.label { font-weight: bold; }

#advanced_search dl dl { width: 75%; }
#advanced_search dl dl dt { width: 50%; }

/* table column sizing */
col.X1 { width: 2em; }
col.X2 { width: 4em; }
col.X3 { width: 6em; }
col.X4 { width: 8em; }
col.X5 { width: 10em; }
col.X6 { width: 12em; }
col.X7 { width: 14em; }
col.X8 { width: 16em; }
col.X9 { width: 18em; }
col.X10 { width: 20em; }
col.X20 { width: 80em; }

div.center { text-align: center; }

/* archive (past shows) calendar page */
p.creativecommons { font-size: smaller; }
p.creativecommons img { float: left; margin-right: 1em; }

div#contact_message_warning { display: none; /* but the JavaScript might show it */ color: black; background-color: #ffff80; padding: 6px; font-size: smaller; }
div#contact_message_warning p { margin: 0px; text-align: center; }

p.left { float: left; width: auto; margin: 0.5em 1.5em 1.5em 0; }
p.right { float: right; width: auto; margin: 0.5em 0 1.5em 1.5em; }
p.hr { border-top: 1px dotted #d6d6d6; padding-top: 1em; }

#middle #letter { font-family: Arial,sans-serif; font-size: 120%; }
#middle #letter h2, #middle #letter h3 { font-family: Arial,sans-serif; font-size: 120%; }

#appeal div#middle { margin-left: 10px; }

.missing_media { font-style: italic; }

div#menu_1 { display: none; width: 100px; border: 1px solid #AAA; padding: 6px; margin-top: 2px; }
div#alerts { margin: 0 15px 15px; padding: 1em; line-height: 1.1; }
div#alerts h3 { position: relative; margin: 0; padding: 0; font-size: 150%; }
div#alerts p { font-size: 1.0em; color: #333; margin: 0.5em 0px; }

/* on-page popup */
#popup { width: 100%; top: 0; left: 0; padding-top: 20px; z-index: 1; }

#pop a { font-weight: bold; font-size: 108%; }
#pop p { margin: 0 10px 8px 10px; }

div#popup_bg { background-color: #000; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 2; }
div#pop_footer { text-align: center; margin-top: 10px; }

#pop_footer p.caption { font-size: 110%; }
#pop_footer img { margin-top: 10px; }

#pop_donate_button { color: #040; }

#pop_cancel_button { color: #900; }

div#pop { width: 600px; position: absolute; background: url(/images/white_bg.gif) repeat; z-index: 1000; margin-left: 140px; margin-top: 20px; }

#pop button { cursor: pointer; font-size: 14px; font-weight: bold; margin: 2px 5px; }

div#pop_content { background: url(/images/popupbg.gif) no-repeat; padding: 110px 20px 20px 20px; }

#pop_content h1 { font-size: 28px; left: 180px; position: absolute; top: 12px; color: #666; }

h4.es_headline_title { margin-top: 1em; }

.pagination span.prev_page, .pagination span.next_page { display: none; }
.pagination span.current { font-weight: bolder; }

#donateCampaignBanner { padding: 5px 0 0 0; overflow: hidden; }

#donateCampaignBanner a { width: auto; float: right; background-color: #de5954; /* fallback color */ background-image: -ms-linear-gradient(top, #de5954, #992c26); background-image: -moz-linear-gradient(top, #de5954, #992c26); background-image: -webkit-gradient(linear, 0% top, 0% bottom, from(#de5954), to(#992c26)); background-image: linear-gradient(top, #de5954, #992c26); /*styling in ie.css for IE8/7*/ filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr=#de5954,EndColorStr=#992c26")'; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #8a352d; padding: 5px; color: #fff; font-weight: bold; text-decoration: none; cursor: pointer; font-size: 0.9em; padding: 5px 10px; text-transform: uppercase; }

#donateCampaignBanner a:active, #donateCampaignBanner a:focus { background-color: #992c26; /* fallback color */ background-image: -ms-linear-gradient(top, #992c26, #de5954); background-image: -moz-linear-gradient(top, #992c26, #de5954); background-image: -webkit-gradient(linear, 0% top, 0% bottom, from(#992c26), to(#de5954)); background-image: linear-gradient(top, #992c26, #de5954); /*styling in ie.css for IE8/7*/ filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr=#992c26,EndColorStr=#de5954")'; }

#donateCampaignBanner a:hover { background-color: #ff857e; /* fallback color */ background-image: -ms-linear-gradient(top, #ff857e, #b7342d); background-image: -moz-linear-gradient(top, #ff857e, #b7342d); background-image: -webkit-gradient(linear, 0% top, 0% bottom, from(#ff857e), to(#b7342d)); background-image: linear-gradient(top, #ff857e, #b7342d); /*styling in ie.css for IE8/7*/ filter: 'progid:DXImageTransform.Microsoft.gradient(startColorStr=#ff857e,EndColorStr=#b7342d")'; }

.subscribeForm dt { float: left; font-size: 11pt; margin: 0 0 5px; padding: 2px 5px; text-align: right; width: 25%; }
.subscribeForm dw { float: left; padding: 2px 5px; text-align: left; width: 500px; }
.subscribeForm dd { margin: 1px 0 5px; padding: 2px 5px; width: 70%; float: left; }
.subscribeForm dl { overflow: hidden; }
.subscribeForm fieldset { border: 2px solid #8F8F8F; font-size: 100%; margin: 0 0 10px; padding: 10px; width: 550px; }
.subscribeForm .submit.button { margin: 0 0 0 150px; }

.suscribase dt { width: 32%; float: left; }
.suscribase dd { width: 63%; float: left; }
.suscribase .submit.button { margin-left: 35%; }

.volunteersForm dd { padding: 2px 5px; margin: 1px 0 5px 0; float: left; width: 220px; }
.volunteersForm#wide ul { margin-left: 0; padding: 0; }
.volunteersForm#wide ul li { padding: 0; }

fieldset#wide.voluntario dt { width: 30%; }
fieldset#wide.voluntario dd { float: left; width: 65%; }
fieldset#wide.voluntario ul { padding: 0; margin: 0; }

.segmentTitleSendStory .segmentTitleSendPost { float: none; }

div#banner { display: none; }

/*widths*/
/*browns*/
/*greys*/
/*blues*/
/*pink-white*/
/*reds*/
/*magenta*/
/*Old section theme colors*/
/*New section theme colors*/
/*donation pages*/
/*Re-skinning*/
/* top navigation */
#banner { background: url(/images/beta/sprites/map-watermark.png) no-repeat right white; width: 908px; margin-bottom: 1.2em; }

#logo { float: left; width: 165px; margin: 10px 0 15px 20px; }

#button_container { width: 692px; float: right; overflow: hidden; padding-top: 45px; font: 12px arial, sans-serif; }
#button_container #search_box, #button_container #header_text { float: left; }
#button_container #header_text { font-size: 18px; color: #3f2e2b; text-transform: uppercase; }

#wrapper_right { /* hide from IE mac \*/ overflow: hidden; /* end hide from IE mac */ }

#left { padding: 0; float: left; background: url("/images/nav/left_bg.png") 0% 0% repeat-y; width: 159px; margin-right: 15px; }

#left_menu { background: #fff; padding: 0 10px 0 2px; margin: 0px; }
#left_menu ul { margin: 0 0 0 1.6em; padding: 0; }
#left_menu li { color: black; min-height: 13px; padding-left: 13px; padding-top: 6px; }
#left_menu li.collapsed { font-weight: bold; list-style-type: disc; list-style-image: url(/images/nav/menu-collapsed.gif); padding: 0 0 1em 0; margin: 0 0 0.15em; }
#left_menu li.expanded { font-weight: bold; list-style-type: circle; list-style-image: url(/images/nav/menu-expanded.gif); padding: 0 0 1em 0; margin: 0; }
#left_menu .submenu { margin: 0; padding: 0 0 1em 1em; }
#left_menu .submenu li { list-style-type: disc; list-style-image: none; padding: 0; margin: 10px 0; }
#left_menu .submenu a { font-weight: normal; }

#left_wide { overflow: visible; padding: 0 10px 0 10px; border: 0; margin-top: 0; margin-right: 270px; }

#middle .searchBar { overflow: hidden; }
#middle .searchBar input[type="text"] { border: 1px solid #979093; width: 218px; height: 13px; padding: 5px 10px; font-size: 0.95em; }
#middle .searchBar input[type="submit"] { background: url("/images/beta/sprites/search_button_icon.png") no-repeat center center #979093; border: none; width: 25px; height: 25px; cursor: pointer; color: transparent; position: relative; right: 4px; vertical-align: top; }
#middle .searchBar input[type="submit"]:hover { background-color: #aaa; }
#middle .searchBar a.advancedSearch { width: 99%; margin: 5px 0 0 0; display: block; }
#middle .searchWrapper { position: relative; height: 30px; overflow: hidden; }
#middle .searchBar { position: absolute; }
#middle .searchBar input[type="submit"].featuredShows { background: #979093; font-size: 12px; color: #fff; width: auto; }
#middle .searchBar input[type="submit"].featuredShows:hover { background: #aaa; }
#middle .searchBar input[type="text"] { width: 285px; }
#middle ul.story { margin: 10px 0; }
#middle ul.story li { border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
#middle ul.story li .story_share { margin: 0 0 5px 0; }
#middle ul.story li h4 { color: #3f2e2b; font-weight: bold; }
#middle ul.story li img.storyimage { margin: 5px 10px; }
#middle ul.story li a p:hover { text-decoration: underline; }
#middle .top_stories_container { border-bottom: 1px dotted #ccc; margin: 0 0 20px 0; }
#middle ul.top_stories { margin: 10px 0 20px 0; padding: 0; list-style-type: none; overflow: hidden; }
#middle ul.top_stories li { float: left; padding: 0 1em 1em 0; display: block; width: 30%; margin: 0px; }
#middle ul.top_stories li.b { padding-left: 1em; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
#middle ul.top_stories li.c { margin-right: 0; padding-left: 1em; }
#middle ul.headlines { padding-left: 20px; }
#middle h2, #middle h3, #middle h4 { color: #3f2e2b; }
#middle .formats { padding: 5px 10px; margin: 0 0 10px 0; border: 1px solid #ccc; width: 426px; }
#middle .formats a { color: #0f4c70; padding: 0 0 0 17px; margin: 0 5px 0 0; }
#middle .formats a.podcast, #middle .formats a.itunes { padding: 0 0 0 90px; display: block; margin: 0 0 5px 0; }
#middle #segment_media { overflow: hidden; padding: 15px 0 0 0; margin: 15px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#middle #segment_media .segment_options, #middle #segment_media .formats, #middle #segment_media h4 { float: left; }
#middle #segment_media .formats, #middle #segment_media .segment_options { width: 39%; }
#middle #segment_media h4 { width: 12%; }
#middle #segment_media p { margin: 0 0 5px 0; }
#middle #segment_media .formats { border: none; padding: 0; margin: 0; }
#middle #segment_media .formats a { display: block; margin-bottom: 5px; }
#middle #segment_media .segment_options a { padding: 0 0 0 20px; }
#middle #segment_media .segment_options p { margin: 0 0 5px 0; }
#middle #segment_share { border-top: 1px solid #666; padding-bottom: 10px; width: 98%; }
#middle #segment_share .formats { width: 95%; border: none; }
#middle .recentShows { padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #ccc; }
#middle .recentShows .recentShow { margin: 0 0 20px 0; }
#middle .blogPosts h2 { margin: 0 0 15px 0; border-bottom: 1px dotted #A9999E; }
#middle .blogPosts .blogPost { margin: 0 0 15px 0; border-bottom: 1px dotted #A9999E; }
#middle .archive_year { display: block; float: left; width: 110px; }
#middle .archive_year h3 { padding: 0; margin: 0 0 0 0.4em; }
#middle .archive_year ul { margin: 0.5em 2em 1em 1.5em; padding: 0; }
#middle .archive_year li { list-style-type: square; color: #0f4c70; }
#middle .blogTitle { border-top: 1px dotted #A9999E; border-bottom: 1px dotted #A9999E; padding: 8px 0px; margin: 5px 0 10px; }
#middle .blog_body { border-bottom: 1px dotted #A9999E; margin: 0 0 10px; overflow: hidden; }
#middle .blog_body .formats { clear: both; }
#middle .archiveBlogPosts .nomargin { border-bottom: 1px dotted #A9999E; padding: 0 0 5px; margin: 0 0 5px; }
#middle .archiveBlogPosts .blogPost { border-bottom: 1px dotted #A9999E; padding: 5px 0 0; }
#middle .archiveBlogPosts .blog_summary p { overflow: hidden; }
#middle .archiveBlogPosts .blog_summary p img { float: right; }

/* Search */
ul#search_results { list-style: none; padding: 0; margin: 0; }
ul#search_results li { padding: 5px 0; margin: 15px 0; border-bottom: 1px dotted #aaa; }
ul#search_results li .date { margin: 5px 0; }
ul#search_results li:last-child { border-bottom: none; }
ul#search_results .title { font-size: 1.3em; }

#basic_search { padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }
#basic_search .searchBar { width: 402px; }
#basic_search .searchBar label { text-transform: uppercase; display: block; float: left; margin: 5px 10px 0 0; font-weight: bold; color: #3f2e2b; }

/*Right column*/
#right { /*Move to right_panel.scss once right rail customization is done*/ margin: 0 15px 0 0; font-size: 12px; }
#right .section.Maroon .sectionHeader, #right .section.Maroon .sectionHeader a { padding: 0 0 5px 0; text-transform: uppercase; font-weight: bold; font-size: 1.4em; border-top: 2px solid #5d001b; color: #5d001b; }
#right .section.Maroon.first .sectionHeader, #right .section.Maroon.first .sectionHeader a { border: none; }
#right .section.Maroon .sectionHeader a { border: none; }
#right .section.DarkOrange .sectionHeader, #right .section.DarkOrange .sectionHeader a { padding: 0 0 5px 0; text-transform: uppercase; font-weight: bold; font-size: 1.4em; border-top: 2px solid #d56d26; color: #d56d26; }
#right .section.DarkOrange.first .sectionHeader, #right .section.DarkOrange.first .sectionHeader a { border: none; }
#right .section.DarkOrange .sectionHeader a { border: none; }
#right .section.Lavender .sectionHeader, #right .section.Lavender .sectionHeader a { padding: 0 0 5px 0; text-transform: uppercase; font-weight: bold; font-size: 1.4em; border-top: 2px solid #7280c7; color: #7280c7; }
#right .section.Lavender.first .sectionHeader, #right .section.Lavender.first .sectionHeader a { border: none; }
#right .section.Lavender .sectionHeader a { border: none; }
#right .section.PistachioGreen .sectionHeader, #right .section.PistachioGreen .sectionHeader a { padding: 0 0 5px 0; text-transform: uppercase; font-weight: bold; font-size: 1.4em; border-top: 2px solid #83c17e; color: #83c17e; }
#right .section.PistachioGreen.first .sectionHeader, #right .section.PistachioGreen.first .sectionHeader a { border: none; }
#right .section.PistachioGreen .sectionHeader a { border: none; }
#right .section.YellowOchre .sectionHeader, #right .section.YellowOchre .sectionHeader a { padding: 0 0 5px 0; text-transform: uppercase; font-weight: bold; font-size: 1.4em; border-top: 2px solid #c09c5e; color: #c09c5e; }
#right .section.YellowOchre.first .sectionHeader, #right .section.YellowOchre.first .sectionHeader a { border: none; }
#right .section.YellowOchre .sectionHeader a { border: none; }
#right .section.Turquoise .sectionHeader, #right .section.Turquoise .sectionHeader a { padding: 0 0 5px 0; text-transform: uppercase; font-weight: bold; font-size: 1.4em; border-top: 2px solid #2aacce; color: #2aacce; }
#right .section.Turquoise.first .sectionHeader, #right .section.Turquoise.first .sectionHeader a { border: none; }
#right .section.Turquoise .sectionHeader a { border: none; }
#right .section { margin: 0 0 20px 0; }
#right .web_exclusive_post { overflow: hidden; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #AAA; }
#right .web_exclusive_post.last { border-bottom: 0 none; margin-bottom: 0; }
#right .web_exclusive_post p { margin: 0; }
#right .web_exclusive_post .video_preview_image { float: left; margin: 0 10px 7px 0; }
#right .web_exclusive_post .video_preview_image img { margin: 5px 0 0 0; padding: 0; }
#right .right-text-gray { /* .section in site-refresh */ margin-right: 3px; margin-bottom: 35px; }
#right .right-text-gray h3.header { font-size: 1.1em; }
#right .right-text-gray h3.header { border-top: 2px solid #000000; margin: 0 0 10px 0; padding: 0; font-size: 1.05em; font-weight: bold; text-transform: uppercase; }
#right .right-text-gray h3.header a { color: #000000; }
#right .right-text-gray h4.tracked { padding-top: 10px; }
#right .formats a { padding: 0 0 0 20px; }
#right a.moreLink { display: block; margin-top: 10px; font-weight: normal; color: #980113; font-size: 11px; text-transform: uppercase; text-decoration: none; }
#right a.moreLink:hover { text-decoration: underline; }