@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%; }

h1,h2,h3,h4,h5 { color: steelblue; }
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;
}

.clear { clear: both; margin-top: 1em; }
.column-indent { margin: 0 1%; padding: 0 1%; }
.nos { border: none; }

#videomark { margin-top: .7em; min-height: 24px; text-align: left !important; font-size: 1.1em !important; font-family: "abel", "Inconsolata", monospace; font-size: 14px; background-size: auto 24px; }
#videomark a { text-decoration: none !important; color: skyblue; }

/* news story entry */
#desc { padding-left: 30px; padding-bottom: 5px; border-bottom: 1px dashed rgb(176,255,247, .5); }
#desc a { font-size: 1em; }
#desc-nodash { border-bottom: none; }

.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); 
}

/* icons */
.yt { padding-left: 30px; background: url("icons/yt.webp") no-repeat left center; }
.dm { padding-left: 30px; background: url("icons/dm.webp") no-repeat left center; }

/* 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%; height: 60px; 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;
}

}