/*** Page specific styles in order
     body .day .eve -> .web => .Gmob
          => .Gplain | .Gsource
          -> .Gmain .day .eve
          -> .Ggro.. | .Gfile ***/

/** Source mode, scripted, set by url ?Source **/
div.Gsource .artbox img,
.Gsource input, .Gplain input,
.Gsource #G_Header, .Gplain #G_theme {
  display: none;
}    /* input.G_night input.G_F normal display */
/* ?Plain mode replaces the IMG by an info text */

/** Plain text mode, scripted */
div.Gplain, .Gplain div.Gmain {
  background-color: #ffffff;
}
.eve div.Gplain, .Gplain div.eve {
  background-color: #e9e3cc;
}
div.Gplain {
  color: #000000;
  padding: 5px 4% 1em;
  margin-bottom: 2em;
}
.Gplain div#G_Header {
  display: block;
}
.Gplain div.artbox {
  font: 0.9em 'Courier New', monospace;
}
.Gplain .day #G_Header,
.Gplain .day #G_Index {
  background-color: #e9e3cc
}
.Gplain .Gmain a {
  color: #0000cc;
}
.Gplain .Gmain a:hover {
  color: #ff0000;
}
.Gplain del.excom,
.Gplain del.excom {
  color: inherit;
  background-color: #dddddd;
  padding: 0.3em 0.5em;
  margin: 0.2em -0.5em 0;
}
.Gplain .eve del.excom,
.eve .Gplain del.excom {
  background-color: #ccaa99;
}

/* Put .Gevolve on body of groot.html, groter.html
   toggle to append _day and _eve by GG.Nighter */
body.Gevolve_day {
  background: #b9bcb9;  /* or #f6e600 yellow */
  /* same as div.draft border-color */
}
.Gevolve div.Gmain,
.Gevolve_day div.Gmain,
.Gevolve_eve div.Gmain {
  background: transparent;
}
.Gevolve div.draft,
.Gevolve_day div.draft {
  border-top-color: #b9bcb9;
  border-bottom-color: #b9bcb9;
}
body.Gevolve_eve {
  background: #667790;
  /* same as .eve div.draft border-color */
}
body.Gevolve_eve div.art {
  border-color: #aaaaaa;
}
body.Gevolve_eve div.draft {
  border-top-color: #667790;
  border-bottom-color: #667790;
}

/* For groter.html */
.Ggroter #G_Header h1 {
  margin-top: 0.26em; /* 0.26em up for big psi */
}
.Ggroter #G_Header strong {
  font: 1.8em/70% Georgia, serif;
  /* Greek signs are not so large in mobile */
}

/* For evolve/googologica.html */
div.Ggoogolo .artbox img.mid {
  border: solid #bbbbbb 1px;
  margin: 1.15em auto;
}

/* Easy list styles in default day mode, to show
   the interactive results of Rhind-like formula
   at ul#Gb_Calculations in _notities.html */
#Gb_Calculations li {
  margin-right: 3%;
}
b.red {
  color: #e00000;
}
span.blue {
  color: #0000cc;
}
li.blue {
  background-color: #f6f6f6;
}
li.red {
  background-color: #eecccc;
}
li.blue b.blue {
  font-weight: normal;
}
li.red b.red {
  font-weight: bold;
}
li.red span.blue {
  font-weight: bold;
}
/* Easy list styles in dark eve mode,
   at ul#Gb_Calculations in _notities.html */
.eve b.red {
  color: #ff9999;
}
.eve span.blue {
  color: #99ccff;
}
.eve li.red span.blue {
  color: #88bbee;
}
.eve .blue {
  background-color: inherit;
}
.eve li.red {
  background-color: #660000;
}