/* DEFAULT PROGRAM STYLESHEET */
.header { clear: both; float: left; }
.header .host { width: 154px; float: left; }
.header .today { width: 355px; float: left; padding: 15px; }
.header .today .hostname { margin-bottom: 5px; }
.header .today .links { float: left; clear: both; width: 165px; }
.archive .header .today .links { float: left; clear: both; width: 100%; }
.header .today .featured { float: right; width: 165px; }
.header .today .homelink { clear: both; }

#programPageArea A { color: #900; text-decoration: none; }
#programPageArea A:hover { text-decoration: underline; }
#programPageArea A.audio { background: url("/standard/images/pft001/icon_audio.gif") left top no-repeat; padding-left: 18px; background-position: 0 3px; }
#programPageArea A.audio_button { background: url("/standard/images/pft001/button_listen.gif") left top no-repeat; padding-left: 18px; background-position: 0 3px; }


.leftcol { width: 539px; float: left; }
.rightcol { width: 201px; float: left; padding: 15px; }
.festrightcol { width: 251px; float: right; padding: 5px; }
.festleftcol { width: 251px; float: left; padding: 5px; }
.rightcol UL { margin-left: -1em; }
.colcenter { width: 400px; float: right; padding: 15px; }
* html .rightcol UL { margin-left: 2em; }
.clr { clear: both; }

.subhead { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.pagetitle { font-family: "Trebuchet MS",trebuchet; font-size: 18px; line-height: 20px; font-weight: bold; }
.regular { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }
.small { font-family: "Trebuchet MS",trebuchet; font-size: 11px; line-height: 13px; font-weight: normal; }
#programPageArea LI { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }

.text .title { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.text .performer { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.text .composition { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.text .composer { font-family: "Trebuchet MS",trebuchet; font-size: 18px; line-height: 20px; font-weight: bold; }
.text .description { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }

.document { width: 586px; padding: 15px 92px 15px 92px; font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }
.document .photo { float: left; margin-left: -15px; padding: 0px 15px 15px 0px; }
.document .nprwidget { float: left; margin-left: -15px; padding: 0px 0px 0px 0px; }

.sm1 { margin-left: 154px; width: 385px; clear: both; display: block; }
.sm1 .photo { float: left; width: 77px; }
.sm1 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; }

.sm2 { margin-left: 0px; width: 385px; clear: both; }
.sm2 .photo { float: right; width: 77px; }
.sm2 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: right; }

.sm3 { margin-left: 0px; width: 385px; clear: both; }
.sm3 .photo { float: left; width: 77px; }
.sm3 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; }

.md1 { margin-left: 77px; width: 462px; clear: both; }
.md1 .photo { float: left; width: 154px; }
.md1 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; }

.md2 { margin-left: 77px; width: 462px; clear: both; }
.md2 .photo { float: right; width: 154px; }
.md2 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: right; }

.md3 { margin-left: 0px; width: 462px; clear: both; }
.md3 .photo { float: right; width: 154px; }
.md3 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: right; }

.lg1 { margin-left: 0px; width: 539px; clear: both; }
.lg1 .photo { float: left; width: 231px; }
.lg1 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; }

.lg2 { margin-left: 0px; width: 539px; clear: both; }
.lg2 .photo { float: right; width: 231px; }
.lg2 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: right; }

.lg3 { margin-left: 0px; width: 539px; clear: both; }
.lg3 .photo { float: left; width: 231px; }
.lg3 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; }

.archive .sm1 { margin-left: 154px; width: 385px; clear: both; }
.archive .sm1 .photo { float: left; width: 77px; }
.archive .sm1 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .sm2 { margin-left: 154px; width: 385px; clear: both; }
.archive .sm2 .photo { float: left; width: 77px; }
.archive .sm2 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .sm3 { margin-left: 154px; width: 385px; clear: both; }
.archive .sm3 .photo { float: left; width: 77px; }
.archive .sm3 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .md1 { margin-left: 77px; width: 462px; clear: both; }
.archive .md1 .photo { float: left; width: 154px; }
.archive .md1 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .md2 { margin-left: 77px; width: 462px; clear: both; }
.archive .md2 .photo { float: left; width: 154px; }
.archive .md2 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .md3 { margin-left: 77px; width: 462px; clear: both; }
.archive .md3 .photo { float: left; width: 154px; }
.archive .md3 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .lg1 { margin-left: 0px; width: 539px; clear: both; }
.archive .lg1 .photo { float: left; width: 231px; }
.archive .lg1 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .lg2 { margin-left: 0px; width: 539px; clear: both; }
.archive .lg2 .photo { float: left; width: 231px; }
.archive .lg2 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.archive .lg3 { margin-left: 0px; width: 539px; clear: both; }
.archive .lg3 .photo { float: left; width: 231px; }
.archive .lg3 .text { float: left; width: 278px; padding: 15px 15px 10px 15px; text-align: left; }

