/* WCPN Style Sheet */
body {background-color: #FFF; padding: 0; margin: 0;}

/* Font Style */
p {font: 0.9em/1.5em Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; color: #333; padding: 0;}

.indent {margin-left: 30px;}
.board {font: bold 1.1em/1em Verdana, Arial, Helvetica, sans-serif; color: #903; letter-spacing: 1px; font-variant: small-caps;}
.faq {font: bold 1em/1.7em Verdana, Arial, Helvetica, sans-serif; color: #903; letter-spacing: 1px;}
.marbot {margin-bottom: 10px;}
.topic_headline {list-style: disc outside; font: 0.7em/1.4em Arial, sans-serif; margin: 5px 0 5px 20px; padding: 0;}
.add_info {color: #333; margin: -3px 0 10px 7px;}
.home {font: 0.7em/1.4em Arial, sans-serif; color: #333; padding: 0; margin: 0 0 10px 0;}
.home_title {font: bold 0.8em/1.3em Tahoma, sans-serif; color: #000; padding: 0; margin: 0;}
.home_title_2 {font: bold 0.95em/1.3em Tahoma, sans-serif; color: #000; padding: 0; margin: 0;}
.home_ad {font: 0.6em/1em Arial, sans-serif; color: #666; padding: 0; margin: 0 0 2px 0;}
.home_more {font: 0.6em/1.3em Tahoma, sans-serif; color: #000; padding: 0; margin: 3px 0 0 0; border-top: 1px solid #CCC;}
.home_more_new {font: 0.75em/1.3em Tahoma, sans-serif; color: #000; text-align: right; padding: 0; margin: 3px 0 0 0;}
.nav_listen_live {font: 0.7em/1.3em Tahoma, sans-serif; color: #000; padding: 0; margin: 0;}

h1 {font: bold 1.1em/1.2em Tahoma, sans-serif; color: #903; padding-bottom: 5px; letter-spacing: 1px; border-bottom: 1px solid #CCC;}
h1.print_copy {display: none;}
.newshead {padding-bottom: 0; border-bottom: 0;}

h2 {font: 0.7em/1.4em "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #000; margin: 15px 0 15px 0; padding-bottom: 15px; text-align: justify; border-bottom: 1px solid #CCC;}

h3 {font: 0.7em/1.4em Arial, sans-serif; color: #000; margin: 0; padding: 0;}

h4 {font: bold 0.9em/1.1em Tahoma, sans-serif; color: #333; padding: 0;}

h5 {font: bold 0.7em/1.3em Tahoma, sans-serif; color: #FFF; margin: 0; padding: 2px 3px 2px 3px; letter-spacing: 1px;}

h6 {font: 1.05em/1.3em Georgia, "Century Schoolbook L", serif; color: #FFF; margin: 0; padding: 8px 4px 3px 8px; background-image: url('http://www.wcpn.org/photos/headers/red.gif');}
.s660 {background-image: url('http://www.wcpn.org/photos/headers/red_660.gif');}
.s425 {font-size: 0.8em; line-height: 1.1em; background-image: url('http://www.wcpn.org/photos/headers/red_425.gif');}
.sm {font-size: 0.8em; line-height: 1.1em; background-image: url('http://www.wcpn.org/photos/headers/red_225.gif');}
h6 a:link, h6 a:visited, h6 a:active {color: #FFF; text-decoration: none;}
h6 a:hover {color: #FFF; text-decoration: none; border-bottom: 1px dotted #FFF;}
	
/* Container Elements */
#container {width: 1000px; height: auto; margin: 0 auto; text-align: left; padding: 10px; background-color: #FFF; overflow: auto;}
#masthead {margin-bottom: 10px; padding: 5px; text-decoration: none;}
#listen_live {margin-bottom: 5px; padding: 2px; text-decoration: none; border-bottom: 1px solid #999; background: #CCC;}
#media_logos {margin: 5px 0 5px 0; padding: 8px 2px 6px 2px; text-decoration: none; border-top: 1px solid #999;}
#media_logos_handheld {display: none;}
#footer {clear: both; margin: 0; padding: 5px; text-decoration: none;}
#sidebar_a {float: left; width: 170px; margin-bottom: 10px; padding: 0 5px 5px 5px;}
#sidebar_b {float: right; width: 125px; margin-bottom: 10px; padding: 0 5px 5px 0;}
#content {margin: 0 125px 10px 175px; padding: 0 5px 5px 5px;}

/* Special Elements */
hr {border: none; background-color: #903; color: #903; height: 1px; width: 85%;}
.register {font-size: 0.5em; vertical-align: super;}
.spacer_print {display: none;}
.player {padding: 0; margin: -5px 0 -5px 0;}
.box_highlight table {border-collapse: collapse;}
.player_container {position:relative; width: 488px; height: 168px; margin: 0 auto; text-align: left; padding: 0;}
.p128 {background: url('http://www.wcpn.org/photos/players/listen_live_128.png') left top no-repeat;}
.p64 {background: url('http://www.wcpn.org/photos/players/listen_live_64.png') left top no-repeat;}
.p32 {background: url('http://www.wcpn.org/photos/players/listen_live_32.png') left top no-repeat;}
.player_footer {width: 488px; height: auto; margin: 0 auto;}
.player_flash {position:absolute; top: 50%; right: 20px;}

input.google {color: #903; font: 0.7em/1em Arial, sans-serif; padding: 0.3em; border: 1px solid #CCC; background-color: #FFF; width: 120px;}
input.googlego {color: #903; display: inline; font: 0.7em/1em Arial, sans-serif; padding: 0.3em; border: 0; background-color: #F5F5F5; width: 30px;}
input.googlego:hover {background-color: #903; color: #F5F5F5;}

input.tell {color: #903; background-color: #F5F5F5; padding: 0.5em; border: 1px solid #CCC; font: 0.9em/1.3em Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; width: 300px;}
textarea.tellquestion {color: #903; background-color: #F5F5F5; padding: 0.5em; border: 1px solid #CCC; font: 0.9em/1.3em Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; width: 625px; height: 100px;}

.news_table th {background-color: #903; color: #FFF; padding: 5px 5px 5px 7px; border: 0; font: bold 0.8em/1.3em Arial, sans-serif; width: 400px;}
.news_table {background-color: #F5F5F5; width: 400px; border: 1px dotted #999;}
.news_table td {padding: 5px; text-align: left; border: 0; font: 0.7em/1.1em Arial, sans-serif;}

.support_table {width: 640px; font: 0.9em/1.5em Georgia, "Century Schoolbook L", serif; margin: 0 auto;}
.support_table td {width: 320px; text-align: center; vertical-align: top;}

.program_title {font: 1em/1.2em Georgia, "Century Schoolbook L", serif; color: #333; text-align: center; font-style: italic;}
.program_subhead {font: 0.65em/1.2em Verdana, sans-serif; letter-spacing: 1px; color: #333; text-align: center; padding: 0.5em 0 0.5em 0; background-color: #F5F5F5; border-top: 1px solid #CCC;}
.audio {margin: 3px 0 3px 0;}

/* Columns */
.column {float: left; width: 325px; margin: 0 0 5px 10px; padding: 0;}
.column_2 {float: left; width: 330px; margin: 0 0 5px 0; padding: 0 5px 0 0;}
.one_column {margin: 0; padding: 0 10px 0 10px;}
.subcolumn_a {float: left; width: 425px; margin: 0 0 5px 10px;}
.subcolumn_b {float: left; width: 225px; margin: 0 0 5px 10px; padding: 0;}
.subcolumn_c {float: left; width: 650px; margin: 0 0 5px 10px;}
.spacer {clear: both;}
.spacer_news {clear: both;padding-bottom: 5px;}
.subcolumn_top {width: 660px; margin: 0 0 5px 10px;}

/* Boxes */
.box {border: 1px dotted #999; padding: 2px; margin-bottom: 10px;}
.box_home {margin-bottom: 10px; background-color: #F5F5F5; padding: 10px;}
.box_time {background-color: #FEEDED; padding: 10px;}
.box_callout {margin-bottom: 10px; background-color: #FFF6E5; padding: 10px;}
.box_webcast {background-color: #FDE9AF; padding: 10px;}
.box_dotted {padding: 5px; margin: 0 0 10px 0; background-color: #FFF; border: 1px dotted #999;}
.box_social_media {border: 1px dotted #999; padding: 5px; margin-bottom: 10px; background: #F5F5F5 url(http://www.wcpn.org/favicon.ico) bottom right no-repeat;}
.box_image {padding: 5px; margin: 0 0 10px 3px; float: right; background: #F5F5F5; height: auto; width: auto; max-width: 200px;}
.box_topics {border: 1px dotted #999; padding: 5px; margin-bottom: 5px; background: #F5F5F5;}
.box_search {background: #F5F5F5; padding: 2px; margin-bottom: 10px;}
.box_highlight {padding: 2px; margin: 0 20px 10px 10px;}
.box_one {margin: 0; background-color: #FFF; padding: 10px;}
.box_two {margin: 0; background-color: #FEEDED; padding: 10px;}

.box_rail {font: 0.7em/1.4em Tahoma, sans-serif; letter-spacing: 1px; color: #000; margin: 0 0 10px 0; border-left: 4px solid #903;}
.box_rail ul {list-style: none; margin: 0; padding: 0; display: block;}
.box_rail li {display: block; margin: 0.3em 0 0.3em 0; padding-left: 0.5em; background-color: #F5F5F5; height: 1%; /* IE6 hack */}
.box_rail .title {font: bold 1em/1.3em Tahoma, sans-serif; color: #FFF; background-color: #903; margin: 0; padding: 2px 3px 2px 3px;}

.box_breaking {padding: 5px; margin: 0 20px 10px 10px; background-color: #FEEDED;}
.non {background-color: #F5F5F5;}
.title_breaking {font: bold 1em/1.3em Tahoma, sans-serif; color: #903; margin: 0; padding: 0; letter-spacing: 1px;}
.home_breaking {font: italic 1em/1.1em Georgia, "Century Schoolbook L", "Times New Roman", Times, serif; color: #333; margin: 0; padding: 0;}

.title_additional {font: bold 0.7em/1.4em Arial, sans-serif; color: #FFF; background-color: #903; margin: 0; padding: 2px 3px 2px 3px; letter-spacing: 1px;}

/* Navigation */
#mastnav {font: 0.7em/1.4em Tahoma, sans-serif; letter-spacing: 1px; color: #FFF; padding: 5px; background-color: #903; text-align: center;}
#mastnav ul {list-style: none; margin: 0; padding: 0;}
#mastnav li {display: inline;}
#mastnav a:link, #mastnav a:visited {padding: 0.4em 0.3em 0.4em 0.3em; background-color: #903; color: #FFF; text-decoration: none;}
#mastnav li a:hover {background: url('http://www.ideastream.org/common/images/sliver_ccc.gif') left top repeat-x; color: #000;}

#subnav {font: 0.7em/1.4em Tahoma, sans-serif; letter-spacing: 1px; color: #000; margin: 0 0 10px 0; border-left: 4px solid #903;}
#subnav ul {list-style: none; margin: 0; padding: 0;}
#subnav li {display: block; margin: 0; padding: 0;}
#subnav a:link, #subnav a:visited {background-color: #F5F5F5; color: #000; text-decoration: none; display: block; margin: 0.3em 0 0.3em 0; padding-left: 0.5em; height: 1%; /* IE6 hack */}
#subnav li a:hover {background-color: #903; color: #FFF; padding-left: 0.5em; height: 1%; /* IE6 hack */}
#subnav .title {font: bold 1em/1.3em Tahoma, sans-serif; color: #FFF; background-color: #903; margin: 0; padding: 2px 3px 2px 3px;}

.subnav2 {font: 0.7em/1.4em Tahoma, sans-serif; letter-spacing: 1px; color: #000; margin: 0 0 10px 0; border-left: 4px solid #903;}
.subnav2 ul {list-style: none; margin: 0; padding: 0;}
.subnav2 li {display: block; margin: 0; padding: 0;}
.subnav2 a:link, .subnav2 a:visited {background-color: #F5F5F5; color: #000; text-decoration: none; display: block; margin: 0.3em 0 0.3em 0; padding-left: 0.5em; height: 1%; /* IE6 hack */}
.subnav2 li a:hover {background-color: #903; color: #FFF; padding-left: 0.5em; height: 1%; /* IE6 hack */}
.subnav2 .title {font: bold 1em/1.3em Tahoma, sans-serif; color: #FFF; background-color: #903; margin: 0; padding: 2px 3px 2px 3px;}

#footnav {font: 0.7em/1.4em Tahoma, sans-serif; letter-spacing: 1px; color: #FFF; padding: 5px; background-color: #903; text-align: center;}
#footnav a:link, #footnav a:visited {padding: 0.4em 0.3em 0.4em 0.3em; background-color: #903; color: #FFF; text-decoration: none;}
#footnav li a:hover {background-color: #FFF; color: #000;}

.nav_masthead {padding: 5px; background-color: #903;}
.nav_header {font: 0.7em/1.4em Tahoma, sans-serif; color: #FFF; background-color: #903; letter-spacing: 1px; text-align: center; margin: 0; padding: 0;}

/* Images */
.homepage_button {margin-bottom: 5px;}
#masthead_pic {margin-bottom: 10px;}
#masthead_pic_handheld {display: none;}
.ideacenter_img {margin: 0 0 10px 10px;}
.left {float: left; padding: 10px 10px 10px 0; font: italic 0.7em/1em Verdana, sans-serif;}
.right {float: right; padding: 10px 0 10px 10px; font: italic 0.7em/1em Verdana, sans-serif;}
.promo_image {margin: 0 2px 0 5px; float: right;}
.border {border: 5px solid #FFF;}
.highlight_image {padding: 0; margin: 5px 0 2px 5px; float: right;}
.button {margin-bottom: 10px; border: 0;}

/* Links */
h1 a:link,
h1 a:visited,
h1 a:active {color: #000; text-decoration: underline;}
h1 a:hover {color: #F00; text-decoration: underline;}

h3 a:link,
h3 a:visited,
h3 a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
h3 a:hover {color: #903; text-decoration: none; border-bottom: 1px solid #903;}

.box h3 a:link,
.box h3 a:visited,
.box h3 a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
.box h3 a:hover {color: #903; text-decoration: none; border-bottom: 1px solid #903;}

.one_column a:link,
.subcolumn_a a:link,
.subcolumn_c a:link,
.one_column a:visited,
.subcolumn_a a:visited,
.subcolumn_c a:visited,
.one_column a:active,
.subcolumn_a a:active,
.subcolumn_c a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
.one_column a:hover,
.subcolumn_a a:hover,
.subcolumn_c a:hover {color: #903; text-decoration: none; border-bottom: 1px solid #903;}

.one_column a.none:link,
.subcolumn_a a.none:link,
.subcolumn_c a.none:link,
.one_column a.none:visited,
.subcolumn_a a.none:visited,
.subcolumn_c a.none:visited,
.one_column a.none:hover,
.subcolumn_a a.none:hover,
.subcolumn_c a.none:hover,
.one_column a.none:active,
.subcolumn_a a.none:active,
.subcolumn_c a.none:active {text-decoration: none; border-bottom: none;}
	
.nav_header a:link,
.nav_header a:visited,
.nav_header a:active {color: #FFF; text-decoration: none;}
.nav_header a:hover {color: #FFF; text-decoration: underline;}

.home a:link,
.home_breaking a:link,
.home a:visited,
.home_breaking a:visited,
.home a:active,
.home_breaking a:active {color: #333; text-decoration: none; border-bottom: 1px dotted #333;}
.home a:hover,
.home_breaking a:hover {color: #903; text-decoration: none; border-bottom: 1px solid #903;}

.home_title a:link,
.home_title_2 a:link,
.topic_headline a:link,
.home_title a:visited,
.home_title_2 a:visited,
.topic_headline a:visited,
.home_title a:active,
.topic_headline a:active,
.home_title_2 a:active {color: #000; text-decoration: none; border-bottom: 0;}
.home_title a:hover,
.topic_headline a:hover,
.home_title_2 a:hover {color: #903; text-decoration: none; border-bottom: 1px dotted #903;}

.nav_listen_live a:link,
.box_search a:link,
.nav_listen_live a:visited,
.box_search a:visited,
.nav_listen_live a:active,
.box_search a:active {color: #000; text-decoration: none;}
.nav_listen_live a:hover,
.box_search a:hover {color: #FFF; text-decoration: none;}

.home_more a:link,
.home_more_new a:link,
.home_more a:visited,
.home_more_new a:visited,
.home_more a:active,
.home_more_new a:active {color: #000; text-decoration: none;}
.home_more a:hover,
.home_more_new a:hover {color: #903; text-decoration: none;}

/* NPR Modules */
.nprModHead,
.nprModAudioLinks,
.nprModText,
.nprMod {font-size: 0.8em; font-family: verdana, arial, sans-serif;}
	
/* Public Interactive What's On Now Style */
TABLE.gnc {background: #F5F5F5; padding: 0; color: #999; font: 0.6em/1em Arial, sans-serif; margin-bottom: 5px;}
.gncProgramName {padding: 1px 1px 6px 1px; COLOR: #903; font: 11px/13px Tahoma, sans-serif;}
.gncProgramName a:link, .gncProgramName a:visited, .gncProgramName a:active {padding: 1px; COLOR: #903; text-decoration: none; border-bottom: 1px dotted #903;}
.gncProgramName a:hover {padding: 1px; COLOR: #000; text-decoration: none; text-decoration: none; border-bottom: 1px solid #000;}
.gncProgramTime {PADDING: 1px; COLOR: #000; FONT-SIZE: 9px;}
.gncProgramDesc {PADDING: 1px; COLOR: #000066; FONT-SIZE: 9px;}
.gncHostName {PADDING: 1px; COLOR: #000; FONT-SIZE: 9px;}
A.gncListenNow {PADDING: 1px; COLOR: #000; FONT-SIZE: 9px;}
.gncTitle {padding: 2px 0 2px 5px; margin: 0; background-color: #903; color: #FFF; font: 1em/1em Tahoma, sans-serif;}

/* Public Interactive Events Calendar */
.mainheader {font: bold 1.1em/1.2em Tahoma, sans-serif; color: #903; padding-bottom: 5px; letter-spacing: 1px; border-bottom: 1px dotted #903;}
.categoryhead {font: bold 0.7em/1.4em Arial, sans-serif; color: #FFF; background-color: #903; margin: 5px 0 5px 0; padding: 5px;}

/* Program Schedule */
#schedule_table {font: 0.7em/1.2em Tahoma, sans-serif; color: #000; width: 656px;}
#schedule_table .toprow {background-color: #903; color: #FFF; text-align: center; font-weight: bold;}
#schedule_table .row1 {background-color: #ECECEC; color: #000; font-weight: bold;}
#schedule_table .row2 {background-color: #FFF; color: #000; font-weight: bold;}
#schedule_table .program {font-weight: normal; padding: 5px; vertical-align: top; background-color: #F5F5F5; width: 145px; font-size: 1.1em; cursor: pointer;}
#schedule_table td {width: 76px;}

/* Topics Pages */
.topic_heading {font: bold 1.5em/1em Georgia, serif; padding: 5px 5px 5px 25px; margin: 0 0 3px 0;}
.topic_title {font: bold 0.7em/1.3em Verdana, sans-serif; margin: 0; padding: 2px 3px 2px 3px;}
.arts {color: #630; background: url('http://www.ideastream.org/common/images/topics/sliver_arts.gif') left top repeat-x;}
.economy {color: #000; background: url('http://www.ideastream.org/common/images/topics/sliver_economy.gif') left top repeat-x;}
.education {color: #336; background: url('http://www.ideastream.org/common/images/topics/sliver_education.gif') left top repeat-x;}
.environment {color: #D3FAD6; background: url('http://www.ideastream.org/common/images/topics/sliver_environment.gif') left top repeat-x;}
.health {color: #F6CDFD; background: url('http://www.ideastream.org/common/images/topics/sliver_health.gif') left top repeat-x;}
.politics {color: #F7DBD1; background: url('http://www.ideastream.org/common/images/topics/sliver_politics.gif') left top repeat-x;}
	
.box ul {list-style-type: disc; margin: 0 0 0 15px; padding: 3px;}
.box li {margin-bottom: 2px; font: 0.7em/1em Arial, Helvetica, sans-serif; color: #000;}
.box li a:link, .box li a:visited, .box li a:active {color: #903; text-decoration: none;}
.box li a:hover {color: #000; text-decoration: underline;}

/* Election 2008 */
.election {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 130%;}
.election_nav {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFF; background-color: #633; line-height: 130%; padding: 3px;}
.election_rss {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; line-height: 130%;}
.election_rss_more {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #CB2026; line-height: 130%;}
.election_rss_date {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #999; line-height: 130%;}
.election_title {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; font-weight: bold; line-height: 130%; margin: 10px 0 0 0; padding: 5px; border-bottom: 1px dotted #000;}
.election_title_sub {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #CB2026; font-weight: bold; line-height: 130%; margin: 10px 0 0 15px; padding: 5px; border-bottom: 1px solid #1F4293;}
.election_rss a:link {color: #1F4293; text-decoration: none;}
.election_rss a:visited {color: #1F4293; text-decoration: none;}
.election_rss a:hover {color: #CB2026; text-decoration: underline;}
.election_rss a:active {color: #1F4293; text-decoration: none;}
.election_rss_more a:link {color: #CB2026; text-decoration: none;}
.election_rss_more a:visited {color: #CB2026; text-decoration: none;}
.election_rss_more a:hover {color: #1F4293; text-decoration: underline;}
.election_rss_more a:active {color: #CB2026; text-decoration: none;}
.election_nav a:link {color: #FFF; background-color: #633; text-decoration: underline;}
.election_nav a:visited {color: #FFF; background-color: #633; text-decoration: underline;}
.election_nav a:hover {color: #CCC; background-color: #633; text-decoration: none;}
.election_nav a:active {color: #FFF; background-color: #633; text-decoration: underline;}