@charset "utf-8";
/* CSS Document */
.footerbody {
    font-family: Verdana, Geneva, sans-serif;
    color: #FFF;
    font-weight: 100;
    font-size: 12px;
    line-height: 18px
    }
#footer tr td .footerhead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFF
    }
body {
    background-repeat: no-repeat;
    background-position: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px
    }
#footer tr .footerhead {
    color: #FFF;
    font-weight: lighter;
    font-size: 15px;
    font-family: Verdana, Geneva, sans-serif
    }
.h3news, .nprModHead {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 23px;
    font-style: normal;
    font-weight: bold;
    color: #2E6094;
    text-decoration: none;
    padding-top: 5px
    }
.station-news {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14.5px;
    font-style: italic;
    font-weight: bold;
    color: #000
    }
.station-news-red {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14.5px;
    font-style: italic;
    font-weight: bold;
    color: #900
    }
p .left-column-headline, h3 .left-column-headline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14.5px;
    font-style: italic;
    font-weight: bold;
    color: #777
    }
.news, .nprModText {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    line-height: 18px
    }
.follow-us {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative;
    top: 10px
    }
#transparent {
    opacity: 0.8
    }
#npr_stories, #npr_stories .nprModHead, #npr_stories .nprModHead {
    padding-right: 15px
    }
#npr_stories .nprModLinkMp3, .nprModLinkWindows, .nprModLinkListenIconWindows, .nprModAudioPipeMP3 {
    display: none
    }
#npr_stories .npr-image {
    margin-left: -18px;
    height: 20px;
    margin-bottom: 10px
    }
.col1 .container-title h2 {
    margin-left: -18px;
    padding-bottom: 0;
    margin-bottom: 0;
    height: 35px
    }
div.nprModText nprModLinkWindows nprModListenIconWindows .nprMod {
    font-size: 12px;
    font-family: verdana, arial, sans-serif
    }
.nprModCatTitle {
    font-size: 13px
    }
.nprModHead {
    font-weight: normal
    }
.nprModDate, .nprModPipe, .nprModName {
    color: #666;
    color: #000;
    background-color: transparent
    }
.nprMod a {
    color: #0f0;
    background-color: transparent
    }
.left {
    text-align: center
    }
.leftalign {
    text-align: left;
    padding: 4px 4px 8px 4px
    }
.red {
    color: #900;
    font-weight: bold
    }
/* Begin Typography */
h3, h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif
    }
/* End Typography */
/* Begin Links */
a:link {
    color: #369;
    text-decoration: none
    }
a:visited {
    color: #369;
    text-decoration: none
    }
.link-med, .body-talk .link-med a {
    font-size: 14px;
    color: #369;
    text-decoration: none;
    line-height: 16px
    }
.body-talk .link-med a:hover {
    text-decoration: underline
    }
a:hover {
    text-decoration: underline
    }
.news-program a {
    font-size: 14px;
    font-weight: 100;
    font-family: Helvetica, sans-serif;
    line-height: 20px
    }
.news-program a:hover {
    font-size: 14px;
    font-weight: 100;
    text-decoration: underline;
    font-family: Helvetica, sans-serif
    }
.h3news img {
    margin-bottom: 10px
    }
/* End Links */
/* Begin Lists, images, etc. */
a img {
    border: 0;
    text-decoration: none
    }
#footer {
    background-color: #999;
    width: 1000px
    }
#footer a {
    color: #FFF;
    font-weight: lighter;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none
    }
#footer a:hover {
    color: #FFF;
    font-weight: lighter;
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: underline
    }
img.bottom {
    vertical-align: text-bottom
    }
/* End Lists, images, etc. */
td {
    vertical-align: top
    }
/* Begin NAV-BAR Syles */
/* End NAV-BAR Syles */
/* BEGIN NPR News Module Syles */
div.nprMod p.nprModCatTitle {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0 0 0 0
    }
/* END NPR News Module Syles */
/* Border for footer on right hand side */
#footer-about {
    height: 150px;
    border-right-color: #fff;
    border-right-style: solid;
    border-right-width: thin
    }
td #footer {
    position: relative;
    left: 30px
    }
/* Arts css */
.dots {
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    line-height: 6px
    }
/* Reports css */
.show-name-lt-sidebar {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #369;
    line-height: 16px
    }
/* Talk css */
.plaintext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12.5px;
    color: #666
    }
.h3headline {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #2E6094
    }
.h3headline img {
    margin-bottom: 10px
    }
.body-talk .nprModCatTitle, .nprModCatTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 18px;
    font-style: normal;
    font-weight: normal
    }
a img {
    border: 0 none;
    text-decoration: none
    }
.bodygray4 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #666;
    line-height: 14px;
    font-style: normal
    }
.names {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    line-height: 14px;
    font-style: normal
    }
body.art .players {
    border-left: solid #ccc thin;
    border-right: solid #ccc thin;
    border-bottom: solid #ccc thin;
    width: 151px;
    height: 20px;
    background: #fff;
    padding: 5px;
    padding-bottom: 25px;
    padding-left: 17px
    }
body.tumblr-news .players {
    border-left: solid #ccc thin;
    border-right: solid #ccc thin;
    border-bottom: solid #ccc thin;
    border-top: solid #ccc thin;
    width: 156px;
    background: #fff;
    padding-left: 17px;
    padding-top: 0
    }
/* this is here in order to remove the border top of the second player */
body.tumblr-news .players2 {
    border-left: solid #ccc thin;
    border-right: solid #ccc thin;
    border-bottom: solid #ccc thin;
    width: 156px;
    background: #fff;
    padding-left: 17px;
    padding-top: 0
    }
body.tumblr-news .players, body.tumblr-news .players2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: #369;
    line-height: 16px;
    padding-bottom: 8px;
    padding-top: 7px
    }
body.tumblr-news .players a img, body.tumblr-news .players2 a img {
    padding: 0;
    margin: 0;
    float: right;
    margin-right: 10px;
    padding-bottom: 10px;
    position: relative;
    top: -3px
    }
#pickle-box {
    width: 25px;
    height: 25px;
    /*to do gradient, remove the background color and insert background-image properties*/
    float: right;
    padding-top: 5px
    }
.pickle-text {
    width: 110px;
    float: left;
    padding-bottom: 10px
    }
body.tumblr-news .pickle-text {
    padding-bottom: 0
    }
.blogtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
    font-weight: bold;
    color: #369
    }
.foo {
    background: url(rt-sidebar.jpg) no-repeat
    }
.lilshow {
    border: thin #ccc solid;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    padding-left: 18px;
    padding-top: 5px;
    padding-bottom: 5px
    }
.venues {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #CCC;
    line-height: 27px
    }
.featurephoto {
    text-decoration: none
    }
a:hover #single-news-feed {
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 9px;
    text-decoration: none;
    margin: 0;
    padding: 0;
    line-height: 110%
    }
/* The div around the title */
.rssincl-title {
    font-size: 20px
    }
.rssincl-itemtitle a:hover a:link {
    font-size: 150px !important;
    color: #666
    }
div#rssincl-box-279513 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
    text-decoration: none
    }
.rssincl-head .rssincl-content {
    display: none
    }
.rssincl-itemimage img {
    float: left !important
    }
/* Rssinclude widget maker styles */
/*remove Trial Expired text*/
.rssincl-trial-header {
    display: none
    }
.rssincl-entry.rssincl-last {
    display: none
    }
#rssincl-box-293217 .rssincl-entry .rssincl-itemimage {
    width: 40px
    }
/*styling for rss feed on rhs*/
#rssincl-box-293217 .rssincl-entry .rssincl-itemtitle {
    width: 182px
    }
/*firefox specific fix*/
div#rssincl-box-293217 div.rssincl-content div.rssincl-entry .rssincl-itemimage img {
    display: none
    }
/*google search on all pages except blog page*/
.cse input.gsc-input, input.gsc-input {
    background-image: none !important
    }
body.music .gsc-clear-button, body.body-talk .gsc-clear-button, body.body-news .gsc-clear-button, body.blogs .gsc-clear-button, body.index .gsc-clear-button {
    display: none
    }
#lhs-music {
    position: relative;
    left: 22px;
    z-index: 99999
    }
#lhs-talk {
    position: relative;
    left: -38px;
    top: -40px;
    z-index: 99999
    }
/* to fix the mega menus appearing over each video, code was added to end of each url*/
/* absolute and zindex are not a fix for this, flash sits on top of everything */
.music-video {
    z-index: 0
    }
.music-footer {
    position: relative;
    left: -100px
    }
/****************** Styling for 2col blog page *****************************/
* html #footer {
    height: 1px
    }
#content p {
    padding-left: 40px;
    padding-right: 50px;
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif
    }
/*title of the show - i.e. 7th Avenue Project; contains div id title and h1*/
#content-header {
    height: 20px;
    width: 580px;
    background: transparent url(/centralcoastpublicradio.org/inter/images/title-tile-bg3.gif) repeat-x;
    padding: 0;
    margin: 0;
    padding-top: 10px
    }
#content-field {
    padding-bottom: 10px
    }
#content-field p {
    color: #454442
    }
/*articles title, in this case "The View from the Cockpit"*/
#content-field h2 {
    width: 580px;
    color: #383838;
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
    font-size: 19px;
    font-weight: 100;
    line-height: 1.2;
    padding-left: 40px;
    margin-top: -6px
    }
/*changed from h3 to h4 in order to deal with tumblr*/
#content-field h4, #content-field h3 {
    color: #999;
    padding-left: 40px;
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
    font-size: 13px;
    font-weight: 600
    }
body.tumblr-2col #content-field h4, body.tumblr-2col #content-field h3 {
    padding-left: 0;
    padding-left: 30px;
    padding-bottom: 0
    }
#title {
    float: left;
    width: 235px;
    margin-left: 40px
    }
#author {
    float: left;
    width: 225px;
    margin-left: 80px
    }
#content-header h1 {
    width: 580px;
    color: #333;
    font-size: 20px;
    font-family: Verdana, Arial, "MS Trebuchet", sans-serif;
    position: relative;
    top: -5px
    }
/*fix for tumblr article title styling*/
#tumblr-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 23px;
    font-style: normal;
    font-weight: bold;
    color: #2E6094;
    text-decoration: none;
    position: relative;
    left: 38px;
    top: -15px
    }
#content-header #author h1 {
    color: #707070;
    font-size: 18px;
    padding-top: 2px;
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif
    }
.white {
    color: #fff;
    font-size: 12px
    }
.bold {
    font-weight: bold
    }
#sidebar-header {
    padding: 0;
    margin: 0;
    height: 10px
    }
/*Title for the rhs boxes, i.e About, Recent Shows..*/
#sidebar-header h4 {
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
    color: #666;
    font-size: 20px;
    font-weight: 100;
    margin-left: -40px
    }
#sidebar-header h4 .search-7th {
    width: 265px;
    font-size: 14px;
    font-weight: 100;
    color: #fff;
    background-color: #B8B6B9;
    position: relative;
    top: 5px;
    padding-left: 15px;
    padding-top: 5px
    }
/*style feed text here 7/13/11*/
#sidebar-field, #sidebar-field, #sidebar-field-search {
    background-color: #b8b6b9;
    color: #454442;
    padding-left: 20px;
    margin-bottom: 10px
    }
body.tumblr-2col #sidebar-field #rssincl-box-308474 p, body.tumblr-news #sidebar-field #rssincl-box-308509 p {
    background-color: #fff
    }
#sidebar-field {
    padding-top: 4px;
    padding-bottom: 6px;
    margin-bottom: 15px;
    margin-top: 9px;
    /*controls how close the title of the container will be to the box*/
    }
#sidebar-field-search {
    padding-top: 2px;
    margin-top: 13px
    }
#main-img {
    max-width: 310px;
    float: left;
    padding-right: 16px;
    padding-left: 30px;
    padding-bottom: 10px;
    padding-top: 3px
    }
.about-img {
    float: right;
    padding-left: 5px
    }
/*styling for rss feeds*/
/***********************/
/*previous box #rssincl-box-294816 */
/********* Recent Shows ******/
/* clear previous padding and margin */
body.tumblr-2col .recent-show .list-more {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 10px
    }
body.tumblr-2col.totb #sidebar-field .recent-shows {
    position: relative;
    left: -10px
    }
body.tumblr-2col.totbarchive .more-arch {
    padding-left: 30px
    }
.recent-show img {
    margin-top: 0;
    padding-top: 0
    }
.recent-shows .rssincl-content {
    padding-left: 0;
    margin-left: 0
    }
.recent-shows #rssincl-box-302916 p.rssincl-itemtitle, .recent-shows #rssincl-box-302916 p.rssincl-itemdate, .recent-shows #rssincl-box-294816 p.rssincl-itemtitle, .recent-shows #rssincl-box-294816 p.rssincl-itemdate {
    margin: 0 0 0 0;
    padding: 0 0 0 0
    }
/* add new padding and margin */
.recent-shows #rssincl-box-302916 .rssincl-head, .recent-shows #rssincl-box-294816 .rssincl-head {
    margin: 0 0 0 0;
    padding: 5px 15px 0 0;
    line-height: 1em;
    display: none
    }
.recent-shows #rssincl-box-294816 p.rssincl-itemtitle {
    padding-left: 0;
    padding-top: 5px;
    padding-right: 15px
    }
.recent-shows #rssincl-box-302916 {
    padding-top: 5px
    }
.recent-shows #rssincl-box-302916 p.rssincl-itemdate, .recent-shows #rssincl-box-294816 p.rssincl-itemdate, .recent-shows #rssincl-box-302916 .rssincl-entry {
    color: #414242;
    /*date grey*/
    font-size: 11px;
    padding: 5px 0 5px 0;
    width: 238px;
    /*sets border width*/
    border-bottom: dotted thin #414242;
    /*border under each item*/
    }
.recent-shows {
    padding-top: 5px;
    padding-bottom: 15px
    }
.recent-shows #rssincl-box-302916 p a, .recent-shows #rssincl-box-294816 p a, .recent-shows a, .about-rhs a, .suggested-links a, .tags a {
    color: #12598f;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 0
    }
.recent-shows #rssincl-box-302916 p a:hover, .recent-shows #rssincl-box-294816 p a:hover, .recent-shows a:hover, .about-rhs a:hover, .suggested-links a:hover, .tags a:hover {
    text-decoration: underline;
    font-size: 13px
    }
/* "more archives" text under the Recent Shows*/
.recent-shows .more-arch {
    text-align: right;
    padding-top: 10px;
    padding-right: 22px;
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif
    }
.recent-shows .more-arch a {
    font-size: 11px
    }
.about-rhs img {
    margin-right: 10px;
    float: left
    }
.about-rhs p {
    margin-right: 30px;
    margin-top: 10px;
    line-height: 1.2
    }
.about-rhs img {
    margin-top: 2px
    }
#sidebar-field .suggested-links p a {
    padding: 0 0 2px 0;
    margin: 0 0 0 0;
    width: 238px;
    /*sets border width*/
    border-bottom: dotted thin #414242;
    /*border under each item*/
    }
#sidebar-field .suggested-links p {
    margin: 5px 0 0 0
    }
#sidebar-field .suggested-links {
    margin-top: 8px;
    margin-bottom: 15px
    }
/*Show player, player positioning, ...*/
.player {
    width: 205px;
    height: 23px;
    background: url(../images/tumblr-player2.gif);
    position: relative;
    top: -25px;
    margin-left: 375px
    }
.player-text {
    color: #000;
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    padding-left: 10px
    }
/*******************************************************************************************************************************/
/*tumbr fixees*/
body.tumblr-news {
    background: url(/centralcoastpublicradio.org/inter/css/full_bg_bw.jpg)
    }
