body { -webkit-text-size-adjust:none; color:White; max-width:414px;
       background-color:#112; font-family:Sans-Serif; margin:0 auto; padding:0px; }

.defLogo { margin:0; text-align:center; height:54px;
           background: transparent url('../pic/def-touch-header.jpg') no-repeat left 35%; }
.defLogo img { margin:2px 0; height:50px; }

a:link, a:active, a:visited { color:#99beff; text-decoration:none; }

.supergorilla { background-color:#232531; }

img { border:none; }

.tSect 
{ 
    margin:0 0 5px; color:Black; font-size:11pt;
    background: #f0f0f0;
    background: -moz-linear-gradient(top,  #ececec 0%, #fdfdfd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#fdfdfd));
    background: -webkit-linear-gradient(top,  #ececec 0%,#fdfdfd 100%);
    background: -o-linear-gradient(top,  #ececec 0%,#fdfdfd 100%);
    background: -ms-linear-gradient(top,  #ececec 0%,#fdfdfd 100%);
    background: linear-gradient(to bottom,  #ececec 0%,#fdfdfd 100%);
}
.tSect h2 { font-size:14pt; }
.tSect h3 { font-size:12pt; }
.tSect p { margin: 1em 0; padding: 0 5px; }
.tContent { padding:3px 4px; }
.tContent p { padding:0; margin:1em 0; }
.tContent h2 { margin: 3px 0; font-size:12pt; }
p.eventDtl { margin:0.7em 0; }

.tSectDark {
    margin: 0 0 5px;
    font-size: 11pt;
    background-color:#1c1e2a;
}

.tHead { margin: 0 !important; padding:2px 4px 1px; color:#fff; height:24px; }
.tHead img { height:22px; vertical-align:middle; }

.tFoot { font-size:12.5pt !important; line-height:28px; text-align:center; height:28px; }
.tFoot.tHNews { margin-top:2px !important; }

.tSect a { color:#35a; text-decoration:none; }
.tSect a:hover { text-decoration:underline; }

.tHNews { background-color:#a63838; margin-bottom:2px !important; }
.tHEvents { background-color:#1a4480; }
.tHTracks { background-color:#87823a; }
.tHListen { background-color:#395244; text-align:left !important; }
.tHSocial { background-color:#4d5580; }

#divSocial { text-align:center; padding:4px 0 2px; margin:12px 0 -22px; }
#divSocial a { margin:0 8px; }
#divSocial img { width:48px; height:48px; }

.tHNews a { color:#fcbdbd; }
.tHEvents a { color:#a4c9fc; }
.tHTracks a { color:#fcf7b1; }


audio { height:45pt; width:90%; }

a.playLink { background: transparent url('../pic/play-listen-s.png') no-repeat 0 -26px; background-size:26px; 
            text-decoration:none; padding:0 0 0 28px; height:26px; line-height:26px; 
            display:inline-block; color:#4c7bfc; }
a.playLink:hover { color:#4c7bfc; text-decoration:none; }
.playLink span { font-size:15pt; padding:0 0 0 5px; font-weight:bold; }
.showPlaya { width:100%; }



.footerBox { 
    background-color: #1f2026; margin:32px 0 0; clear:both; padding:24px 0 40px; 
    font-size:small; text-align:center;
}
.footerBox p { margin:24px 0 0; }
.footerBox p:first-child { margin-top: 0; }
.footerBox a { color:#bbb; text-decoration:none; }
.footerBox a:hover { color:#bbc; }

.pageFooter { text-align:center; font-size:small; margin:2em 0 0; }
.pageFooter a { color:#ccf; text-decoration:none; }

.footerLogos { margin:2em 0 1em; }
.footerLogos a { margin:0 2%; }
.footerLogos img { width:25%; max-width:115px; }

.artistTags, .moreNews { margin:1em 5px 2em; font-size:10.5pt; }
.artistTags { line-height:180%; }
.artistTags a, .moreNews a { color:#ccf; }
.artistTags a { white-space:nowrap; }
.moreNews p { margin:0; }
.moreNews ul { padding-left:22px; margin:5px 0 3em; }
.moreNews li { margin:12px 0; }

/* ---- Top Tracks ---- */
.toptracks { width:100%; margin: 0px; color:#000; border:0; }
.toptracks > div { vertical-align:middle; font-size:9.8pt; height:50px; clear:left; margin:2px 0; }
.toptracks div p { max-height:35px; margin:0; overflow:hidden; margin:0; padding: 5px 16px 0 5px; }
.ttimage { text-align:center; width:50px; height:50px; float:left; }
.ttimage img { width:50px; height:50px; margin:0; }
.ttName { padding-left:2px; color:#fff; background-image: url(../pic/numbers-gold.png);
          background-repeat: no-repeat; background-attachment: scroll; }
.ttNo1 { background-position: right -4px; } .ttNo2 { background-position: right -44px; }
.ttNo3 { background-position: right -84px; } .ttNo4 { background-position: right -124px; }
.ttNo5 { background-position: right -164px; } .ttNo6 { background-position: right -204px; }
.ttNo7 { background-position: right -244px; }
.ttTitle { font-weight:bold; }

/* ---- Events ---- */
.eventWords { color:Black; padding:0px; margin:5px 1px 1px; }
p.eventDate { padding:5px; margin: 0px; font-size:9pt; font-weight:bold; color:#443333; }
p.eventDate:first-child { padding-top:0; }
a.eventDetail { display:block; color:#000000; padding: 5px; font-size:10.5pt; text-decoration:none; }
a.eventDetail:hover { text-decoration:none; cursor:pointer; }
.eventName { font-weight:bold; color:#1a4480; }
.eventTag { margin-top:3px; }
.eventLoc { font-size:8.5pt; margin-top:3px; }
a.eventEdit { display:block; color:#0000ff; padding:0px 5px 5px; text-align:right; }

/* ---- News ---- */
a.newsLink { display:block; color:#000000; padding: 1px 3px; font-size:10.5pt; text-decoration:none; height:92px; position:relative; }
a.newsLink:hover { text-decoration:none; cursor:pointer; }
a.newsLink p { margin: 0px 0px 5px; }
a.newsLink img { float:left; width:110px; height:92px; padding-right:5px; }
.newscat { font-size:8.5pt; font-weight:bold; color:#a63838; display:block; }
.clearNews { clear:both; height:3px; }

/* ---- Listen ---- */
.defListen { font-size:12pt; padding:0 5px; text-align:center; }

.tListen, .tListen p { text-align:center; }
div.tListenLink { font-size:11pt; padding:0; height:55px; line-height:55px; }
div.tListenLink a.playLink { margin:10px 0 0; }

#pShowBlurb { margin-top:0; }

/* --- What's New --- */
.news-swiper, .overnewsbox {
    height: 248px;
}   
.swiper-slide {
        background-position:50%; background-size:cover;
}
.swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) { background-color:#ccc; }

.newImage { width:100%; }
.overnewsbox {
    display:block;position:absolute; top:0; width:100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(40%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(bottom,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); /* IE10+ */
    background: linear-gradient(to top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 60%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#b3000000',GradientType=0 ); /* IE6-9 */
}
.overnewsbox p {
    color:#fff; text-align:center; position:absolute; bottom:30px; text-shadow:2px 2px 1px #333; 
    width:98%; margin:0 auto;
}
.newdesc { font-weight:bold; display:block; padding-top:3px; font-size:12pt; }


.event-swiper, .overeventbox {
    height: 180px;
}   
a.overeventbox {
    display:block;position:absolute; top:0; width:100%; background-color:rgba(0,0,0,0.7);
    text-align:center; color:#fff; font-size:11.5pt; text-shadow:3px 3px 3px #000;
}
a.overeventbox:hover { text-decoration:none; }
.overeventbox > div { margin:30px 0 0; }
.overeventbox div div { margin:14px 0; }
.overeventbox div div:first-child { font-size:10.5pt; color:#eee; }
.overeventbox div div:nth-child(2) { font-size:12.5pt; font-weight:bold; }
.overeventbox div div:last-child { font-size:10.5pt; }


/*---- Playlist ----*/
.tblPlaylist { border-top: solid 2px #334; width:100%; border-spacing:0; color:#fff;
               font-size:9.5pt; }
.tblPlaylist tr td:nth-child(2) { width:50px; }
.plGuests { color:#a85; font-size:9pt; }
span.plArtist, a.plArtist:link, a.plArtist:visited { color: #eef; font-weight:bold; }
a.plArtist:hover { color:#d90; text-decoration: underline; }
.plAlbum { color:#888; }
.plAlbumImg { width:58px; height:58px; }
.tblPlaylist td { padding: 2px 3px; }
td.starcell, td.starvoted { text-align:center; color:#56668E; cursor:pointer; width:40px; }
td.starcell:hover { color:#aa0; }
td.starcell:hover .thumbsup { background-position:0 -16px; }
td.starcell:hover, td.starcell:hover + td, td.starcell:hover + td + td { background-color:#237; }
.tblPlaylist tr.altRow { background-color:#30303c; }
td.starvoted { font-weight:bold; cursor:auto; color:#dc3; }
td.starvoted .thumbsup { background-position:0 -16px; }
td.readvote { text-align:center; width:32px; }
.readvote .thumbsup { display:none; }
.plDate { float:right; line-height:22px; }

.tblPlaylist p { margin:2px 0; padding:0; }

.thumbsup { margin:auto; width:16px; height:16px; background:transparent url('../pic/big-thumbs-up.png') no-repeat 0 0; }

.plstream { text-align:center; line-height:24px; font-size:12pt; margin:10px 0; }

.audioForShow { min-width:140px; width:100%; max-width:480px; max-height:30px; }

.plComment { float:right; text-align:right; color:#8c8646; }

.youtubeFrame { width:406px; height:228px; }

.kickstartervideo { width:320px; height:240px; }


/*@media only screen and (max-width: 657px) {
    .youtubeFrame { width:357px; height:201px; }
}*/
@media only screen and (max-width: 414px) {
    .youtubeFrame { width:367px; height:206px; }
}
@media only screen and (max-width: 374px) {
    .youtubeFrame { width:302px; height:170px; }
}