a {
  color: #000;
  text-decoration: none;
}

b {
  font-weight: bolder;
}

body {
  margin: 2em;
  padding: 2em;
  background-color: #F5F5F5; /* soft, light gray that's easy on the eyes */
  color: #2C2C2C; /* deep neutral gray for good contrast, easy on the eyes */
  
  /* background-color: #000000; */
  
  /* color: #ffffff; */
  
  /* background-image: url("stars2.gif"); */
  
  /* background-attachment: fixed; */
  
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 0.9em;
  line-height: normal;
}

body, td, th {
  background-color: #FFF;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  font-size: .9em;
  line-height: normal;
  margin: 1em;
  border-bottom-color: #800080;
}

a:link {
  color: #C0C;
  text-decoration: none;
}

a:visited {
  color: #C09;
  text-decoration: none;
}

a:hover {
  color: #F00;
  text-decoration: underline;
}

a:active {
  color: #C0C;
  text-decoration: none;
}

h1 {
  font-size: 3em;
  text-align: center;
  font-family: Georgia, Times, serif;
  font-weight: bold;
  border: 0;
  margin: 0;
  padding: 0;
}

h2 {
  font-family: "Gill Sans", sans-serif;
  font-size: 2.5em;
  font-weight: bold;
  border: 0;
  margin: 0;
  padding: 0;
  line-height: 2.5em;
}

h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.0em;
  font-weight: bold;
  border: 0;
  margin: 0;
  padding: 0;
}

h4 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.75em;
  font-weight: bold;
  padding-bottom: .1em;
}

h5 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.5em;
  font-weight: bold;
}

h6 {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.25em;
}

ul {
  font-family: Arial, Helvetica, sans-serif;	
  font-size: 1em;	
  list-style-type: square;	
  list-style-position: outside;
}

.apotomo-Powered   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: blue;
    margin-left: 1em;
    margin-right: 1em;
    text-decoration: none;
}

.bordered {
  border: 2px solid blue;
}

.e {
    border-top: 3em solid blue;
    padding-top: 1em;
    margin-right: 10px;
    padding-right: 15px;
    text-align: justify;
}

.efloatedup {
  clear: left;
  font-size: 2em;
  color: black;
  background: white;
  margin-top: -1.8em;
}

.eugene {
    font-size: 1.5em;
}

.falsematerial {
  border-top: 1px solid blue;
}

.heartlings	{
  clear: both;
  font-size: 1.2em;
  text-align: center;
}

.lexigram {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
  background: none;
}

.lexigramname {
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
}

.lexigramword {
  font-size: 2em;
  font-weight: bold;
  line-height: 2em;
}

/* end of lexigram heading package */
.marigrace {
  border: 4px solid blue;
  padding: 4px;
}

/* Tables Use
table {
  color: #FFFFFF;
}
td, th {
  background-color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 2em;
  color: #333333;
}
textarea {
  font-family: Arial, Helvetica, sans-serif;	
  font-size: 1em;
}

*/	

.green { 
  color: #C0C;
}

.lexigrams { color: #C0C;
    font-family: "Times New Roman", Times, serif;
  font-size: 1.75em;
  font-weight: bold;
  padding-bottom: .1em;
}

/* begin mailchimp subscribe form data */

.indicates-required {
  font-weight: bold;
  font-size: 90%;
}

.mailchimpsignup {
  border-left: 2px solid blue;
  padding: 1em;
}

.maillist {
  font-size: 1em;
  margin-top: 0.2em;
  margin-bottom: 1.2em;
}

input[type="submit"] {
  background:none;
  padding:14px;
  font-size: 14px;
}

/* 202501081014 TODO: Resurrect this mailchimp form
  .centered is aligned in all .css files having it
  end of mailchimp subscribe form data */

.centered {
  font-size: 85%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
  text-align: center;
}

.left {text-align: left;}

.right {text-align: right;}

.matrix { font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  text-align: center;
  width: 1em;
  margin: .1em;
}

.small {font-size: 85%;}

.style1 {
  font-size: xx-large;
    font-weight: bold;
}

.style2 {
  font-size: large;
  font-weight: bold;
}

.style3 {
  font-size: large;
  font-weight: bold;
}

/* 202501301315 > 20250131313 TODO: .style4's days are numbered 
  .style4 is set for extermination from site 20250131313 
  .style4 in the other files right now 202501301313
  202501301315 > 20250131313 TODO: remove these notes after .style4 is gone a while.
  font-size: 150%; in texts.css
  font-size: large; in textsthree.css
  font-size: large; in textstwo.css */