/* controls the width of the KUSP Reports main column (col1) width, if over 558 the column overflows and the border right disappears*/
body.tumblr-2col .post {
    width: 558px
    }
body.tumblr-2col .text-post-body img, body.tumblr-news .text-post-body img {
    float: left;
    max-width: 410px;
    padding-right: 12px;
    overflow: hidden
    }
body.tumblr-2col .audio-caption-class img, body.tumblr-news .audio-caption-class img {
    float: left;
    padding-right: 15px;
    padding-bottom: 12px;
    overflow: hidden
    }
/*removes extra spacing above posted text*/
body.tumblr-2col .text-post-body p, body.tumblr-2col .audio-caption-class p {
    margin-top: 0
    }
body.tumblr-2col h3 .post-title a, body.tumblr-news h3 .post-title a {
    font-size: 20px;
    line-height: 1em
    }
/*controls the spacing between the article title and text*/
body.tumblr-2col h3 .post-title {
    margin-right: 20px
    }
/*audio post title - currently displays track-name as the default article title*/
body.tumblr-2col #blog-post {
    background-color: #fff;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px
    }
body.tumblr-2col #white-bg {
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px
    }
/* 7/19/11 fixes to add white background to posts */
body.tumblr-2col .mp3player {
    padding-left: 30px;
    /*use to be 40*/
    }
body.tumblr-2col .audio-caption-class, body.tumblr-2col .text-post-body, body.tumblr-2col .mp3player, body.tumblr-2col h3, body.tumblr-news h3 {
    background-color: #fff;
    clear: left
    }
body.tumblr-2col .share p, body.tumblr-2col .tags p, body.tumblr-2col .tags-audio p, body.tumblr-2col .post-footer, body.tumblr-2col #audio-title, body.tumblr-news #audio-title {
    background-color: #fff;
    clear: left
    }
body.tumblr-2col .share p, body.tumblr-2col .tags p {
    padding-top: 0;
    margin-top: 0
    }
body.tumblr-2col .text-post-body p {
    padding-bottom: 10px;
    margin-bottom: 0;
    padding-top: 10px
    }
body.tumblr-2col .text-post-body {
    margin-top: 0;
    padding-top: 0
    }
/*space under share bar that seperates each article*/
body.tumblr-2col .share p {
    padding-bottom: 15px
    }
/*controls the space around article title */
body.tumblr-2col h3 {
    padding-top: 10px
    }
body.tumblr-2col #audio-title h1 body.tumblr-news #audio-title h1 {
    padding-bottom: 15px;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0
    }
body.tumblr-2col #audio-title h1 {
    line-height: 1em;
    text-indent: 0;
    margin-left: 30px;
    /*for audio posts, use to be 40*/
    font-size: 20px
    }
body.tumblr-news #audio-title h1, body.tumblr-news h1 {
    padding-top: 10px;
    line-height: 1em;
    text-indent: 0;
    margin-left: 20px;
    font-size: 20px;
    width: 400px
    }
body.tumblr-news .text-post-body p.body-text {
    display: none
    }
/*fixes extra gap between title and real body text */
body.tumblr-2col #audio-title h1:first-line {
    text-indent: 0
    }
body.tumblr-2col .audio-caption-class {
    padding-top: 10px
    }
body.tumblr-2col .share .chicklets.facebook, body.tumblr-2col .share .chicklets.twitter, body.tumblr-2col .share .chicklets.sharethis, body.tumblr-2col .share .chicklets.email, body.tumblr-news .chicklets.facebook, body.tumblr-news .chicklets.twitter, body.tumblr-news .chicklets.sharethis, body.tumblr-news .chicklets.email {
    color: #999
    }
body.tumblr-2col .post-photo, body.tumblr-2col .post-video {
    background-color: #fff;
    padding-top: 10px
    }
body.tumblr-2col .post-video object {
    margin-left: 30px
    }
body.tumblr-2col .post-photo img {
    margin-left: 30px;
    /* use to be 40*/
    padding-top: 0;
    max-width: 480px
    }
body.tumblr-2col .post-photo .caption p, body.tumblr-2col .post-video .caption p {
    padding-bottom: 10px;
    margin-bottom: 0
    }
/*fix for repeated h1 appearing in the audio posts*/
body.tumblr-2col #audio-title h1, body.tumblr-news #audio-title h1 {
    display: none
    }
body.tumblr-2col #audio-title h1.real, body.tumblr-news #audio-title h1.real {
    display: block
    }
/*space under each text post with image; to seperate image from share*/
body.tumblr-2col .text-post-body img {
    padding-bottom: 12px
    }
/*positioned under the footer to give space between each article*/
body.tumblr-2col .bottom {
    height: 14px;
    width: 580px;
    background: transparent
    }
/*background color for each post container*/
/*used in case image height > paragraph height; covers overflow*/
body.tumblr-2col .post {
    background-color: #fff;
    position: relative
    }
body.tumblr-2col .date {
    padding-left: 30px;
    /* use to be 30 padding */
    padding-top: 15px
    }
body.tumblr-news .date {
    padding-top: 15px;
    padding-left: 20px;
    padding-bottom: 10px
    }
/*********************************************************************/
/****  Tumblr News - Interm Beta  ************************************/
/*********************************************************************/
body.tumblr-news body {
    width: 1000px
    }
body.tumblr-news .post {
    display: block;
    background-color: #fff;
    width: 430px
    }
body.tumblr-news .container-title h2 img {
    width: 450px
    }
body.tumblr-news .bottom {
    height: 20px;
    background: transparent
    }
body.tumblr-news .link-description p {
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 40px;
    padding-bottom: 10px
    }
body.tumblr-news .link-description p img {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    padding-right: 15px;
    padding-left: 2px;
    overflow: hidden
    }
body.tumblr-news .quote {
    padding: 15px 40px 0 20px
    }
body.tumblr-news .quote-text {
    padding: 0 40px 10px 20px
    }
body.tumblr-news ul.chat-wrap {
    padding-bottom: 20px
    }
body.tumblr-news .post-photo img {
    padding-left: 20px;
    padding-top: 20px
    }
body.tumblr-news .post-photo .caption p {
    padding-left: 20px;
    padding-right: 50px
    }
body.tumblr-news .post-video .caption p {
    padding-right: 50px;
    padding-bottom: 0
    }
body.tumblr-news .mp3player {
    padding-left: 20px
    }
body.tumblr-news .audio-caption-class p {
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 12px
    }
body.tumblr-news .video-wrap embed {
    padding-left: 20px
    }
body.tumblr-news .video-caption {
    padding: 5px 40px 0 0
    }
body.tumblr-news .video-caption p {
    padding: 0 0 0 20px
    }
body.tumblr-news .audio-caption img {
    padding: 0 12px 0 0
    }
body.tumblr-news .audio-caption p {
    padding: 0 40px 0 20px
    }
body.tumblr-news .text-post-body img {
    float: left;
    padding-bottom: 5px;
    overflow: hidden
    }
body.tumblr-news .text-post-body p {
    padding-right: 30px;
    padding-left: 22px
    }
body.tumblr-news .post-footer {
    padding-left: 20px;
    padding-bottom: 10px;
    clear: left
    }
body.tumblr-news #audio-title h1.real, body.tumblr-news #audio-title h1 {
    padding-top: 0;
    margin-top: 0
    }
body.tumblr-news h3 .text-title h1.real {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    padding-left: 20px
    }
body.tumblr-news .highlights {
    margin-left: 5px;
    margin-bottom: 10px
    }
/**** Right Hand Side **** Talk of the Bay *****/
body.tumblr-news #lhs-quick {
    width: 175px
    }
#rssincl-box-280896 div.rssincl-head {
    padding: 5px
    }
body.tumblr-news #rssincl-box-293217 .rssincl-head {
    display: none
    }
