@font-face {
  font-family: 'abel';
  src: url('font/abel.woff') format('woff');
  font-weight: normal; font-style: normal;
}

/* cms page */
.bcrumb, .bcrumb a { margin: 6px; color: #888; font-size: 16px; }
.bcrumb a { font-size: 16px; }
.card, .postinfo { display: none; }

#noqfeedpreloader { display: none; }
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}

:root {
	--page-width: 100%;
}

a { outline: 0; }
a.anchor {display: block; position: relative; margin-top: -50px; visibility: hidden; }
img { max-width:100%; height: auto; }
.lcomic img { width: 450px !important; max-width: 100% !important; height: auto !important; }
div.lcomic { width: 450px !important; display: block; margin: 0 auto; text-align: center; }
.lcomic a { text-align: left !important; display: block; }

html, body { margin: 0; padding: 0; overflow-x: hidden; }
body {
  margin: 0; padding: 0;
  background: #151515; color:#989794;
    font-family: "abel", "Inconsolata", monospace; font-size: 16px;
}

#donate_head { margin:0; padding:0; width: 100px; display: block; position: absolute; top: 0; right: 0; color:steelblue; }
#donate_head p { display: inline-block; width: 100px; margin: 5px 10px; }

#feeds { width: 100%; margin: 0; padding: 0; }
.feedswrap { margin: 0 auto; padding: 0 0 0 4%; width: 1400px; max-width: 94%; }

h5.title:before { font-family:'FontAwesome'; content: '\f27a';}
h4, h4 a, a { color: #FDFDFD; text-decoration: none; }
h4.psa { color: #858586; font: small-caps bolder .9em 'ui','Arial Nova',Helvetica,Arial,sans-serif; padding: 0 1.1%; max-width: 500px; }

.container { margin: 0 auto; padding: 0; width: 100%; max-width: 1600px; }

.donkeyload { display: none; } 

#content-main { margin: 0; padding: 0; width: 100%; }
/* expands full height content-main */
#content-main:after {
    content: "";
    display: block;
    clear: both;
}


.nvideo { padding: 12px 0 0 0; }
.nvideo iframe { max-width: 90%; width: 560px; height: auto; }

.clear { clear: both; margin-top: 1em; }
.nos { border: none; }

/* layout */

.section { width: 31%; margin: 1%; padding: 0; }
.sectionheader, .sectionheader a { 
  margin: .6em 0; padding: 0;
  font: bold 15px 'noquarter2'; color: #1F456E; 
}
.subsectionheader, .subsectionheader a { 
  display: block;
  margin: 32px 0 .6em 10px; padding: 0;
  font: bold 13px 'noquarter2'; font-style: italic; color: rgb(170, 47, 2); 
}

#column-aside { margin: 0; }
.promo_container { margin-top: 40px; text-align: center; }
#promo_125, #promo_125auto, #promo_240 { display:block; margin: 0 3px; }

/* content pages */
#navbar { margin: 0; padding: 0; width: 100%; margin: 12px auto; display: inline-block; }
ul#nav { list-style-type: none; margin: 0; padding: 0; }
ul#nav li { display: inline-block; margin: 0 12px; padding: 0; }
ul#nav li a { color: lightblue; text-decoration: none; }

#full-column { margin: 0 2%; padding: 0 1%; width: 94%; max-width: 1400px; word-wrap: break-word; clear: both; }

#column-left-spec { margin: 0 2%; padding: 2% 2% 8% 2%; width: 42%; max-width: 600px; word-wrap: break-word; float:left; background: linear-gradient(#5B5D36, #62633A); border-radius: 0 2px 0 2px; }
#column-left { margin: 0 2%; padding: 0 2% 2% 2%; width: 42%; max-width: 700px; word-wrap: break-word; float:left; position: relative; }

#column-right { margin-right: 0 2% 2% 2%; padding: 0 1% 8% 1%; width: 32%; max-width: 700px; word-wrap: break-word; float:left; position: relative; }

#column-halves { margin: 0 1%; padding: 0 1%; width: 44%; max-width: 700px; word-wrap: break-word; float:left; }

#column-aside { margin: 0; padding: 0; width: 12%; max-width: 140px; font-weight: normal; font-size: 12px; word-wrap: break-word; float:left; }

.footer-slogan { margin: 0 auto; padding: 1%; display: block; max-width: 800px; text-align: center; font-size: 1.1em; font-weight: normal; font-style: italic; color: #87A85C;
}

.txt-left { text-align: left; }
.txt-right { text-align: right; }

blockquote { margin: 0; padding: 0; }

.slogo { display: inline-block; margin: 0; padding: 0; width: 100%; font-family: "chunkfive", "Inconsolata", monospace; font-size: 24px; }
#navcontainer { margin: 0; padding: 0; width: 100%; position: relative; }
ul#shortcuts, ul#navshortcuts { width: 100%; margin: 0 auto; padding: 0 1%; word-wrap: break-word; background: none !important; }
.full-width { display:block; width: 100% !important; clear: both; margin: .65em 0 !important; }
.zero-top-marg { margin-top: 0 !important; }
ul.bg-reset { padding-top: 2px !important; padding-bottom: 10px; border: 10px solid rgba(255,255,255,.0); }

ul#navshortcuts li, ul#shortcuts li { display:block; float:left; margin: 10px 0; padding: 0; font-size: 16px; }
ul#shortcuts li a, ul#navshortcuts li a { margin: 0; padding: 10px 8px; background-color: #222222; border: 1px solid #181818; text-decoration: none; color: #87A85C; opacity: .8; font-family: "Inconsolata", monospace; font-size: 16px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

ul#shortcuts li a:hover { background: #333333;
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out; 
}
ul#shortcuts li a:hover {
  border-top: 1px solid #111111;
  border-left: 1px solid #060606;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #111111;

