/* WCPN Handheld Only Style Sheet */

body {background-color: #FFF; padding: 0; margin: 0;}

/* Hide for handheld */

.ideacenter_img,
.spacer_print,
.spacer,
#sidebar_b,
.box_search,
.homepage_button,
#masthead_pic,
#pi_whats_on {display: none; width: 0;height: 0;}

/* Font Style */

p {font: 0.9em/1.3em Georgia, "Times New Roman", Times, serif; color: #333; padding: 0; margin-bottom: 10px;}

.home {font: 0.7em/1.3em Verdana, sans-serif; color: #333; padding: 0; margin: 0 0 7px 0;}
.home_title {font: bold 0.7em/1.3em Georgia, "Times New Roman", Times, serif; color: #000; padding: 0; margin: 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;}

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

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 dotted #999;}

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

h4 {font: bold 1.1em/1.0em Georgia, "Times New Roman", Times, serif; color: #903; padding: 0; font-variant: small-caps;}

.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;}
				
/* Container Elements */

#container {width: auto; height: auto; margin: 0 auto; text-align: left; padding: 0; 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 dotted #999; background: #CCC;}
#media_logos {display: none;}
#media_logos_handheld {margin: 5px 0 5px 0; padding: 0; text-decoration: none; border-top: 1px dotted #999;}
#footer {clear: both; margin: 0; padding: 5px; text-decoration: none;}
#sidebar_a {float: none; width: 170px; margin-bottom: 10px; padding: 0 5px 5px 5px;}
#sidebar_b {float: none; width: auto; margin-bottom: 10px; padding: 0 0 5px 0;}
#content {margin: 0 0 10px 0; padding: 0;}

/* Special Elements */

hr {border: none; background-color: #903; color: #903; height: 1px; width: 85%;}
.register {font-size: 0.7em; vertical-align: super;}

/* Columns */

.column {float: none; width: auto; margin: 0 0 10px 0; padding: 0;}
.one_column {margin: 0; padding: 0 10px 0 10px;}
.subcolumn_a {float: none; width: auto; margin: 0;}
.subcolumn_b {float: none; width: auto; margin: 0; padding: 0;}
.spacer {clear: both;}

/* Boxes */

.box {border: 1px dotted #999; padding: 2px; margin-bottom: 10px;}
.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_search {font: 0.7em/1.2em Verdana, sans-serif; color: #000; border: 1px dotted #999; background: #CCC; padding: 5px; margin-bottom: 10px;}

/* Navigation  */

.nav_listen_live {font: 0.7em/1.3em Tahoma, sans-serif; color: #000; padding: 0; margin: 0;}
.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;}

#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-color: #CCC; color: #000;}

#subnav {font: 0.7em/1.4em Tahoma, sans-serif; letter-spacing: 1px; color: #000; padding: 5px; margin: 0 0 10px 0; background-color: #FFF; border: 1px dotted #999;}
#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: #FFF; color: #000; text-decoration: none; display: block; padding-left: 0.5em;}
#subnav li a:hover {background-color: #CCC; color: #FFF; padding-left: 0.5em;}
#subnav .title {font: bold 1em/1.3em Verdana, 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;}

/* Images */

.homepage_button {margin-bottom: 5px;}
#masthead_pic {margin-bottom: 10px;}
.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;}

/* Links */

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

.box h3 a:link,
.box h3 a:visited,
.box h3 a:active { color: #333; text-decoration: underline; }
.box h3 a:hover { color: #903; text-decoration: 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; }

.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 a:visited,
.home_more a:active { color: #000; text-decoration: none; }
.home_more 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 { border: 1px dotted #999; background: #CCC; padding: 2px; color: #000; font-family: Tahoma, sans-serif; font-size: 9px; width: 170px; margin-bottom: 5px; }
.gncProgramName { PADDING: 1px; COLOR: #000066; FONT-SIZE: 9px; FONT-WEIGHT: bold; }
.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: 1px; COLOR: #000; FONT-FAMILY: Tahoma, sans-serif; FONT-SIZE: 9px; }

/* 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;}
#schedule_table a:link,
#schedule_table a:visited,
#schedule_table a:active {text-decoration: none; color: #000;}
#schedule_table a:hover {text-decoration: underline; color: #000;}

/* Topics */

.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-color: #C90;}
.economy {color: #000; background-color: #393;}
.education {color: #EAF0FC; background-color: #4164AF;}
.environment {color: #D3FAD6; background-color: #015207;}
.health {color: #F6CDFD; background-color: #590169;}
.politics {color: #F8CEC0; background-color: #B32E00;}
	
.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; }