body.tumblr-news #sidebar-header #title h4 {
    font-family: Helvetica, Arial, "MS Trebuchet", sans-serif;
    color: #666;
    font-size: 20px;
    font-weight: 100;
    margin-left: -40px
    }
body.tumblr-news #sidebar-field {
    width: 210px;
    padding-bottom: 20px
    }
body.tumblr-news #rssincl-box-293217 .rssincl-entry {
    width: 180px;
    border-bottom: dotted thin #414242
    }
body.tumblr-news #sidebar-field-ad {
    width: 210px;
    margin-bottom: 10px;
    margin-top: 10px
    }
body.tumblr-new #sidebar-field-ad img {
    width: 210px
    }
/* left hand side feed header color */
body.tumblr-news .col2 .rssincl-head {
    background-color: #ddd
    }
/***new 3col style***/
body.index .post p, body.talk .post p, body.music .post p, body.arts .post p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #666;
    line-height: 18px;
    padding-top: 0;
    margin-top: 0;
    padding-right: 20px;
    padding-bottom: 10px
    }
/*** Controls for post title, img, body text... **** 8/2/11 ***/
.post .title-top a, .post .title-under-img a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 23px;
    font-style: normal;
    font-weight: bold;
    color: #2E6094;
    text-decoration: none;
    padding-bottom: 0;
    margin-bottom: 0
    }
.post .title-top {
    padding-right: 20px
    }
/*This is for the feature post img */
/* set to float: left; for img to be on left hand side; no left hand side padding needed for this style */
/* set to float: right; for img to be on right hand side, then add padding of 10 to the left hand side */
.post .media img {
    max-width: 400px;
    /* turn this off if you want the images to be bigger */
    float: left;
    /* turn off if you want text to be under the image and not wrapper around it */
    padding-right: 20px;
    margin-top: -2;
    /* padding-left: 10px;  /* turn this on only if image is floating right */
    }
.post .photocredit {
    font-style: italic;
    font-size: 10px
    }
.post {
    overflow: hidden;
    /* fix for when height of floating left image is greater */
    /* than the height of text & title on the right hand side */
    }
.post .body-text {
    padding-top: 5px;
    padding-right: 20px
    }
.post {
    background-color: #fff;
    border: thin #ccc solid;
    padding-left: 20px;
    width: 430px
    }
body.tumblr-news .post {
    margin-bottom: 0;
    border-bottom: 1px #ccc solid
    }
/* used to fix overflow on right hand side of outfront out back list elements */
.post ul li {
    padding-right: 50px;
    padding-bottom: 5px
    }
/*** new index***/
.container-title {
    padding-left: 18px;
    width: 432px
    }
.container-title-videomix {
    background: #fff
    }
.container-title img, .container-title-videomix img {
    width: 450px
    }
/*** new talk ***/
/*** blogs center coloum feed style ***/
#rssincl-box-300574 .rssincl-head p, #rssincl-box-304801 .rssincl-head p {
    display: none
    }
body.blogs .col1 .rssincl-head .rssincl-title {
    display: none
    }
body.blogs .col1 .rssincl-entry {
    clear: left
    }
body.blogs .col1 .post p {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 17px;
    padding-top: 0;
    margin-top: 0;
    padding-right: 20px;
    font-weight: 400
    }
body.blogs .col1 .rssincl-itemfeedtitle {
    padding-bottom: 0;
    margin-bottom: 0;
    font-style: italic;
    text-align: right
    }
body.blogs .col1 .rssincl-itemfeedtitle a {
    font-size: 11px
    }
body.blogs .col1 p.rssincl-itemdesc {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 5px
    }
body.blogs .col1 .rssincl-entry p.rssincl-itemtitle {
    padding-bottom: 0;
    margin-bottom: 0
    }
body.blogs .col1 p.rssincl-itemdate {
    font-size: 10px;
    text-align: right
    }
body.blogs .col1 .rssincl-itemimage img {
    padding-right: 10px;
    padding-bottom: 10px;
    float: left;
    position: relative;
    top: -3px
    }
body.blogs .col1 .post {
    padding-bottom: 20px;
    padding-top: 20px
    }
body.blogs .col1 p.rssincl-itemtitle {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600
    }
body.blogs .col1 .rssincl-entry {
    border-bottom: thin #666 dotted;
    margin-bottom: 10px;
    margin-top: 10px;
    xbackground-image: url(../images/bg-main-blog.jpg);
    xborder-bottom-image: url(../images/bg-main-blog.jpg);
    background-postion: bottom;
    /* Temporary fix */
    background: #ececec;
    padding: 10px
    }
/*** style for blogs changing feeds ***/
#menu2 {
    display: none
    }
/*** Facebook feed for right hand side ****/
.fbImageContainer {
    display: none
    }
.actorPhoto {
    display: none
    }
/** Twitter code for right hand side columns ***/
.twtr-widget h3 {
    display: none
    }
.twtr-tweet-text p {
    font-size: 11px;
    padding-left: 10px
    }
/*********************************/
/*** all pages footer ****/
#footer-column-container {
    margin-left: auto;
    margin-right: auto
    }
#footer1, #footer2, #footer3, #footer4 {
    width: 210px;
    float: left;
    text-align: left
    }
#footer1 .link-box, #footer2 .link-box, #footer3 .link-box {
    height: 200px;
    border-right: thin #fff solid
    }
#footer-column-container {
    padding: 5px;
    padding-left: 106px;
    color: #666;
    line-height: 1.5em;
    font-size: 12px
    }
#footer-column-container h2 {
    padding-bottom: 10px;
    padding-left: 15px;
    color: #333;
    line-height: 1em;
    letter-spacing: 0.1em
    }
#footer-column-container ul {
    list-style: none;
    margin: 0 0 0;
    padding: 0 0 0
    }
#footer-column-container ul li {
    margin: 0 0 0;
    padding-left: 16px;
    padding-bottom: 0.5em;
    line-height: 1.2em
    }
#footer-column ul li a {
    text-decoration: none
    }
#footer-column ul li a:hover {
    text-decoration: underline
    }
/***** new code for boxes around blog page ***/
/***** styles
/***********/
/* controls the header on the left hand side boxes i.e. KUSP Talk/Info Blogs, KUSP Music Blogs located on the blogs page */
.h3black-head {
    background: #ccc;
    width: 153px;
    padding: 5px;
    padding-left: 17px
    }
/* box for talk info blog content on left hand side of the blogs page */
.talk-info-blog {
    width: 175px;
    margin-bottom: 0;
    padding-bottom: 0
    }
/* border and white background for social network icons */
.social-contact-box {
    border: 1px solid #ccc;
    padding-left: 10px;
    background-color: #fff;
    width: 163px
    }
/* border and white background for contact picture on the bottom of every page */
.contact-box {
    border: 1px solid #ccc;
    background-color: #fff;
    width: 173px
    }
.contact-box p {
    padding-left: 10px
    }
.contact-box img {
    max-width: 172px
    }
/* border and white background for sponsor info on pages */
/* might be irrelevant */
.sponsor-box {
    border: 1px solid #ccc;
    background-color: #fff;
    width: 225px;
    padding-bottom: 10px
    }
.sponsor-box a {
    padding-left: 18px
    }
.sponsor-box img {
    margin-top: 0
    }
/* hover over effects for social network icons - dims the social network icons on hover */
img.fb, img.tweet, img.itunes {
    opacity: 1;
    padding-right: 5px
    }
img.fb:hover, img.tweet:hover, img.itunes:hover {
    opacity: 0.5
    }
/* gives some space on the bottom of every middle comment */
.col1 {
    margin-bottom: 50px
    }
/** talk page left hand side column aggregated feed title color ***/
/*
/** any rssinclude widget box on the left hand side of the talk page will now automatically 
/*  have the light green color applied to the first line of the title */
.container-title h2 img, .container-title-videomix h2 img {
    border-left: thin #ccc solid;
    border-top: thin #ccc solid;
    border-right: thin #ccc solid
    }
