body, body.animated
  {
    font-family: 'Droid Serif', serif;
  }

body, body.animated
  {
    background: #000002;
  }

tr
  {
    vertical-align: top;
  }

a:link {color: #FFFFFF; text-decoration: underline;}
a:visited {color: #FFFFFF; text-decoration: underline;}
a:hover {color: #D0D0D0; text-decoration: underline;}
a:active {color: #FF4040; text-decoration: underline;}

a.download, a.external, a.sig
  {
    font-family: 'Vollkorn', serif;
    font-size: 16px;
  }

a.internal
  {
    font-family: 'Droid Serif', serif;
  }

a.external:link {color: #FFFFC0; text-decoration: underline;}
a.external:visited {color: #FFFFC0; text-decoration: underline;}
a.external:hover {color: #D0D090; text-decoration: underline;}
a.external:active {color: #FF8040; text-decoration: underline;}


#panel
  {
    background: #000004;
    width: 1000px;
    border-radius: 12px;
    border: 1px solid #101040;
  }

#mirrpanel {
  text-align: center;
}

a.mirr {
  font-family: 'Lato', sans-serif;
  border-radius: 8px;
  border: 1px solid #300040;
  padding: 4px 4px 4px 4px;
}

a.mirr:link {color: #C000FF; text-decoration: underline;}
a.mirr:visited {color: #C000FF; text-decoration: underline;}
a.mirr:hover {color: #9000C0; text-decoration: underline;}
a.mirr:active {color: #9000C0; text-decoration: underline;}

#headpanel
  {
    height: 128px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #101040;
  }

#headpanel img
  {
    border-radius: 8px;
  }

#menupanel
  {
    background: #000008;
    padding-top: 10px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #181860;
  }

#menuitem, #menuselitem
  {
    font-family: 'Play', sans-serif;
    font-size: 16px;
    text-align: center;
    margin: 10px auto 10px auto;
    width: 160px;
    height: 20px;
    padding: 4px 0px 4px 0px;
  }

#menuitem
  {
    background: #000010;
    border-radius: 8px;
    border: 1px solid #181860;
  }

#menuselitem
  {
    background: #3060C0;
    border-radius: 8px;
    border: 1px solid #181860;
    color: #000000;
  }

a.menu:link {color: #E0E0E0; text-decoration: none;}
a.menu:visited {color: #E0E0E0; text-decoration: none;}
a.menu:hover {color: #FFFFFF; text-decoration: none;}
a.menu:active {color: #FF0000; text-decoration: none;}

#contpanel
  {
    background: #000800;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #103010;
  }

#cont
  {
    font-family: 'Sansation', serif;
    font-size: 16px;
    padding: 6px 0px 4px 16px;
    text-align: left;
    color: #40D040;
  }

#contsel
  {
    font-weight: bold;
    color: #00FF00;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    border: 1px solid #40D040;
  }

a.cont:link {color: #40D040; text-decoration: none;}
a.cont:visited {color: #40D040; text-decoration: none;}
a.cont:hover {color: #00E800; text-decoration: none;}
a.cont:active {color: #00E800; text-decoration: none;}


#subcontpanel
  {
    background: #080600;
    height: 32px;
    border-radius: 8px;
    border: 1px solid #302010;
  }

#subcont
  {
    font-family: 'Sansation', serif;
    font-size: 16px;
    padding: 6px 16px 4px 0px;
    text-align: right;
    color: #D8A020;
  }

#subcontsel
  {
    font-weight: bold;
    color: #FFD040;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    border: 1px solid #D8A020;
  }

a.subcont:link {color: #D8A020; text-decoration: none;}
a.subcont:visited {color: #D8A020; text-decoration: none;}
a.subcont:hover {color: #E8C030; text-decoration: none;}
a.subcont:active {color: #E8C030; text-decoration: none;}


#textpanel
  {
    background: #070809;
    border-radius: 8px;
    border: 1px solid #303010;
  }

#text
  {
    font-size: 15px;
    padding: 8px 16px 8px 16px;
    text-align: left;
  }

a.sig:link {color: #D0D0FF; text-decoration: underline;}
a.sig:visited {color: #D0D0FF; text-decoration: underline;}
a.sig:hover {color: #9090D0; text-decoration: underline;}
a.sig:active {color: #FF40FF; text-decoration: underline;}

#footpanel
  {
    background: #080008;
    clear: both;
    border-radius: 8px;
    border: 1px solid #301030;
  }

#copyr
  {
    font-family: 'Lato', sans-serif;
    float: left;
    text-align: left;
    padding: 4px 0px 4px 10px;
    font-size: 75%;
    color: #4080FF;
  }

#styleswitch
  {
    font-family: 'Lato', sans-serif;
    float: right;
    text-align: right;
    padding: 4px 10px 4px 0px;
    font-size: 75%;
    color: #C0C0C0;
  }

#statgath
  {
    font-family: 'Lato', sans-serif;
    float: right;
    text-align: right;
    padding: 4px 10px 4px 0px;
    font-size: 75%;
    color: #C04040;
  }

#statgath a:link {color: #E06060; text-decoration: none;}
#statgath a:visited {color: #E06060; text-decoration: none;}
#statgath a:hover {color: #D05050; text-decoration: none;}
#statgath a:active {color: #F08080; text-decoration: none;}

p, p.justy
  {
    color: #D0D000;
    margin-top: 0pt;
    margin-bottom: 0pt;
  }

p.justy, p.hash, p.noindent {
    text-align: justify;
  }

p.justy, p.hash {
    text-indent: 1.5em;
}

p.mono {
  font-family: 'Hack', monospace;
  font-size: 14px;
  color: #80D000;
  margin-top: 3pt;
  margin-bottom: 3pt;
}

p.hash
  {
    font-family: 'Lato', sans-serif;
    color: #D0D040;
    margin-top: 0pt;
    margin-bottom: 0pt;
  }

h1, h2, h3, h4
  {
    font-family: 'Droid Serif', serif;
    color: #E0E000;
  }

hr
 {
    color: #D0D000;
    border-top-width: 1px;
    border-bottom-width: 0px;
 }

span.mono {
  font-family: 'Hack', monospace;
  font-size: 14px;
  color: #80D000;
 }