/**********************************************************/

body{
  margin-left: 80px;
}

section {
  width: 70%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
}

section.head {
  width: 90%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14pt;
}

p {
  margin-right: 30px;
}


/* PURPLE NUMBER EMULATION */

.purple {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
.purple:hover {
  background: purple;
}


/* HEADINGS */

h1 a {
  color: #58c;
  font-size: 25pt;
  text-decoration: none;
}

h2 a {
  color: #68c;
  font-size: 22pt;
  text-decoration: none;
}

h3 a {
  color: #78c;
  font-size: 20pt;
  text-decoration: none;
}

h4 a {
  color: #88c;
  font-size: 18pt;
  text-decoration: none;
}

h5 a {
  color: #a8c;
  font-size: 16pt;
  text-decoration: none;
}

h6 a {
  color: #c8c;
  font-size: 15pt;
  text-decoration: none;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  color: white;
  background: #480;
}


/* HEADING MENU */

hm {
  background: #e8e8e8;
  color: white;
}

hm:hover {
  background: #aaa;
}

hm a {
  color: white;
  text-decoration: none;
}

hm a:hover {
  background: green;
}

nbtag {
  background: red;
  font-weight: bold;
}

plustag {
  background: #680;
  font-weight: bold;
}




/* PARAGRAPH STYLES */

pre {
  font-family: Consolas;
  font-weight: bold;
}

.intro {
  color: #246;
  font-size: 15pt;
}

.quotation {
  margin-left: 120px;
}

.quotation_good {
  color: #746;
  font-size: 140%;
}

.quotation_bad {
  color: #59e;
}


.indented {
  margin-left: 30px;
}

.pagedate {
  text-align: right;
  margin-right: 10px;
  font-size: 10pt;
}

/* keyboard sequences */

.kbdseq {
  margin-left: 50px;
  margin-top: -16px;
  margin-bottom: -16px;
  line-height: 180%;
}




/* CHAR STYLES */

k {
  font-size: 78%;
  font-weight: 600;
}

sup {
  font-size: 55%;
}

r {
  color: red;
}

g {
  color: green;
}

hig {
  background: #cdf;
}


/* complementary explaining information */

.explain {
  color: #2a2;
  text-decoration: none;
}
.explain:hover {
  color: #241
}


/* hyperlinks */

.view {
  color: #549;
  text-decoration: none;
  font-weight: 100;
}

.intro .view {
  color: #540;
  text-decoration: none;
}

.view:hover {
  color: #fff;
  background: #358;
}

.view:active {
  color: green;
  font-style: italic;
  background: #fff;
}


.down {
  color: #549;
  text-decoration: none;
  font-weight: 100;
}

.down:hover {
  color: #fff;
  background: #680;
}

.down:active {
  color: green;
  font-style: italic;
  background: #fff;
}

.scroll {
  color: #c45;
  text-decoration: none;
}

.scroll:hover {
  color: magenta;
  text-decoration: underline;
}

.scroll:active {
  color: magenta;
  font-style: italic;
  text-decoration: overline;
}


sl a {
  color: #c45;
  text-decoration: none;
}

sl a:hover {
  color: magenta;
  text-decoration: underline;
}

sl a:active {
  color: magenta;
  font-style: italic;
  text-decoration: overline;
}


/* key stroke -- COURTESY WIKIPEDIA */

kbd {
  border: 1px solid rgb(170, 170, 170);
  border-radius: 0.2em;
  box-shadow: 0.1em 0.2em 0.2em rgb(221,221, 221);
  background-image:
    linear-gradient(
      to bottom,
      rgb(238, 238, 238),
      rgb(249, 249, 249),
      rgb(238, 238, 238)
      );
  padding: 0.1em 0.3em;
  font-family: Consolas, Arial, sans-serif;
  font-size: 0.85em;
}

kbd.function {
  color: #1599cf;
}

kbd.deadkey {
  background-image:
    linear-gradient(
      to bottom,
      rgb(150, 150, 150),
      rgb(20, 20, 20),
      rgb(0, 0, 0)
      );
  color: white;
}



/* LISTS */

ul {
  margin-right: 30px;
  list-style-type: square;
}

ul.disc {
  list-style-type: disc;
}

ul.circle {
  list-style-type: circle;
}

ul li,
ol li {
  margin-bottom: 16px;
}
  



/* TABLE OF CONTENTS */

ul.toc li {
  margin-bottom: 0px;
}

ul.toc {
  list-style-type: none;
  line-height: 160%;
  padding-bottom: 15pt;
  margin-left: -40px;
}

ul ul.toc {
  list-style-type: none;
  line-height: 120%;
  margin-left: 10px;
}

ul.toc li a {
  color: #250;
  text-decoration: none;
}

ul.toc li a:hover {
  color: magenta;
  text-decoration: underline;
}

ul.toc li a:active {
  text-decoration: overline;
  color: magenta;
  font-style: italic;
}


/* TABLES */

.table {
  border-collapse: collapse;
  margin: 20px 0px;
}

.table td {
  padding: 10px;
}

.table th,
.table tr,
.table td {
  border: 1px solid;
}

.table th {
  text-align: left;
  padding: 10px;
}

.table tr td:nth-child(2) {
  font-family: Consolas, Arial Black, Times New Roman;
  font-size: 150%;
}

table caption {
  font-weight: bold;
  margin-bottom: 10px;
}

.nameslist {
  width: 95%;
  border-collapse: collapse;
}

.nameslist th,
.nameslist tr {
  border: 1px solid;
}


.aliases {
  width: 95%;
  border-collapse: collapse;
}

.aliases th {
  padding: 6px 8px;
}

.aliases th,
.aliases tr,
.aliases td {
  border: 1px solid;
}

.aliases td:first-child a {
  text-decoration: none;
  font-size: 15pt;
  line-height: 190%;
}

.aliases td:last-child a {
  text-decoration: none;
}

.aliases td:nth-last-child(-n+3) {
  padding-left: 10px;
}

.aliases td:nth-child(2) {
  font-size: 78%;
  font-weight: 600;
  padding-top: 6px;
}


.cell1 {
  width: 100%;
  height: 100%;
  padding-top: 5px;
  padding-bottom: 3px;
  text-align: center;
  color: #204;
  font-weight: bold;
}

.cell1:hover {
  color: white;
  background: #480;
}


.cell2 {
  width: 100%;
  height: 100%;
  color: #c45;
  text-decoration: none;
}

.cell2:hover {
  color: magenta;
  text-decoration: underline;
}

.cell2:active {
  color: magenta;
  text-decoration: overline;
}


/* HEADER */

#logo {
  float: left;
  width: 178px;
  height: 346px;
  margin-top: -30px;
  margin-left: -30px;
  padding-left: 30px;
  font-size:46pt;
  line-height: 77%;
  color: white;
  background: darkblue;
  box-shadow: 8px 15px 20px #000;
}