body.music .container-title-videomix h2 img {
    position: relative;
    top: 10px;
    border-bottom: solid #fff 5px
    }
/** Dividers under each item in the right column **/
body.music .col3 p a img {
    padding-bottom: 10px;
    border-bottom: 1px #bbb solid
    }
body.music .col3 p {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    margin-top: 0
    }
#ads p img, #ads p a img, #ads a img, #ads img {
    padding-bottom: 20px;
    border-bottom: 1px #bbb solid
    }
#separator {
    padding-bottom: 15px;
    border-bottom: solid #acacac 1px;
    width: 175px
    }
#separator2 {
    padding-bottom: 15px;
    border-bottom: solid #acacac 1px;
    width: 225px
    }
#separator-first {
    padding-bottom: 15px;
    padding-top: 25px;
    width: 175px
    }
#separator-other {
    border-bottom: solid #acacac 1px;
    border-top: solid #acacac 1px;
    width: 175px
    }
.seperator-rhs {
    padding-bottom: 0;
    margin-bottom: 10px;
    border-bottom: solid #acacac 1px;
    width: 225px
    }
.seperator-rhs p, .seperator-rhs img {
    padding-bottom: 8px
    }
/*  margin between left column talk page boxes */
#rssincl-box-306049, #rssincl-box-319273, #rssincl-box-306439, #rssincl-box-306442, #rssincl-box-306445, #rssincl-box-306444, #rssincl-box-319271, #rssincl-box-364029 {
    margin-bottom: 10px;
    border: thin #ccc solid
    }
#rssincl-box-306049 .rssincl-content a p.rssincl-itemtitle, #rssincl-box-319273 .rssincl-entry p, #rssincl-box-306439 .rssincl-entry p, #rssincl-box-306442 .rssincl-entry p, #rssincl-box-306445 .rssincl-entry p, #rssincl-box-306444 .rssincl-entry p {
    color: #666
    }
/*tumblr kusp reports page, left hand side borders */
#rssincl-box-306439, #rssincl-box-319273 #rssincl-box-306529, #rssincl-box-306531, #rssincl-box-306530, #rssincl-box-311344, #rssincl-box-306529 {
    margin-bottom: 0;
    margin-bottom: 10px;
    border: thin #ccc solid
    }
#player {
    /* background-color: #B8B6B9; */
    background: #FFF;
    padding-top: 10px
    }
/* talk page rhs - new style for right hand side talk box*/
#rssincl-box-309181 {
    width: 225px;
    border: 3px #ccc solid;
    background: #fff
    }
#rssincl-box-309181 .rssincl-content {
    background: white;
    margin: 0;
    margin-top: 0;
    padding: 10px
    }
#rssincl-box-309181 .rssincl-content .rssincl-entry:hover {
    background: #F1F1F1
    }
#rssincl-box-309181 .rssincl-content .rssincl-entry {
    padding: 4px;
    border-bottom: 1px dashed silver
    }
#rssincl-box-309181 .rssincl-head p.rssincl-title, #rssincl-box-309181 .rssincl-head p.rssincl-title a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 10px #ccc solid;
    line-height: 13px
    }
#rssincl-box-309181 p.rssincl-itemfeedtitle, #rssincl-box-309181 p.rssincl-itemtitle, #rssincl-box-309181 p.rssincl-itemdate {
    padding: 0;
    margin: 0
    }
#rssincl-box-309181 p.rssincl-itemdate {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #969696
    }
#rssincl-box-309181 p.rssincl-itemfeedtitle {
    line-height: 10px;
    padding-bottom: 3px
    }
#rssincl-box-309181 p.rssincl-itemfeedtitle a {
    font-size: 10px;
    color: #666
    }
#rssincl-box-309181 p.rssincl-itemfeedtitle a:hover {
    text-decoration: none
    }
#rssincl-box-309181 p.rssincl-itemtitle a:hover {
    text-decoration: none
    }
/* new box = 311379 */
/* new style for right hand side talk box*/
#rssincl-box-309491 {
    width: 225px;
    border: 3px #ccc solid;
    background: #fff
    }
#rssincl-box-309491 .rssincl-content {
    background: white;
    margin: 0;
    margin-top: 0;
    padding: 10px
    }
#rssincl-box-309491 .rssincl-content .rssincl-entry:hover {
    background: #F1F1F1
    }
#rssincl-box-309491 .rssincl-content .rssincl-entry {
    padding: 4px;
    border-bottom: 1px dashed silver
    }
#rssincl-box-309491 .rssincl-head p.rssincl-title, #rssincl-box-309491 .rssincl-head p.rssincl-title a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 10px #ccc solid;
    line-height: 13px
    }
#rssincl-box-309491 p.rssincl-itemfeedtitle, #rssincl-box-309491 p.rssincl-itemtitle, #rssincl-box-309491 p.rssincl-itemdate {
    padding: 0;
    margin: 0
    }
#rssincl-box-309491 p.rssincl-itemdate {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #969696
    }
#rssincl-box-309491 p.rssincl-itemfeedtitle {
    line-height: 10px;
    padding-bottom: 3px
    }
#rssincl-box-309491 p.rssincl-itemfeedtitle a {
    font-size: 10px;
    color: #369
    }
#rssincl-box-309491 p.rssincl-itemfeedtitle a:hover {
    text-decoration: none
    }
#rssincl-box-309491 p.rssincl-itemtitle a:hover {
    text-decoration: none
    }
#rssincl-box-309491 p.rssincl-itemtitle a {
    color: #666
    }
/****/
/* 8/24/11 */
/* new box = 311379 */
/* new style for right hand side talk box*/
#rssincl-box-311379 {
    width: 225px;
    border: 3px #ccc solid;
    background: #fff
    }
#rssincl-box-311379 .rssincl-content {
    background: white;
    margin: 0;
    margin-top: 0;
    padding: 10px
    }
#rssincl-box-311379 .rssincl-content .rssincl-entry:hover {
    background: #F1F1F1
    }
#rssincl-box-311379 .rssincl-content .rssincl-entry {
    padding: 4px;
    border-bottom: 1px dashed silver
    }
#rssincl-box-311379 .rssincl-head p.rssincl-title, #rssincl-box-311379 .rssincl-head p.rssincl-title a {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 10px #ccc solid;
    line-height: 13px
    }
#rssincl-box-311379 p.rssincl-itemfeedtitle, #rssincl-box-311379 p.rssincl-itemtitle, #rssincl-box-311379 p.rssincl-itemdate {
    padding: 0;
    margin: 0
    }
#rssincl-box-311379 p.rssincl-itemdate {
    font-family: Arial, sans-serif;
    font-size: 10px;
    color: #969696
    }
#rssincl-box-311379 p.rssincl-itemfeedtitle {
    line-height: 10px;
    padding-bottom: 3px
    }
#rssincl-box-311379 p.rssincl-itemfeedtitle a {
    font-size: 10px;
    color: #369
    }
#rssincl-box-311379 p.rssincl-itemfeedtitle a:hover {
    text-decoration: none
    }
#rssincl-box-311379 p.rssincl-itemtitle a:hover {
    text-decoration: none
    }
#rssincl-box-311379 p.rssincl-itemtitle a {
    color: #666
    }
/****/
body.art .body-text p {
    color: #666
    }
body.art .title-under-img p a, .title-under-img p a, .title-under-img p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    font-weight: 100
    }
body.art .title-under-img p a:hover, .title-under-img p a:hover, .title-under-img a:hover {
    text-decoration: underline
    }
body.art .h3black-head {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px
    }
/*****/
#rssincl-box-306439 .rssincl-head, #rssincl-box-306529 .rssincl-head, #rssincl-box-306531 .rssincl-head, #rssincl-box-306530 .rssincl-head {
    display: none
    }
