body {
  font-size: 100%;
}

p {
  text-indent: 1.2em;
}

a {
  color: #00AAAA;
  text-decoration: none;
}

a:visited {
  color: #FF00FF;
}

.header {
/*  background-color: red; */
/*  margin: 1px 1em 0.5em 1em;
  border-bottom: 2px solid black; */
  padding: 1px 1em 1px 1em;
  font-size: 100%;
}

.header h1 {
  line-height: 0;
}

.footer {
/*  background-color: blue; */
  margin: 0;
  padding: 1px 0.5em 1px 0.5em;
  font-size: 75%;
  text-align: right;
}

.footer h5 {
  margin: 0.0em 0.2em 0.8em 0.2em;
}

.pageglobal {
  font-family: "Arial", sans-serif;
/*  background-color: #FFCC88; */
  background-color: #002828;
  color: #EEEEEE;
  padding: 0;
  margin: 0;
  
  background-image: url("images/bg.png");
  background-repeat: repeat;
/*  margin: 1em auto 1em auto;
  display: table;
  border: 2px solid black; */
}

.pagemain {
  padding: 0;
  margin: 0;
/*  margin: 1em auto 1em auto;
  display: table;
  border: 2px solid black; */
}

.flushtab {
  border: 0px none;
  border-collapse: collapse;
}

