/* Headers <p>, fonts, <font> spans called here entire site  */
/* plus the few remaining miscell items   */

body {
	  margin: .5rem;
    padding: .5rem;
	/* sets bkgd color of page, not just table  */
  /* dpes this set top bar color ?  */
    background-color: rgba(249, 249, 249,1);
      }
/* default should get overwritten easily  */
  	p {
     color: black;
     text-align: left;
 		 font-family: palatino, serif;
     font-size: 1.0rem;
 		 background-color: transparent;
  	/*  background-color: rgb(229,222,222); /* li grey  */
  	/* margin: 4 prop is Top R Bott L no , but spaces*/
 		 margin: 0;
 		 padding: 0;
    /*  outline: solid black 1px;
      box-sizing: border-box; */
     	}
    p::first-letter {
          font-family: Georgia, serif;
          /* font-family:  Papyrus, fantasy; */
					font-size:2.0rem; color: #612222;  /* #401c1c dk red-brown  */
          }

/*  Can I call fonts Mikadan, Dalek Pinpoint, Mael & Clever from here in css?  */

/* all Headers defined here  */
	h1  { 	color: rgba(48,34,71,1.0);
   font-size: 3.0em;
   padding-left: 10px;
/*   text-shadow: 2px -2px 6px rgba(61,9,9,0.8);  */
	}

	h2  { 	color: rgba(71,36,40,1.0);
   font-size: 1.9em;
   padding-left: 10px;
/*   text-shadow: 1px -1px 4px rgba(61,9,9,0.8);   */
	}

	h3  { 	color: rgba(32,44,71,1.0);
   font-size: 1.9em;
   padding-left: 10px;
/*   text-shadow: 1px -1px 4px rgba(48,66,107,0.8);  */
  }

	h4  { 	color: rgba(32,44,71,1.0);
   font-size: 1.2em;
   padding-left: 10px;
  }

	h5  { 	color: rgba(32,44,71,1.0);
   font-size: 1.0em;
   padding-left: 10px;
  }

	h6  { 	color: rgba(32,44,71,1.0);
	 font-size: 0.75em;
   padding-left: 10px;
  }


   /*  trying a generalizable class for <p>  */
   .blak {
       color: black;
       background-color: transparent;
       }

	 .whte {
		 color: white;
 		 background-color: transparent;
 		 }

    .red {
      color: rgb(100,43,49);
      background-color: transparent;
      }

/* grey -red used for auth  */
		.gred {
			color: rgb(74,47,35);
			background-color: transparent;
			}

		.grey {
				color: #4a4847; /* med grey */
				background-color: transparent;
				}

		.dkgrey {
				color: rgb(38,38,38);
				background-color: transparent;
				}
		.ltgrey {
				color: rgb(166,166,166);
				background-color: transparent;
				}

		.dblu {
			 color: #000080; /* dk blue */
			 background-color: transparent;
			 }



/*  font is depreciated but for old pages is defined here   */
     font {
       font-family: Arial, Helvetica, sans-serif;
       padding: 0px;
       background-color: transparent;
       height: 0.9rem;
       }


	   span {
	     display: inline-block;
	      padding: 0.5px;
	      }


 /* all Header Shadows defined here  */
 /* shadows & fonts  made into classes, can now mix & match  */

     .shadow-big {
     text-shadow: 5px -2px 6px rgba(61, 73, 73, 0.9);	}

     .shadow-med {
      text-shadow: 3px -2px 4px rgba(61,9,9,0.8);	}
/* means light whitish, shadow  */)
     .shadow-lmed {
        text-shadow: 3px -2px 4px rgba(255, 255, 252, 0.8); }

     .shadow-sml {
        text-shadow: 2px -1px 2px rgba(61,9,9,0.8);	}

   /* font class, all 4 ltter abbrev  */
     /* fancy font */
    .time {
       font-family: TimesNewRoman;
       font-style: normal;  }

     /* slightly fancy font */
    .tahom {
       font-family: Tahoma;
       font-style: normal   }

     /* plain font */
    .arial {
       font-family: Arial;
       font-style: normal;  }

     /* sl fancy, my old std font */
    .palat {
       font-family: palatino;
       font-style: normal;   }

/*   .dalek  .mikadan  .mael clever fonts loaded separately */

/* this class is set by the jQuery library, I cannot chage it  */
/* must be called in html by class="st-word"  */
/* used sucessfully in Peru page w table_Peru-v4_span.css */
  .first-word {
    /* font-family: Papyrus, fantasy;  */
    font-size: 1.75em;   /* 175 % of the parent text size */
    font-weight: 500;  /* or bold if you want */
  	}


/*  Font sizes  auth+color-red, s=sml, n=nrm, l=lge, b=big,  */
.auth {
		 font-size: .6rem;
		 /* color: #404404; */
	 	}

	 .sml {
			 font-size: .75rem;
		 }

		 .lunk {
		 	font-family: Comic Sans MS, Comic;
		 	font-size: .9rem;
		  /* color: #323a2c;  */
		 			}

			 .nrm {
					 font-size: 1.0rem;
			 		 }
					 .lge {
							 font-size: 1.25rem;
					 		 }
							 .big {
									 font-size: 1.8rem;
									 }

/*  Dont need to define fonts in Spans, just use inline-block & the other span things  */

   img.coin {
     padding: 0.6rem;
     border:  0px;
     background-color: transparent;
     margin: auto;
     width: 200px;
     height: 200px;
       }
     img.coin:hover {
       opacity:  0.5;
         }

   img.other {
     padding: 0.6rem;
     border:  0px;
     background-color: transparent;
     margin: auto;
     width: 200px;
     height: 200px;
         }
     img.other:hover {
       opacity:  0.92;
           }