#rssincl-box-306439 .triangle, #rssincl-box-306529 .triangle, #rssincl-box-306531 .triangle, #rssincl-box-306530 .triangle {
    display: none
    }
#rssincl-box-306439, #rssincl-box-306529, #rssincl-box-306531, #rssincl-box-306530 {
    display: none
    }
#npr-news-logo, #npr-news-logo2, #npr-news-logo3, #npr-news-logo4 {
    position: relative;
    top: -5px;
    width: 177px;
    height: 18px;
    display: none
    }
.post .title-under-img {
    padding-right: 20px
    }
/* Blogs page JAVASCRIPT content switch NAV */
body.blogs .blogs-mix-nav {
    width: 450px;
    border-right: thin #ccc solid;
    border-left: thin #ccc solid
    }
body.blogs .blogs-mix-nav ul {
    list-style: none;
    list-style-type: none;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
    padding-bottom: 5px;
    position: relative;
    left: -20px;
    top: 1px
    }
body.blogs .blogs-mix-nav ul li {
    display: inline;
    border: solid #ccc thin;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px
    }
body.blogs .blogs-mix-nav ul a, body.blogs .blogs-mix-nav ul a:hover {
    text-decoration: none
    }
body.blogs .blogs-mix-nav ul li {
    background-color: #ccc
    }
body.blogs .blogs-mix-nav ul a:hover li, body.blogs .blogs-mix-nav ul a:active li {
    background-color: #fff;
    border-bottom: solid thin #fff
    }
body.blogs .blogs-mix-nav ul a:visited li {
    background-color: #666
    }
body.blogs .blogs-mix-nav ul #item1 {
    background-color: #fff;
    border-bottom: #fff thin solid
    }
/*** arts page flickr styling ****/
#rssincl-box-311451 .rssincl-head {
    border-bottom: solid #ccc 10px;
    text-indent: 10px;
    background: transparent url(../images/flickr-logo-13px-tall.jpg) no-repeat;
    background-position: 170px 3px
    }
#rssincl-box-311451 .rssincl-content table {
    margin-top: 4px;
    margin-left: 6px
    }
/*** blogs page flickr styling ****/
#rssincl-box-311715 .rssincl-head {
    border-bottom: solid #ccc 10px;
    text-indent: 10px;
    background: transparent url(../images/flickr-logo-13px-tall.jpg) no-repeat;
    background-position: 170px 3px
    }
#rssincl-box-311715 .rssincl-content table {
    margin-top: 4px;
    margin-left: 6px
    }
/*** Tumblr News Page - Disques Styling ***/
#disqus_thread {
    border: solid #ccc 1px;
    padding: 10px;
    background-color: #fff;
    width: 431px
    }
.dsq-brlink {
    display: none
    }
/** right hand side - back to tumblr-2col ***/
#rssincl-box-308474 {
    margin-left: 9px
    }
body.tumblr-2col h1.real {
    display: none
    }
body.tubmlr-2col #audio-title h1 {
    padding-top: 0;
    margin-top: 0
    }
body.talk .post.first {
    border-bottom: none
    }
body.talk .post .media img {
    max-width: 400px
    }
/** Middle Column Text on Talk **/
/** pages middle column text color changed to black - 8/18/11 */
/** column colors changed to grey #555 to set balance to middle column **/
body.talk .post p, body.art .post p, body.music .post p, body.index .nprModText {
    color: #000
    }
body.talk .post p .news {
    color: #000
    }
body.art .h3black-head .h3black2, body.blogs .h3black-head .h3black2, body.index .h3black-head .h3black2 {
    font-size: 12px;
    color: #555;
    font-weight: bold
    }
body.index .seperator-rhs p {
    color: #555
    }
/*** LHS Space Issues changes *****/
/*   !! abandoned, layout looked too clunky */
body.index .h3black-head.lhs {
    margin-bottom: 4px
    }
body.index #separator-other a, body.index #separator-other img, body.index #separator-other a img {
    padding: 0 0 0 0;
    margin: 0 0 0 0
    }
body.index #separator {
    padding: 0 0 0 0;
    margin: 0 0 0 0
    }
/** Tumblr News Page Previous Next Page Style**/
body.tumblr-news .prev-page, body.tumblr-news .next-page {
    border: solid #ccc thin;
    padding: 5px
    }
body.tumblr-news .next-page {
    float: right;
    margin-right: 10px
    }
body.tumblr-news .prev-page {
    float: left
    }
body.tumblr-news .next-page a, body.tumblr-news .prev-page a {
    font-size: 16px
    }
/** Mission Page - New 2colum layout for footer pages **/
body.footer-2col #footer {
    width: 1000px
    }
body.footer-2col .post {
    width: 578px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 25px;
    padding-left: 0;
    padding-left: 0
    }
body.footer-2col .post p {
    padding-left: 40px
    }
body.footer-2col a {
    text-decoration: none
    }
body.footer-2col a:hover {
    text-decoration: underline
    }
body.footer-2col #content-field h2 {
    color: #000;
    margin: 0 0 0 0;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase
    }
body.footer-2col #content-field h2 .orange {
    color: #DE5900
    }
/***************************************************************
/*** grey col on footer pages ***/
body.footer-2col #col2height {
    background-color: #e3e3e3;
    margin-top: 15px;
    padding-top: 25px;
    padding-bottom: 25px
    }
body.footer-2col .col2 p {
    padding-left: 20px
    }
body.footer-2col .col2 h3 {
    font-size: 13px;
    color: #666;
    margin-left: 20px;
    margin-right: 20px;
    letter-spacing: 0;
    font-weight: 600;
    xbackground-color: #e9e9e9;
    xbackground-color: #eee;
    xborder-bottom: solid #aaa thin;
    padding: 5px
    }
body.footer-2col .col2 .bug {
    font-weight: bold;
    padding-left: 5px;
    xbackground: #F5F5F5;
    /* same as right hand backside */
    background: #eee;
    margin-left: 20px
    }
body.footer-2col .col2 ul li {
    list-style: none;
    border-bottom: solid #fff 1px;
    padding-left: 5px;
    margin-left: 2px;
    line-height: 15px;
    padding-bottom: 8px;
    padding-top: 8px
    }
body.footer-2col .col2 ul {
    padding-left: 0;
    padding-left: 20px;
    margin-right: 20px;
    /*line-height: 30px;*/
    /*doesn't work for multiple line menus*/
    }
body.footer-2col .col2 ul li:hover {
    background: #fff
    }
body.footer-2col .col2 ul li.static:hover {
    background: inherit
    }
body.footer-2col .col2 ul li.static {
    border-left: solid #ccc 10px;
    padding-left: 12px;
    border-bottom: none;
    margin-left: 5px
    }
body.footer-2col .col2 ul a:hover {
    text-decoration: none
    }
/***** social media footer page ***/
body.footer-2col .col1 ul.footer-sm {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 40px
    }
body.footer-2col .col1 ul.footer-sm li {
    display: inline;
    padding: 0;
    margin: 0;
    padding-right: 5px
    }
/***************************************************************

/***************/
/** body.art **/
body.art .post.main {
    /* border-bottom: none; */
    /*broke the page now */
    padding-bottom: 7px
    }
body.art .col1 a:hover, body.talk .col1 a:hover {
    text-decoration: underline
    }
body.art .col1 .PKL_playpause, body.art .col1 .PKL_play {
    top: -3px
    }
body.art .player-accomp {
    font-size: 11px;
    font-style: italic;
    color: #666;
    position: relative;
    left: 5px
    }
body.art .read-more {
    font-size: 12px;
    font-weight: bold;
    display: inline
    }
#rssincl-box-304834 .rssincl-content .rssincl-entry .rssincl-itemimage a img {
    max-height: 60px;
    max-width: 60px;
    height: 60px;
    width: 60px
    }
/*blogs page feed*/
#rssincl-box-322058 .rssincl-content .rssincl-entry .rssincl-itemimage a img {
    max-height: 95px;
    max-width: 150px;
    height: 95px;
    width: 150px
    }