#logo a {
  text-decoration: none;
  color: white;
}

.button {
  position: absolute;
  top: 262px;
  left: 105px;
  width: 120px;
  height: 50px;
  border-radius: 0.5em;
  border-style: outset;
  border-top-width: 4px;
  border-left-width: 4px;
  border-right-width: 8px;
  border-bottom-width: 8px;
  border-color: #508 #804;
  background: #280;
  font-size: 16pt;
  text-align: center;
  box-shadow: 2px 2px 15px #000;
  color: white;
}

.button:hover {
  border-top-width: 8px;
  border-left-width: 8px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-style: inset;
  color: yellow;
  background: #4c4;
  border-color: #84b #a38;
}

.button:active {
  background: #6e6;
  color: white;
  border-top-width: 10px;
  border-left-width: 10px;
  border-right-width: 3px;
  border-bottom-width: 3px;
}

#shadowplate {
  float: top;
  width: 208px;
  height: 346px;
  margin-top: 30px;
  background: #060;
}

#mainblock {
  position: relative;
  float: left;
  margin-top: 39px;
  width: 615px;
  height: 287px;
}
  

#main {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 570px;
  height: 150px;
  border-radius: 1.2em;
  padding-left: 35px;
  padding-top: 7px;
  font-size: 16pt;
  color: white;
  background: #480;
  border-style: ridge;
  border-width: 7px;
  border-color: #406;
}

#main a.scroll {
  color: yellow;
}

#main a.scroll:hover {
  color: yellow;
  text-decoration: underline;
}


#mainmenu {
  position: absolute;
  top: 139px;
  left: 30px;
  width: 500px;
  height: 130px;
  margin-left: 0px;
  margin-top: 32px;
  padding-left: 12px;
  padding-top: 6px;
  padding-right: 30px;
  border-radius: 0 0 1.2em  0;
  background: #604;
}

#mainmenu a.scroll {
  color: #08c;
}

#mainmenu a.scroll:hover {
  color: yellow;
  text-decoration: none;
}

.menucell {
  width: 100%;
  height: 100%;
  padding-left: 4px;
  padding-top: 5px;
  padding-bottom: 4px;
  font-size: 16pt;
  text-indent: 8px;
  border-color: #74c #46a;
}

.menucell:hover {
  background: red;
  border-style: outset;
}

.menucell:active {
  border-style: inset;
  border-top-width: 5px;
  border-left-width: 5px;
  border-right-width: 2px;
  border-bottom-width: 2px;
}


#message {
  float: left; 
  width: 640px;
  height: 230px;
  padding-left: 25px;
  margin-left: 30px;
  padding-bottom: 20px;
  border-style: solid;
  border-radius: 0 150px 0 120px;
  background: yellow;
  color: green;
  font-size: 20pt;
  font-weight: 10;
}


#maincontent {
  float: left;
}


/****************************************************************/