body { font-family: "Open Sans", Arial, sans-serif; font-size: 14px; color: #ccc; background-color: #141414; }
.content { background-color: #242424; border: 1px solid #404040; padding-left: 10px; padding-right: 10px; max-width: 770px; }
h1, h2, h3, h4, h5, h6 { color: #fff; }
strong, b { font-weight: 600; }
@media screen {
  a { color: #ffd100; text-decoration: none; } a:hover { color: #fff; }
  .icon-horde { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAMFBMVEUAAAA4HBdBHBhJGxlUGhpdGRujAyGtACKYByBoGBy4ACOFER6ODx9yGBzCACTMACWFi0eSAAAAAXRSTlMAQObYZgAAAHtJREFUCNdjYGCQ//9fgQEImN7/+/cJxND/N/H8fwcGBsb6YgbO94eBMn8ErAzMP4EYTP8fcgEZCvoX5gX0KwgweOl9YeD8ri7AYPz/n4De/y8GDIyL9Bq6lDYDzVHgTMhkEACZqJvwDGwFg37Cd7AAA1PCIwYIUADJAACmoiVzOQcWggAAAABJRU5ErkJggg==) left center no-repeat; padding-left: 17px; }
  .icon-alliance { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPBAMAAADNDVhEAAAAMFBMVEUAAAAELFhIIQAPNl1aLAEXO1IqQUpoOwA4RTpKTDRZUituVyB7XRSIXwaeZQO3cgAX+LiBAAAAAXRSTlMAQObYZgAAAH1JREFUCNdjYGApZy9hAIL/7/69/8TAwP4vUTDvOwODf+JBwcXxDgwvov7l/rb4wPD/1K3f6/d/YLgmuPffRdkPDI+T/8d9TX7AcOfh+/kf3zxgqP8o9UfwfwED32fJP8L/gObdFlwo8wBI6wcK2isAafavot9B9jDovQNyARe7M3wfh+8YAAAAAElFTkSuQmCC) left center no-repeat; padding-left: 17px; }
  .icon-quest { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPBAMAAADJ+Ih5AAAAMFBMVEUr9RAAAAAgEAQmHQk8Iws+ORFWSRNvQweKZwWihAu9myXjnwX2xwDfzgj+3wD89QEo9MOiAAAAAXRSTlMAQObYZgAAAE9JREFUCNdjYGBgVEsWYAABxvW/DMEM4fv/AsEMoft/ICKM818pQhh9J6CKc45DGd5boAwRRyhDNBDKyP8GZfT/gDIsmqAMIUUIg4ERRAMAdSQRRjBQWIAAAAAASUVORK5CYII=) left center no-repeat; padding-left: 17px; }
}
@media print {
  .icon-horde::before { content: "(H) "; font-weight: bold; }
  .icon-alliance::before { content: "(A) "; font-weight: bold; }
  .icon-quest::before { content: "(!) "; font-weight: bold; }
  body { background-color: #fff; color: #222; }
  h1, h2, h3, h4, h5, h6 { color: #000; }
  .content { background-color: #fff; border: none; padding: none; max-width: unset; }
  table, tr, td { border-collapse: collapse; border: 1px solid black; }
  .white::after { content: " (common)"; }
  .green::after { content: " (uncommon)"; }
  .blue::after { content: " (rare)"; }
  .purple::after { content: " (epic)"; }
}
@media speech {
  .icon-horde::before { content: "(Horde) "; }
  .icon-alliance::before { content: "(Alliance) "; }
  .icon-quest::before { content: "(Quest) "; }
  .white::after { content: " (common)"; }
  .green::after { content: " (uncommon)"; }
  .blue::after { content: " (rare)"; }
  .purple::after { content: " (epic)"; }
}
table, tr, td { border-collapse: collapse; border: 1px solid #141414; }
.de-emphasize { color: #666; }
.skill-orange, .sor { color: #ff8040; font-weight: bold; }
.skill-yellow, .sye { color: #ffff00; font-weight: bold; }
.skill-green, .sgn { color: #40bf40; font-weight: bold; }
.skill-grey, .skill-gray, .sgy { color: gray; font-weight: bold; }
.white {color: #fff;}
.green {color: #1eff00;}
.blue {color: #0070dd;}
.purple {color: #a335ee;}
a.white, a.green, a.blue, a.purple { text-decoration: underline; }