#rssincl-box-322058 .rssincl-content .rssincl-entry {
    min-height: 95px
    }
/** New image footer **/
#footer1, #footer2, #footer3, #footer4 {
    padding-bottom: 25px
    }
#footer5 {
    width: 1000px;
    height: 125px;
    background: transparent url(../images/footer5-bg.jpg) repeat-x;
    background-color: #e6e6e6;
    color: #000
    }
#footer5 {
    padding-top: 6px
    }
#footer5 ul li {
    display: inline;
    padding: 10px
    }
#footer5 ul {
    padding-left: 0;
    padding-left: 380px
    }
.above-copyright {
    padding-left: 375px;
    font-size: 11px;
    color: #666;
    text-decoration: none
    }
.copyright {
    padding-left: 310px;
    font-size: 11px;
    color: #666
    }
/** noscript styling ***/
.warning {
    font-style: italic;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px
    }
.underline {
    text-decoration: underline
    }
/****** Donate on music feature ******/
/** landing page specific mirco donate style **/
body.music .micro.donate {
    float: right;
    font-size: 11px;
    color: #666;
    margin-bottom: 15px;
    margin-right: 15px;
    margin-top: -20px
    }
.micro.donate a {
    text-decoration: none;
    color: #666;
    opacity: 0.95
    }
.micro.donate a:hover {
    text-decoration: none;
    color: #666;
    opacity: 0.7
    }
body.music .micro.donate a img {
    position: relative;
    top: 8px;
    left: -1px
    }
/** blog specific micro donate style **/
body.tumblr-news .micro.donate {
    float: right;
    margin-right: 146px;
    margin-top: -45px
    }
body.tumblr-news .micro.donate a img {
    position: relative;
    top: 8px;
    left: -1px
    }
/**** Music Feature - Videos *****/
body.music .post table {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    position: relative;
    left: -13px
    }
body.music .post td p {
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-size: 11px;
    font-weight: bold;
    color: #111;
    line-height: 13px;
    width: 195px
    }
body.music .post table td p {
    margin-bottom: 0
    }
body.music .post td {
    width: 195px;
    padding: 10px 10px 5px 10px
    }
body.music .post td:hover, body.music .post iframe:active {
    background: #aaa
    }
/*** Index - Right Hand Side Topic Pages Styling ***/
body.index ul.kusp_topic_pages {
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 0
    }
body.index ul.kusp_topic_pages li img {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    padding-left: 12px;
    background: #ececec
    }
body.index ul.kusp_topic_pages li img:hover {
    background: #bbb
    }
body .feature-hover img:hover {
    opacity: 0.8
    }
/*** arts flicker interactive ***/
body #rssincl-box-311451 .rssincl-entry:hover, /* blogs flicker feed */body #rssincl-box-311715 .rssincl-entry:hover {
    opacity: 0.8
    }
/* temporary pledge drive*/
body.index .pledge-drive {
    padding-top: 12px;
    opacity: 1
    }
body.index .pledge-drive:hover {
    opacity: 0.8
    }
body.tumblr-news .audio-caption p img {
    max-width: 380px
    }
body.tumblr-news .post-footer .tags {
    padding-right: 20px
    }
/*Visual Arts calender page*/
body.footer-2col.calenders .post, body.footer-2col.calenders #col2height {
    padding-bottom: 10px
    }
body.footer-2col.calenders .post ul {
    /*list-style: none;*/
    padding-left: 55px
    }
body.footer-2col .text-seperator {
    border-bottom: thin solid #ccc;
    width: 387px;
    margin: 0 0 10px 40px
    }
body.footer-2col.live .col1 ul {
    font-family: Arial, Verdana;
    font-size: 20px;
    line-height: 20px;
    list-style: none;
    margin: 0 10px 0 0
    }
body.footer-2col.live .col1 ul li {
    float: left;
    padding: 10px 40px 10px 30px
    }
body.footer-2col.live .col1 ul li .size {
    font-size: 14px;
    color: #666
    }
body.footer-2col.live .col1 ul li:hover {
    background: #e3e3e3
    }
body.footer-2col.live .col1 ul a {
    text-decoration: none
    }
body.footer-2col.live .col1 ul a:hover {
    text-decoration: none
    }
body.footer-2col.live .col1 p {
    clear: left
    }
body.footer-2col.live #col2height img {
    float: left;
    margin-right: 10px;
    opacity: 1
    }
body.footer-2col.live #col2height img:hover {
    opacity: 0.7
    }
body.footer-2col.live #col2height h3 {
    clear: left
    }
body.footer-2col.live #col2height .apps {
    background: #e3e3e3;
    padding-left: 20px
    }
body.footer-2col #col2height ul li.static a:hover {
    text-decoration: underline
    }
/*jwplayer inserted in here as solution for mobile phones - 2/13/12 */
body.footer-2col.live #mediaspace {
    background: #fff;
    padding: 10px 0 5px 40px
    }
/************************************************************************/
/**** Music Feature - Videos *****/
body.footer-2col.mix .col1 {
    left: 50.5%
    }
body.footer-2col.mix .post {
    width: 700px
    }
body.footer-2col.mix .col2 {
    width: 18%;
    left: -31%
    }
body.footer-2col.mix #col2height {
    background: #999
    }
body.footer-2col.mix .post.mix table {
    padding: 0 0 0 40px;
    margin: 0 0 0 0;
    position: relative;
    left: -13px
    }
body.footer-2col.mix .post.mix td p {
    padding: 0 0 0 0;
    margin: 0 0 10px 0;
    font-size: 11px;
    font-weight: bold;
    color: #111;
    line-height: 13px;
    width: 195px
    }
body.footer-2col.mix .post.mix table td p {
    margin-bottom: 0
    }
body.footer-2col.mix .post.mix td {
    width: 195px;
    padding: 10px 10px 5px 10px
    }
body.footer-2col.mix .post.mix td:hover, body.footer-2col.mix .post.mix iframe:active {
    background: #aaa
    }
.captcha {
    margin-left: 42px;
    padding-top: 10px;
    padding-bottom: 1px
    }
.recaptchatable {
    border: 1px solid #666 !important
    }
#recaptcha_table {
    border: solid #666 thin !important
    }
body.footer-2col iframe {
    display: none
    }
/* the alternatives to the captcha, but adds a gap at the bottom */
/** new rss include for feature content **/
body.art .col1 .post.main {
    margin-top: 0;
    padding-top: 0;
    margin-top: -15px
    }
body.art .col1 #rssincl-box-346040, body.music .col1 #rssincl-box-347558, body.music .col1 #rssincl-box-347690 {
    margin: 0;
    padding: 0
    }
body.art .col1 .rssincl-head p.rssincl-title, body.music .col1 .rssincl-head p.rssincl-title, body.talk .col1 .rssincl-head p.rssincl-title {
    display: none
    }
body.art .col1 .rssincl-content .rssincl-entry p.rssincl-itemtitle, body.music .col1 .rssincl-content .rssincl-entry p.rssincl-itemtitle, body.talk .col1 .rssincl-content .rssincl-entry p.rssincl-itemtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 23px;
    font-style: normal;
    font-weight: bold;
    color: #2E6094;
    text-decoration: none;
    padding-bottom: 0;
    margin-bottom: 0
    }
body.art .col1 .rssincl-content .rssincl-entry p.rssincl-itemtitle {
    margin-bottom: 5px
    }
body.music .col1 .rssincl-content .rssincl-entry p.rssincl-itemtitle, body.talk .col1 .rssincl-content .rssincl-entry p.rssincl-itemtitle {
    margin-bottom: 7px;
    margin-top: 3px
    }
body.art .col1 .rssincl-content .rssincl-entry img, body.music .col1 .rssincl-content .rssincl-entry img, body.talk .col1 .rssincl-content .rssincl-entry img, body.talk .col1 .rssincl-content .rssincl-entry .wp-caption img {
    max-width: 410px;
    max-height: 307px;
    margin: 0;
    padding: 0;
    float: left;
    padding-right: 10px;
    padding-bottom: 10px
    }