.ft1 { clear: both; }
.ft1 .photo { float: left; margin-left: -15px; padding: 0px 15px 15px 0px; }
* html .ft1 .photo { margin-left: -8px; }
.ft1 .text { margin: 0px; padding: 0px 0px 15px 0px; text-align: left; }

.ft2 { clear: both; }
.ft2 .photo { float: left; margin-left: -15px; padding: 0px 15px 15px 0px; }
* html .ft2 .photo { margin-left: -8px; }
.ft2 .text { margin: 0px; padding: 0px 0px 15px 0px; text-align: left; clear: both; }


.ft3 { clear: both;}
.ft3 .photo { float: left; margin-left: -15px; padding: 0px 15px 15px 0px; }
* html .ft3 .photo { margin-left: -8px; }
.ft3 .text { margin: 0px; padding: 0px 0px 15px 0px; text-align: left; }





.details { padding: 15px; }
.rundown { padding-bottom: 10px; }
.rundown .title { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.rundown .performer { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }
.rundown .composition { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }
.rundown .composer { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }

.image_credits { clear: both; margin-left: 77px; height: 47px; padding: 15px; }

.archivehi { clear: both; }
.archivehi .row { clear: both; width: 770px; }
.archivehi .date { float: left; text-align: center; padding: 15px; width: 47px; height: 47px; font-family: "Trebuchet MS",trebuchet; font-size: 18px; line-height: 20px; font-weight: bold; }
.archivehi .text { float: left; padding: 15px; width: 124px;/*  height: 124px; */ font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; }
#programPageArea .archivehi .date A:hover { text-decoration: none; }
#programPageArea .archivehi .date:hover { background-color: #d1e2dc; }
#programPageArea .archivehi .text A { color: #000; }
#programPageArea .archivehi .text .subhead A { color: #900; }

.calendar { width: 201px; margin: 0px 0px 15px 0px; }
* html .calendar { width: 201px; margin: 0px 0px 0px 0px; }
* html FORM { margin: 0px; padding: 0px; }
.calendar .month { width: 173px; padding: 5px; font-family: "Trebuchet MS",trebuchet; font-size: 12px; font-weight: bold; text-align: center; }
.calendar .row { text-align: center; clear: both; }
.calendar .row .date { float: left; padding: 3px; margin: 3px; width: 15px; height: 15px; background-color: #e4eeea; font-family: "Trebuchet MS",trebuchet; font-size: 12px; font-weight: normal; }
.calendar .row .date A { font-family: "Trebuchet MS",trebuchet; font-size: 12px; font-weight: normal; }

.archive DIV.calendar_row { clear: left; } /* for a row of calendars, not a row within the calendars */
.archive .calendar { width: 231px; float: left; margin-left: 18px; }
* html .archive .calendar { width: 235px; margin-left: 10px; }
.archive .calendar .month { width: 221px; padding: 5px; font-family: "Trebuchet MS",trebuchet; font-size: 12px; font-weight: bold; text-align: center; }
.archive .calendar .row { text-align: center; }
.archive .calendar .row .date { float: left; padding: 5px; margin: 4px; width: 15px; height: 15px; background-color: #e4eeea; font-family: "Trebuchet MS",trebuchet; font-size: 12px; font-weight: normal; }
.archive .calendar .row .date A { font-family: "Trebuchet MS",trebuchet; font-size: 12px; font-weight: normal; }

.footer { clear: both; height: 77px; }
.footer .previous { width: 47px; float: left; padding: 23px 15px 23px 15px; background-color: #edf4f1; vertical-align: middle; }
.footer .next { width: 47px; float: right; padding: 23px 15px 23px 15px; background-color: #f2f6f4; vertical-align: middle; }
.footer .info { width: 355px; float: left; padding: 23px 15px 23px 15px; font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 15px; font-weight: normal; vertical-align: middle; background-image: url("/standard/images/pft001/footer_background.gif"); }
.footer .previous .arrow { float: left; padding-right: 4px; font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.footer .previous .link { float: left; font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.footer .next .arrow { float: left; font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.footer .next .link { float: left; font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }

.episode_header { padding: 15px 15px 10px 15px; }

/* Formatting for Today in Music History */

/* disable italics since they were NPR's style but not AP (ours) */
.history_module { margin-bottom: -5px; }
* html .history_module { margin-bottom: 10px; }
.history_module I, .history_module EM { font-style: normal; }
.history_module SPAN.nprnewspacks_title { font-family: "Trebuchet MS",trebuchet; font-size: 12px; line-height: 14px; font-weight: bold; }
.history_module LI { margin-left: 2em; margin-top: 10px; list-style-type: square; }
* html .history_module LI { margin-left: 1em; }