@charset "UTF-8";

/* In XHTML, this is the top-level element, containing even "body", and it's
 * white with margins.
 */
html {
    background: black;
    background-image: url("stars2-66.jpg");
    background-repeat: repeat;
}

body {
    color: yellow;
    font-family: serif;
}

.todo {
    color: red;
}

h1, h2, h3, h4, h5, h6 {
    font-family: sans-serif;
    clear: both;
}

h1 {
    font-size: xx-large; /* firefox has 2.0em; xx-large is 6 */
    font-weight: 900; /* bold is 700 */
    margin-top: 0em; /* firefox has .67em */
    margin-bottom: 0.5em; /* firefox has .67em */
    margin-left: 0;
    margin-right: 0;
}

h2 {
    font-size: x-large; /* firefox has 1.5em ; x-large is 5 */
    font-weight: 800; /* bold is 700 */
    margin-top: .83em; /* firefox has .83em */
    margin-bottom: 0.5em; /* firefox has .83em */
    margin-left: 0;
    margin-right: 0;
}

h2.region:before {
    content: "\2748\A0"
}

h2.region {
}

h3 {
    font-size: large; /* firefox has 1.17em ; large is 4 */
    font-weight: 700; /* bold */
    margin-top: 1em; /* firefox has 1em */
    margin-bottom: 0.5em; /* firefox has 1em */
    margin-left: 0;
    margin-right: 0;
}

h3.sector:before {
    content: "\203B\A0"
}

h3.sector {
}

h3.skill {
}

h4 {
    font-size: 1.05em; /* firefox has medium bold */
    font-weight: 700;
    margin-top: 1.33em; /* firefox has 1.33em */
    margin-bottom: 0em; /* firefox has 1.33em */
    margin-left: 0;
    margin-right: 0;
}

h4.world:before {
   /* circled plus sign, like the sign for Earth */
   content: "\2295\A0"
}

h4.world {
}

/* 29BF is a circled dot, which is what they use in the DOT */
/* A0 is   */
h4.trapping:before {
    content: "\29BF\A0"
}

h5 {
    font-size: medium; /* firefox has 0.83em bold */
    font-weight: 700;
    margin-top: 1.33em; /* firefox has 1.67em */
    margin-bottom: 0em; /* firefox has 1.67em */
    margin-left: 0;
    margin-right: 0;
}

h5.moon:before {
    content: "\263E\A0"
}

h5.moon {
}

h6 {
    font-size: medium; /* firefox has 0.67em bold */
    font-weight: 500;
    margin-top: 1.5em; /* firefox has 2.33em */
    margin-bottom: 0.5em; /* firefox has 2.33em */
    margin-left: 0;
    margin-right: 0;
}

/* 272A is a circled star, which is what they use in the DOT */
h6.stunt:before {
    content: "\272A\A0"
}

/* i: text in an “alternate voice,” such as foreign words, technical terms and
 *    typographically italicized text
 * b: “stylistically offset” text, such as keywords and typographically
*     emboldened text
 * em: stress emphasis, i.e., something you’d pronounce differently
 * strong: strong importance, basically the same thing (stronger emphasis or
 *     importance is now indicated by nesting)
 */
p {
    text-indent: 2em;
    text-align: justify;
    margin-top: 0.25em; /* firefox has 1em */
    margin-bottom: 0.25em; /* firefox has 1em */
    margin-left: 0;
    margin-right: 0;
}

p.center {
    text-indent: 0em;
    text-align: center;
}

li {
    text-align: justify;
}

h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, ul + p, ol + p, p.noindent {
    text-indent: 0em;
}

a:link {
    color: /*lightskyblue*/ rgb(135,206,250);
}

a:visited {
    color: /*violet*/ rgb(238,130,238);
}

.crawl {
    font-family: sans-serif;
    font-size: large;
}

.smallcaps {
    font-variant: small-caps;
}

.aspect {
    font-variant: small-caps;
}

tr {
    vertical-align: top;
}

table.crawl {
    margin-top: 1em;
    margin-bottom: 1em;
}

.disclaimer {
    font-family: sans-serif;
    font-size: small;
}

table.disclaimer {
    margin-top: 2em;
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0;
}

table.left {
    float: left;
    margin-right: 1em;
}

table.right {
    float: right;
    margin-left: 1em;
}

td.center {
    text-align: center;
}

img.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.title {
    font-style: italic;
    text-decoration: underline;
}

.definition {
    font-weight: 700;
}

.category {
    font-weight: 700;
}

.instance {
    font-style: italic;
}

.vessel {
    font-style: italic;
}

ol.renumbered {
    counter-reset: item 0;
}

ol.renumbered > li:before {
    content: counter(item) ". ";
    counter-increment: item;
}

ol.renumbered > li {
    display: block;
    padding-left: 0;
    text-indent: -1em;
}

ol.relettered {
    counter-reset: item 0;
}

ol.relettered > li:before {
    content: counter(item, upper-latin) ". ";
    counter-increment: item;
}

ol.relettered > li {
    display: block;
    padding-left: 0;
    text-indent: -1.4em;
}

p.d20:before {
    content: "[";
}
p.d20:after {
    content: "]";
}
p.d20 {
    display: none;
}

p.design:before {
    content: "[";
}
p.design:after {
    content: "]";
}
p.design {
    display: none;
}

/* Normal superscripts are so big they affect the line spacing. */
sup, sub, .sup {
    font-size: x-small;
}

/* Specify pairs of quotes for two levels */
/* These render as the name rather than the named entity: */
/*q:lang(en) { quotes: "“" "”" "‘" "’" }*/

/* Insert quotes before and after Q element content */
q:before { content: open-quote }
q:after  { content: close-quote }