.style4 {
  font-size: large;
}

.style5 {
  font-size: 1em;
  font-weight: bold;
}

.style6 {
  color: #FF0;      /* light yellow */
  font-style: italic;
  font-weight: bold;
}

.style7 {
  color: #FCF;     /* light purple */
  font-weight: bold;
}

.style8 {
  color: #6FF;     /* light blue */
  font-weight: bold;
}

.style9 {
  font-size: small;
}

.style10 {
  font-size: 85%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: normal;
}

.style11 {
  font-style: italic;
}

.style12 {
  color: #6F0;  /* bright green */
  font-weight: bold;
}

/* style24 is for narrow scrolling window on spacestarsbackground */
.style24 {
  overflow: scroll;
  height: 4.0in;
  font-size: .8em;
  text-align: left;
  border-top: solid 2em #96F;
  border-left: solid 1.7em #C3F;
  margin: 2em 2em 2em 1em;
  padding: 5px 5px 15px 2px;
  
  /*	
  border-width: 30px;
  background-image: stars2.gif;
  background-image: fixed;
  */
}

/* style25 is adjusting scrolling window for spacestarsbackground  */
.style25 {
  overflow: scroll;
  border-width: 2px 2px 5px 5px;
  margin: 5px 5px 5px 3px;
  border-top: solid 1em #FFF5EE;   /* seashell */
  border-right: solid .5em #FA8072; /* salmon */
  font-size: .75em;
  height: 3in;
  text-align: left;
  width: 75%;
}

.tickets	{
  font-size: .9em;
  font-family: Georgia, Helvetica, sans-serif;
  width: 70%;
  text-align: center;
  margin-left: 5em;
}

.copyright {
  font-size: 1em;
  color: #6A5ACD;    /* SlateBlue / Yellow Green */

  /* color: #b3b3b3;  85% Gray */

  /* color: #482885;  yellow-green on black, light purple on white */

  /* color: #66FF00;  bright green / light purple */
  text-align: right;
  margin-right: 5px;
}

.copyrightstars {
  font-size: .7em;
  color: #6A5ACD;  /* SlateBlue / Yellow Green */

  /* color: #ff66ff; leaf green / bright purple */
  text-align: right;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  margin-right: 5px;
  border-right: 0;
  padding-right: 0;
}

.craftySyntaxin   {
    text-align: right;
    font-size: .7em;
    font-family: Verdana, Helvetica, sans-serif;
    margin-right: 5em;
}

.craftySyntaxing   {
    text-align: center;
    font-size: .7em;
    font-family: Verdana, Helvetica, sans-serif;
}

.craftySyntaxPower   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .6em;
    color: #000;        /* black */
    margin-left: 1em;
}

.craftySyntaxPowered   {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: bold;
    color: #11498e;        /* purplish */
    margin-left: 1em;
    text-decoration: none;
}

.republicans {
  color: #2F4F4F;  /* dark slate grey */
  font-weight: bold;
}

.spanishguitarist {
    text-align: center;
}



.donaldtrump {
  text-align: center;
}

.info-window {
  background-color: #f2f2f2;
  color: #333;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  width: 80%;
}

.names {
  font-size: clamp(1.5rem, 5vw, 2.5rem); /* responsive: 24–40px */
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.letters {
  font-size: clamp(0.8rem, 3vw, 1rem); /* responsive: 13–16px */
  font-style: italic;
  display: block;
  margin-bottom: 0.5rem;
}

.revealings {
  font-size: clamp(0.7rem, 2.5vw, 0.9rem); /* responsive: 11–14px */
  opacity: 0.8;
  display: block;
  margin-bottom: 1rem;
}

/* 20251206 TODO: This is not verified a done, the duplicate stararts.css
/* 20250129 duplicate of .stararts.css and can be removed
  after i verify there are no .sequences in any non-stararts files */
.sequences {
  font-family: Georgia, Helvetica, sans-serif;
  font-size: clamp(1.2rem, 4vw, 1.5rem); /* responsive */
  letter-spacing: 0.1em;
  text-align: center;
  display: block;
  margin: 1rem 0;
  padding: 0 1rem;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* lexigram heading styles package */
.accuracies {
  border: 1px solid blue;
  padding: 4px;
}

.stararts {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
               Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: clamp(1rem, 2vw + 0.5rem, 1.5rem);
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  overflow-x: auto;
  display: block;
  padding: 0 1rem; /* prevent clipping on mobile edges */
}
.last-updated {
  text-align: center;
}