.flushtab td {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

.pagetab {
  
}

.navtab {
  margin: 0 auto 0 auto;
}

.navtab td {
  vertical-align: middle;
}

.navbar {
  width: 12.5em;
  margin: 2px 0 2px 6px;
}

.navbar-head {
  padding: 1px 1em 1px 1em;
  font-size: 100%;
  margin: auto;
  display: table;
}

.navbar-head h2 {
  line-height: 0;
}

.navbar-bg {
/*  background-color: orange; */
}

.navbar-heading-link-box {
  
}

/*.navbar-heading {
  text-align: center;
  background-color: gray;
  padding: 0;
  margin: 0 1em 0 1em;
} */

.nav-heading-text {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
/*  background-color: rgba(255, 255, 255, 0.5); */
  font-family: "Courier", sans-serif;
  padding: 0.1em 0.3em 0.1em 0.3em;
  max-width: 160px;
}

.nav-heading-text-bottom-l {
  font-size: 100%;
  font-weight: bold;
  text-align: left;
/*  background-color: rgba(255, 255, 255, 0.5); */
  font-family: "Courier", sans-serif;
  padding: 0.1em 0.3em 0.1em 0.3em;
  max-width: 160px;
}

.nav-heading-text-bottom-r {
  font-size: 100%;
  font-weight: bold;
  text-align: right;
/*  background-color: rgba(255, 255, 255, 0.5); */
  font-family: "Courier", sans-serif;
  padding: 0.1em 0.3em 0.1em 0.3em;
  max-width: 160px;
}

.navbar-heading-link-box a:link,
.navbar-heading-link-box a:visited,
.navbar-heading-link-box a:hover,
.navbar-heading-link-box a:active {
  text-decoration: none;
}

.navbar-heading-selected {
  
}

.navbar-heading-selected a {
  
}

.navbar-heading-link-box-selected a:link,
.navbar-heading-link-box-selected a:visited,
.navbar-heading-link-box-selected a:hover,
.navbar-heading-link-box-selected a:active {
/*  color: black; */
}

.nav-heading-text-cell-top, .nav-heading-text-cell-bottom {
  vertical-align: middle;
}

.nav-heading-text-cell {
  vertical-align: middle;
  
/*  background-image: url("images/snake_horizontal.png");
  background-repeat: repeat-x;
  background-position: left center; */
/*  border-left: 2px solid black;
  border-right: 2px solid black; */
  
  border-top: 2px solid #009955;
  border-right: 2px solid #009955;
  border-bottom: 2px solid #009955;
  border-left: 2px solid #009955;
  color: #EEEEEE;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: default;
}

.navbar-section {
  
}

.navbar-section-list {
  list-style-type: none;
/*  margin: 0.3em 0.5em 0.3em 0.5em;
  padding: 0.05em; */
  margin: 0.05em;
  padding: 0.3em 0.5em 0.3em 0.5em;
  text-align: center;
  font-family: "Monospace", sans-serif;
  font-size: 90%;
}

.navbar-section-list li {
}

.lipemco-button-outer {
  background-color: rgba(0, 0, 0, 1.00);
  padding: 0;
  margin: 0 auto 0 auto;
  position: relative;
  
  width: 128px;
  height: 64px;
}

.lipemco-button-outer-notext {
  background-color: rgba(0, 0, 0, 1.00);
  padding: 0;
  margin: 0 auto 0 auto;
  position: relative;
  
  width: 128px;
  height: 45px;
}

.lipemco-button-sub {
  width: 128px;
  height: 64px
}

.lipemco-button-sub-notext {
  width: 128px;
  height: 45px
}

.lipemco-button {
  
}

.lipemco-img-left {
  
}

.lipemco-img-left img {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
}

.lipemco-img-right {
/*  position: absolute;
  right: 0px;
  top: 50%;
  z-index: 0;
  height: 48px;
  width: 48px; */
}

.lipemco-img-right img {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
}

.lipemco-img-top img {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 2;
}

.lipemco-button-nav-separator {
  border-bottom: 1px solid #CCCCCC;
  margin: 4px 4px 4px 4px;
}

.lipemco-gallery {
  max-width: 512px;
}

.lipemco-gallery-item {
  margin: 0.2em;
}

.navbar-subsection-header {
/*  background-color: rgba(32, 32, 32, 0.75);
  background-color: #002727;
  border-top: 2px solid #006666;
  border-bottom: 2px solid #006666; */
/*  background-color: rgba(0, 32, 32, 0.9);
  padding: 0.2em;
  border-left: 0.5em solid #006666;
  border-right: 0.5em solid #006666;
  
  background-color: rgba(0, 0, 0, 0.66);
  padding: 2px;
  border-left: 2px solid #118822;
  border-right: 2px solid #118822; */
}

.navbar-subsection-header-item {
/*  border-right: 3px solid rgba(0, 0, 0, 0.5);
  border-bottom: 3px solid rgba(0, 0, 0, 0.5);
  margin: 0.3em 0 0.3em 0;
  padding: 0.2em 0.2em 0.2em 0.2em;
  background-color: rgba(255, 255, 255, 0.14); */
  margin: 0 0 0.4em 0;
  padding: 0.1em 0 0.1em 0;
  font-family: "Arial", sans-serif;
  color: #FFFFFF;
  font-size: 105%;
  font-style: italic;
  font-weight: bold;
/*  border-left: 3px solid #555555;
  border-right: 3px solid #555555; */
}

.navbar-item, .navbar-item-selected {
  
/*  border-right: 3px solid rgba(0, 0, 0, 0.5);
  border-bottom: 3px solid rgba(0, 0, 0, 0.5); */
  margin: 0.30em 0 0.30em 0;
  padding: 0.25em 0.20em 0.25em 0.20em;
/*  background-color: rgba(255, 255, 255, 0.14);
  background-color: rgba(136, 136, 136, 0.33);
  background-color: #224444; */
  background-color: rgba(58, 96, 96, 0.8);
  color: white;
  font-size: 85%;
  
/*  padding: 0.18em 0.18em 0.18em 0.18em;
  border: 1px solid rgba(255, 255, 255, 0.00); */
}

.navbar-item:hover {
  
/*  border-right: 3px solid rgba(0, 0, 0, 0.5);
  border-bottom: 3px solid rgba(0, 0, 0, 0.5);
  background-color: rgba(255, 255, 255, 0.0); */
  background-color: rgba(128, 128, 128, 0.66);
/*  border: 1px solid gray; */
}

.navbar-item-selected:hover {
  
/*  border-right: 3px solid rgba(0, 0, 0, 0.5);
  border-bottom: 3px solid rgba(0, 0, 0, 0.5); */
}

.navbar-item-link-box {
  
}

.navbar-item-link-box a {
  text-decoration: none;
  color: #220000;
  display: block;
}

.navbar-item-link-box-selected a:link,
.navbar-item-link-box-selected a:visited,
.navbar-item-link-box-selected a:hover,
.navbar-item-link-box-selected a:active {
/*  color: black; */
}

.navbar-item a {
  text-decoration: none;
}

.navbar-item-selected {
/*  font-style: italic;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  color: black;
  background-color: rgba(255, 255, 255, 0.0); */
  background-color: rgba(255, 255, 255, 0.70);
  color: black;
  font-weight: bold;
/*  border: 1px solid gray; */
}

.navbar-heading-ornament-row {
  height: 16px;
}

.navhoriz {
  background-image: url("images/snake_horizontal.png");
  background-repeat: repeat-x;
  background-position: left center;
  width: 20px;
}

.navvert-left {
  background-image: url("images/snake_vertical.png");
  background-repeat: repeat-y;
  background-position: left;
}

.navvert-right {
  background-image: url("images/snake_vertical.png");
  background-repeat: repeat-y;
  background-position: right;
}

.navsnake-top-ol {
  background-image: url("images/snake_r-to-d.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-top-il {
  background-image: url("images/snake_tail-top-left.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-top-ir {
  background-image: url("images/snake_tail-top-right.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-top-or {
  background-image: url("images/snake_l-to-d.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-bottom-ol {
  background-image: url("images/snake_u-to-r.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-bottom-il {
  background-image: url("images/snake_head-l-full.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-bottom-ir {
  background-image: url("images/snake_head-r-full.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-bottom-or {
  background-image: url("images/snake_u-to-l.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-bottom-tonguel {
  background-image: url("images/snake_tongue-l.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-bottom-tonguer {
  background-image: url("images/snake_tongue-r.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-right-ol {
  background-image: url("images/snake_r-to-d_ol.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-right-or {
  background-image: url("images/snake_u-to-l_ol.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-left-ol {
  background-image: url("images/snake_u-to-r_ol.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-left-or {
  background-image: url("images/snake_l-to-d_ol.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-single-right-ol {
  background-image: url("images/snake_r-to-d.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-single-right-or {
  background-image: url("images/snake_u-to-l.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-single-left-ol {
  background-image: url("images/snake_u-to-r.png");
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
}

.navsnake-single-left-or {
  background-image: url("images/snake_l-to-d.png");
  background-position: right center;
  background-repeat: no-repeat;
  width: 16px;
}

.navimg-left {
  float: left;
}

.navimg-right {
  float: right;
}

.navtab img {
  
}

.nav-apple-helper {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.nav-apple {
  margin-bottom: 3px;
  vertical-align: middle;
}

.pagecontent {
/*  padding: 0.1em 1em 0.1em 0.4em; */
  
  padding: 0.1em 0.8em 0.1em 0.8em;
  margin: 0.3em;
  background-color: rgba(0, 0, 0, 0.8);
  border: 3px solid #004C4C;
}

.pagecontent-bg {
/*  background-color: orange; */
  width: 100%;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.toc {
  max-width: 300px;
  display: table;
  margin: 1em auto 1em auto;
}

.toc-heading {
  font-style: italic;
  text-align: center;
}

.toc ol {
  background-color: rgba(255, 255, 255, 0.6);
  list-style-type: none;
  padding: 1em;
}

.project-entry img {
  float: left;
  margin: 1em;
}

.unworked-nav {
  display: table;
  margin: 1em auto 1em auto;
  background-color: rgba(255, 255, 255, 0.6);
  border: 1px solid black;
  color: black;
}

.unworked-nav-heading {
  text-align: center;
  padding: 0.2em;
  margin: 0;
  background-color: #6666ee;
  color: white;
  text-shadow: 1.5px 1.5px black;
  border-bottom: 1px solid black;
}

.unworked-nav-pagelist {
  text-align: center;
  padding: 0.3em;
}

.unworked-page-link {
  
}

.unworked-page-link-selected {
  
}

.unworked-nav-system-heading {
  text-align: center;
  padding: 0.2em;
  margin: 0;
  border-bottom: 1px solid black;
  background-color: rgba(128, 128, 128, 0.2);
}

.unworked-nav-catbox {
  float: left;
  width: 150px;
  margin: 0.4em;
  border: 1px solid black;
}

.unworked-nav-catbox ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 75%;
  background-color: rgba(255, 255, 255, 0.5);
}

.unworked-nav-catbox-item, .unworked-nav-catbox-item-selected {
  list-style-type: none;
  padding: 0.2em 0 0.2em 0;
  margin: 0;
  text-align: center;
}

.unworked-nav-catbox-item:hover {
  background-color: rgba(255, 255, 255, 1.0);
}

.unworked-nav-catbox-item-selected {
  background-color: rgba(0, 0, 0, 0.2);
}

.unworked-nav-catbox-item-selected:hover {
}

.unworked-nav-catbox a:link,
.unworked-nav-catbox a:visited,
.unworked-nav-catbox a:hover,
.unworked-nav-catbox a:active {
  text-decoration: none;
}

.unworked-game-title {
  text-align: center;
  padding: 0.2em;
  margin: 0.5em 0.5em 0.5em 0.5em;
/*  background-color: rgba(255, 255, 255, 0.7);
  color: black;
  border: 3px solid #007777; */
  
  background-color: rgba(255, 255, 255, 0.08);
  color: #EEEEEE;
  border: 3px solid #005555;
}

.unworked-game-topbox {
  display: table;
  margin: auto;
}

.unworked-game-topbox table,
.unworked-game-topbox th,
.unworked-game-topbox td {
  border: 1px solid black;
}

.unworked-game-topbox table {
  background-color: #cccccc;
}

.unworked-game-topbox td {
  padding: 0.5em;
  background-color: rgba(255, 255, 255, 0.7);
}

.unworked-game-topbox-table td {
  vertical-align: middle;
}

.unworked-game-topbox-textcell {
  color: black;
}

.text-good,
.unworked-game-text-good {
  color: green;
  font-weight: bold;
}

.text-middle,
.unworked-game-text-middle {
  color: #aaaa00;
  font-weight: bold;
}

.text-bad,
.unworked-game-text-bad {
  color: red;
  font-weight: bold;
}

.unworked-game-screens-cell {
  text-align: center;
}

.unworked-game-titlescreen-cell img,
.unworked-game-screens-cell img {
  margin: 0.1em;
}

.unworked-chart {
  margin: 1em auto 1em auto;
  border-collapse: collapse;
  background-color: rgba(255, 255, 255, 0.8);
  color: black;
}

.unworked-chart,
.unworked-chart td,
.unworked-chart th {
  border: 1px solid black;
  vertical-align: middle;
}

.unworked-chart td,
.unworked-chart th {
  padding: 4px;
}

.unworked-chart-titlerow th {
  font-size: 75%;
  background-color: #6666ee;
  color: white;
}

.unworked-chart-titlerow-category {
  width: 50px;
}

.unworked-chart-checked {
  background-color: #66FF66;
  text-align: center;
}

.unworked-chart-unchecked {
  background-color: #FF6666;
  text-align: center;
}

.unworked-chart-titlecell {
  text-align: center;
}

.unworked-chart-title {
  font-weight: bold;
}

.unworked-chart-titlecell a:link,
.unworked-chart-titlecell a:visited,
.unworked-chart-titlecell a:hover,
.unworked-chart-titlecell a:active {
  text-decoration: none;
}

.unworked-chart-notescell {
  font-size: 80%;
}

.unworked-chart-notescell ul {
  margin: 0.5em;
  padding: 0.5em;
}

.links-table {
/*  border: 1px solid white; */
  border: none;
  border-collapse: collapse;
  margin: auto;
}

.links-table-link-cell {
  text-align: center;
  font-weight: bold;
}

.links-table td {
/*  border: 2px solid #008888; */
  border: none;
  padding: 0.4em;
  vertical-align: middle;
}

.music-table {
/*  border: 1px solid white; */
  border: none;
  border-collapse: collapse;
  margin: 0.5em auto 0.5em auto;
}

.music-table tr {
  border: 1px solid #00FFFF;
}

.music-table td {
  border: 1px solid #008888;
/*  border: none;*/
  padding: 0.2em 0.4em 0.2em 0.4em;
  vertical-align: middle;
}

.music-table-name-cell {
  text-align: center;
  width: 10em;
}

.music-table-links-cell {
  text-align: center;
  width: 7em;
}

.music-table-date-cell {
  text-align: center;
}

.music-table-comment-cell {
  
}

.music-table-comment-cell-content {
  margin: 0 0.4em 0 0.4em;
}

.home-topbox {
  text-align: center;
  padding: 0.2em;
  margin: 0.5em 0.5em 0.5em 0.5em;
  background-color: rgba(255, 255, 255, 0.11);
  color: #FFFFFF;
}

/*.news-box {
  padding: 0.2em 0.5em 0.2em 0.5em;
  margin: 0.8em 2.5em 0.8em 2.5em;
  color: #EEEE00;
  background-color: rgba(255, 255, 255, 0.10);
}

.news-box-interior {
  margin: 0.2em 1.0em 0.2em 1.0em;
  color: #EEEEEE;
} */

.news-box {
/*  margin: 0 0.4em 0 0.4em;
  padding: 0 0.4em 0 0.4em;
  border: 2px solid rgba(32, 128, 128, 0.55);
  background-color: rgba(255, 255, 255, 0.10); */
  
  padding: 0.2em 0.5em 0.2em 0.5em;
  margin: 0.4em 1.5em 0.4em 1.5em;
  color: #EEEE00;
}

.news-box-interior {
  padding: 0.05em 0.8em 0.05em 0.8em;
  margin: 0.4em 1.0em 0.4em 1.0em;
  color: #FFFFFF;
/*  border: 1px solid #005555; */
  background-color: rgba(255, 255, 255, 0.10);
}

.news-box h2 {
  margin: 0;
  padding: 0;
}

.float-box-left {
  float: left;
  margin: 0.4em;
  border: 2px solid rgba(32, 128, 128, 0.55);
  background-color: rgba(255, 255, 255, 0.19);
  text-align: center;
  display: table;
}

.float-box-right {
  float: right;
  margin: 0.4em;
  border: 2px solid rgba(32, 128, 128, 0.55);
  background-color: rgba(255, 255, 255, 0.19);
  text-align: center;
  display: table;
}

.float-box-left img {
  padding: 0.4em;
}

.float-box-right img {
  padding: 0.4em;
}

.pokeouko-cred-table {
  margin: 1em auto 1em auto;
  font-size: 120%;
}

.pokeouko-cred-table td {
  padding: 0.25em 1em 0.25em 1em;
  text-align: center;
}

.moldorian-manual-box {
  display: table;
  text-align: center;
  margin: 1em auto 1em auto;
}

.credits-table {
/*  border: 1px solid white; */
  border: none;
  border-collapse: collapse;
  margin: auto;
}

.credits-table-title-cell {
  text-align: center;
  font-weight: bold;
}

.credits-table td {
/*  border: 2px solid #008888; */
  border: none;
  padding: 0.4em;
  vertical-align: middle;
}

.credits-ul {
  list-style-type: none;
}

.credits-ul li {
  margin: 0.5em auto 0.5em auto;
}

.credits-sub-ul {
  list-style-type: none;
}

.std-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: space-between;
}

.std-baseline-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: baseline;
  align-content: space-between;
}

.std-left-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: center;
  align-content: space-between;
}

.std-vertical-flex {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  align-content: space-between;
}

.top-align-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: top;
  align-content: space-between;
}

.top-align-vertical-flex {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: top;
  align-content: space-between;
}

.reverse-flex {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: space-between;
}

.generic-flex-item {
  margin: 0.5em 1em 0.5em 1em;
}

.inline-block-item {
  display: inline-block;
}

.manga-index-list {
  list-style-type: none;
}

.manga-index-list li {
  padding: 0.2em;
}