-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}

li.li-h1 { color: orange; list-style-type: none; }
li.li-h2 { color: darkorchid; list-style-type: none; }
li.li-h3 { color: darkgreen; list-style-type: none; }
a.go-up { float: right; opacity: .5; }
ul.go-up, .feedtopbarlinks { list-style-type: none; }
li.go-up { margin: .5em 0; }
#feedtopbarlinks { position:absolute; right: 12px; top: 6px; z-index: 9999; }

ul.pagex li h4 a { text-decoration: underline; }
ul.pagex2 li { font-size: 1.2em; }
li.misc { color: #555; font-size: 12.5px; }
li.misc a { color: #555; font: 12p.5x abel; }

@media (max-width: 800px) {
    
  .section { width: 48%; margin: 1%; padding: 0;
    }

  .container, #content-main { margin: 0; padding: 0; width: 100%; }
  .feedswrap { padding: 0 0 0 2%; }
  #column-left, #column-left-spec, #column-right, #column-halves, .footer-slogan { margin: 32px 0 0 0; padding: 2% 5% 8% 5%; width: 90%; word-wrap: break-word; line-height: 1.5em; }
  #column-left { background-color: #343434; }
ul#shortcuts li a, ul#navshortcuts li a { font-size: 15px; }

}

@media (max-width: 480px) {
  .feedswrap { padding: 0; }
  #column-halves { margin: 0; padding: 0; width: 100%; max-width: 600px; word-wrap: break-word; float:left; }

  ul#navshortcuts li, ul#shortcuts li { display:block; float:left; margin: 8px 1px; padding: 0; }
ul#shortcuts li a, ul#navshortcuts li a { margin: 0; padding: 8px 6px; background-color: #222222; border: 1px solid #181818; text-decoration: none; color: #87A85C; opacity: .8; font-family: "Inconsolata", monospace; font-size: 14px;
}

}


/* tables */

:root {
    --bg-table-stripe: #1d1d1c;
    --b-table: #41413f;
    --caption: #242423;
    --standard: #8a8b88;
}

table {
    background-color: transparent;
    border-collapse:collapse;
    font-family: Arial, Helvetica, sans-serif;
    width: 100%; margin: 0; padding: 0;
    color: var(--standard);
}
.station_title { font-size: 1.3em; font-weight: 600; color: #87A85C; }
.stream-table td { vertical-align: middle !important; }
.stream-table a { color: rgb(17, 113, 151); }
.stream-table .fa-external-link { font-size: 1.5em; margin-top:3px; }
th {
    text-align:left
}
.stream-txt-center {
      text-align: center!important
    }
    .stream-txt-left {
      text-align: left!important
    }
    .stream-txt-right {
      text-align: right!important
    }
    
.stream-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }
    .stream-table thead {
      font-size: .84em
    }
    .stream-table tbody {
      border-bottom: 0px solid var(--b-table);
      border-top: 0px solid var(--b-table);
      font-size: .84em
    }
    .stream-table tfoot {
      font-size: .84em;
    }
    .stream-table td, .stream-table th {
      padding-right: 1.78em;
    }
    .stream-table-bordered, .stream-table-bordered td, .stream-table-bordered th {
      border: 0px solid var(--b-table)
    }
    .stream-table-bordered td, .stream-table-bordered th, .stream-table-striped td, .stream-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }
    .stream-table-bordered tr:not(:last-child), .stream-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }
    .stream-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }
    .stream-table thead td, .stream-table thead th {
      padding-bottom: .75em;
      vertical-align: bottom
    }
    .stream-table tbody td, .stream-table tbody th, .stream-table tfoot td, .stream-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }
    .stream-table tbody td, .stream-table tbody th {
      padding-bottom: .75em
    }
    .stream-table-bordered thead th {
      padding-top: 1.33em
    }
    .stream-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }
    @media only screen and (max-width:42.09em) {
      .stream-table td { margin-left: 6px; }
      .stream-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .stream-table-responsive tr {
        display: block
      }
      .stream-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left!important
      }
      .stream-table-responsive.stream-table-bordered, .stream-table-responsive.stream-table-bordered thead th {
        border-width: 0
      }
      .stream-table-responsive.stream-table-bordered tbody td {
        border-top-width: 0
      }
      .stream-table-responsive:not(.stream-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .stream-table-responsive:not(.stream-table-bordered) tbody td {
        padding-bottom: 0
      }
      .stream-table-responsive:not(.stream-table-bordered):not(.stream-table-striped) tbody td {
        padding-right: 0
      }
      .stream-table-responsive.stream-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .stream-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }

    .stream-table thead td, .stream-table thead th {
      padding-bottom: .25em;
      vertical-align: bottom
    }
    .stream-table tbody td, .stream-table tbody th, .stream-table tfoot td, .stream-table tfoot th {
      padding-top: .25em;
      vertical-align: top
    }
    .stream-table tbody td, .stream-table tbody th {
      padding-bottom: .25em
    }

    }
.stream-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }