New GWJ CSS fixes (paste into a new style in the Stylish extension)

newGWJ.user.css

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("gamerswithjobs.devcloud.acquia-sites.com") {
  body {
     font-size: initial;
    /* Don't, don't, DON'T hard-code font size. All browsers default to 16px anyway.
       Anyone changing the default will be doing so for good reason. */
  }
  
  #header #logo {
    z-index: 101;
    /* Let's have his elbow poke down over the hover content that pops over the banner below */
  }
  
  body.node-type-article #content .main-content-header .header,
  body.node-type-podcast #content .main-content-header .header {
    text-shadow: 1px 1px 3px black;
    /* Header images don't always provide contrast, so a shadow can help a lot
       e.g. http://gamerswithjobs.devcloud.acquia-sites.com/node/1292291 */
  }
  
  .item-list .pager {
    margin: 0.5em 0; /* Pager doesn't have a natural amount of space on regular pages */
  }
  
  #wc-front-list .node.node-teaser, .article-teaser-list .node.node-teaser {
    height: auto;
  }
  #wc-front-list .node.node-teaser .footer, .article-teaser-list .node.node-teaser .footer {
    position: static;
  }
  /* I know what you were trying to do with the way comment links are positioned, but no.
     Variable text size is more important. Alternatively, re-do it all with EM instead of PX. */
  
  .text-format-wrapper .markItUpEditor {
    font-family: 'Source Code Pro', monospace;
    /* Inconsolata is a bad font. Courier New is not a good font. DejaVu is barely passable.
       Embed source code pro from google fonts, or just use browser monospace default. */
  }
  
  body.node-type-article #content .main-content-header .field-name-field-hero:after,
  body.node-type-podcast #content .main-content-header .field-name-field-hero:after {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.9) 80%);
    /* Don't fade from transparent white into black.
       Use transparent black into black to avoid weird grey transitions. */
  }
}