body.talk .col1 .rssincl-content .rssincl-entry img, body.talk .col1 .rssincl-content .rssincl-entry .wp-caption img {
    float: left !important
    }
body.talk .col .rssincl-content .rssincl-itemcontent p {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important
    }
body.art .col1 .rssincl-content .rssincl-entry p object, body.music .col1 .rssincl-content .rssincl-entry p object, body.talk .col1 .rssincl-content .rssincl-entry p object {
    max-width: 410px;
    margin: 0;
    padding: 0
    }
body.art .col1 .rssincl-content .rssincl-entry p {
    padding: 0 20px 0 0
    }
body.art .col1 .rssincl-itemcontent p {
    margin-top: 0
    }
body.music .col1 .rssincl-content .rssincl-entry, body.talk .col1 .rssincl-content .rssincl-entry {
    margin-right: 15px
    }
body.music .col1 .post.main, body.talk .col1 .post.main {
    padding-bottom: 10px
    }
body.art .col1 ul.controls, body.music .col1 ul.controls, body.talk .col1 ul.controls {
    display: none
    }
body.art .col1 .rssincl-content .rssincl-entry:first-child {
    /* border-bottom: solid #ccc thin; */
    /*switched back to 1 feature*/
    }
body.talk .col1 .rssincl-content .rssincl-entry:first-child {
    border-bottom: solid #ccc thin;
    margin-bottom: 10px
    }
object embed {
    width: 401px
    }
body.art .col1 .haiku-button a img.listen, body.music .col1 .haiku-button a img.listen, body.talk .col1 .haiku-button a img.listen {
    float: none
    }
body.talk .col1 .rssincl-content .rssincl-entry .wp-caption img {
    margin-top: 3px;
    margin-bottom: 0;
    padding-bottom: 0
    }
body.talk .col1 p.wp-caption-text, body.art .col1 p.wp-caption-text, body.music .col1 p.wp-caption-text {
    clear: both;
    text-align: right;
    font-size: 11px;
    color: #666;
    margin-bottom: 0;
    padding-bottom: 0
    }
body.talk .col1 .wp-caption {
    float: left
    }
.col1 .wp-caption {
    max-width: 420px
    }
.col1 .rssincl-entry {
    clear: left
    }
/**** Feedback Button *******/
#feedback img {
    padding-top: 0;
    margin-top: 0
    }
.feedback-button {
    background-color: #FF8000;
    width: 100px;
    padding: 5px;
    padding-left: 20px;
    color: #fff
    }
.feedback-button a {
    color: #fff
    }
.feedback-button:hover {
    background-color: #F90
    }
#feedback a:hover {
    text-decoration: none
    }
#feedback {
    margin-top: 5px;
    width: 100px
    }
/*** 10/26/11 new fully functional header code ***/
/* Header styles */
#header {
    width: 100%;
    margin: auto;
    /* i.e. 7 fix */
    }
#header {
    padding-bottom: 0;
    margin-bottom: 0;
    position: relative
    }
#header-container {
    float: none;
    background: #ccc;
    background: url(../images/header-bg.jpg) no-repeat;
    width: 1000px;
    height: 157px
    }
#header-container .logo {
    position: absolute;
    left: 48px;
    bottom: 15px;
    background: url(../images/kusp_logo.jpg) no-repeat;
    width: 268px;
    height: 119px
    }
#header-container .logo:hover {
    background: url(../images/kusp_logo-hover.jpg) no-repeat
    }
#header-container .donate {
    position: absolute;
    top: 21px;
    left: 755px
    }
#header-container .main-nav {
    position: absolute;
    z-index: 15;
    left: 380px;
    bottom: 5px
    }
#header-container .secondary-nav {
    position: absolute;
    z-index: 10;
    left: 246px;
    top: 30px
    }
/**** primary ****/
#header-container .main-nav ul {
    height: 27px;
    list-style-type: none
    }
#header-container .main-nav ul li a {
    text-indent: -9999px
    }
#header-container .main-nav ul li {
    float: left;
    background: #515151;
    border-right: solid 1px #fff;
    xpadding: 3px 23px 3px 23px;
    xmargin-left: -5px
    }
/** nav images **/
/** news */
#header-container .main-nav ul li.nav-news a {
    width: 87px;
    height: 28px;
    background: transparent url(../images/nav/news.jpg) no-repeat
    }
#header-container .main-nav ul li.nav-news:hover a {
    background: transparent url(../images/nav/news-hover.jpg) no-repeat
    }
/** talk */
#header-container .main-nav ul li.nav-talk a {
    width: 87px;
    height: 28px;
    background: transparent url(../images/nav/talk.jpg) no-repeat
    }
#header-container .main-nav ul li.nav-talk:hover a {
    background: transparent url(../images/nav/talk-hover.jpg) no-repeat
    }
/** music */
#header-container .main-nav ul li.nav-music a {
    width: 87px;
    height: 28px;
    background: transparent url(../images/nav/music.jpg) no-repeat
    }
#header-container .main-nav ul li.nav-music:hover a {
    background: transparent url(../images/nav/music-hover.jpg) no-repeat
    }
/** arts */
#header-container .main-nav ul li.nav-arts a {
    width: 87px;
    height: 28px;
    background: transparent url(../images/nav/arts.jpg) no-repeat
    }
#header-container .main-nav ul li.nav-arts:hover a {
    background: transparent url(../images/nav/arts-hover.jpg) no-repeat
    }
/** blogs*/
#header-container .main-nav ul li.nav-blogs a {
    width: 87px;
    height: 28px;
    background: transparent url(../images/nav/blogs.jpg) no-repeat
    }
#header-container .main-nav ul li.nav-blogs:hover a {
    background: transparent url(../images/nav/blogs-hover.jpg) no-repeat
    }
/** npr */
#header-container .main-nav ul li.nav-npr a {
    width: 87px;
    height: 28px;
    background: transparent url(../images/nav/npr.jpg) no-repeat
    }
#header-container .main-nav ul li.nav-npr:hover a {
    background: transparent url(../images/nav/npr-hover.jpg) no-repeat
    }
/**actives**/
body.news #header-container .main-nav ul li.nav-news a {
    /* not working yet due to wordpress still in progress */
    }
body.talk #header-container .main-nav ul li.nav-talk a {
    background: transparent url(../images/nav/talk-hover.jpg) no-repeat
    }
body.music #header-container .main-nav ul li.nav-music a {
    background: transparent url(../images/nav/music-hover.jpg) no-repeat
    }
body.art #header-container .main-nav ul li.nav-arts a {
    background: transparent url(../images/nav/arts-hover.jpg) no-repeat
    }
body.blogs #header-container .main-nav ul li.nav-blogs a {
    background: transparent url(../images/nav/blogs-hover.jpg) no-repeat
    }
/***/
#header-container .main-nav ul a {
    display: block;
    font-family: Arial, Verdana, Georgia;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none
    }
#header-container .main-nav ul a:hover {
    color: #444;
    text-decoration: none
    }
/* drop down */
/* soon to come */
/**** secondary ****/
#header-container .secondary-nav ul li {
    list-style-type: none;
    display: inline
    }
#header-container .secondary-nav ul {
    margin: 0;
    padding: 0
    }
body.talk .col1 iframe, body.music .col1 iframe, body.art .col1 iframe {
    max-width: 410px
    }
/*temporary feature fix - removes second image */
.npr-image {
    width: 125px
    }
.npr-image img {
    opacity: 1
    }
.npr-image img:hover {
    opacity: 1
    }
.nprModStory1:hover, .nprModStory2:hover, .nprModStory3:hover {
    xbackground: #eee;
    xcursor: pointer;
    xcursor: hand
    }
.nprModStory3 {
    margin-bottom: 10px
    }