/* Penpages version 2.0 (January 2019) */

/* DO NOT CHANGE ANY CLASS NAMES */

.indent  { margin-left: 40px }
.indentMore { margin-left: 90px }
.alignC {text-align:center; }
.alignL {text-align:left; }
.alignR {text-align:right; }
.alignJ {text-align:justify; }
.borderDotR {border-right: 1px dotted #090; } 
.borderDotL {border-left: 1px dotted #090; } 
.borderLineR {border-right: 1px solid #090;} 
.borderLineL {border-left: 1px solid #090;} 
.nopadTop {padding-top:0px;} 
.padLeft20 {padding-left:20px;} 
.padRight20 {padding-right:20px}


/* text and cell background colours */
/* CHANGE Hex values only  */

.color-main     {	color: #339;} 
.color-contrast { color: #930; }
.color-difference     {	color: #669;}
.color-liftText    {	color: #366;}

.bg-contrast {	background-color: #930;}
.bg-difference { background-color: #669;}
.bg-highlight {	background-color: #366;}

/* ==================================== */
/* Best NOT to mess with the following */

.color-black {color: black;}
.color-white {color: white;}
.color-alert {color: red; } /* fireman red */
.color-heading {	color: #339;} /* used in various heading tags */




/** FONT-SIZE ===== LEAVE THESE AS THEY ARE...
 * browsers by default set font size at 16px (aka REM "root EM" equiv to 12pt type when printed) */
.leading-0 {line-height:.9;}
.leading-1 {line-height:.7;}
/* ----- REM sizing approx. only ------------ */
.rem-08 { font-size: .5rem;  line-height: 1.4;}
.rem-09 { font-size: .5625rem;  line-height: 1.4;}
.rem-10 { font-size: .625rem;  line-height: 1.4;}
.rem-11 { font-size: .6875rem;  }
.rem-12 { font-size: .75rem;  }
.rem-13 { font-size: .8125rem;  }
.rem-14 { font-size: .875rem;  }
.rem-15 { font-size: .9375rem; }
.rem-16 { font-size: 1rem;  }
.rem-18 { font-size: 1.125rem;  }
.rem-20 { font-size: 1.25rem; }
.rem-22 { font-size: 1.375rem;}
.rem-24 { font-size: 1.5rem;}
.rem-28 { font-size: 1.75rem;}
.rem-32 { font-size: 2rem;}
.rem-36 { font-size: 2.25rem;}
.rem-40 { font-size: 2.5rem;}
.rem-48 { font-size: 3rem;}
.rem-56 { font-size: 3.5rem;}
/*  ----- % of EM sizing ------------ */
.perc50 { font-size:50%;} /* 6pt */
.perc58 { font-size: 58%;} /* 7pt */
.perc625 { font-size: 62.5%;} /* 7.5pt */
.perc67 { font-size: 67%;} /* 8pt */
.perc75 { font-size: 75%;} /* 9pt */
.perc83 { font-size: 83%;} /* 10pt */
.perc875 { font-size: 87.5%;} /* 10.5pt */
.perc92 { font-size: 92%;} /* 11pt */
/* 100% = 1em = 16px = 12pt */
.perc108 { font-size: 108%;} /* 13pt */
.perc116 { font-size: 116%;} /* 14pt */
.perc125 { font-size: 125%;} /* 15pt */
.perc133 { font-size: 133%;} /* 16pt */
.perc150 { font-size: 150%;} /* 18pt */
.perc175 { font-size: 175%;} /* 21pt */
.perc200 { font-size: 200%;} /* 24pt */
.perc225 { font-size: 225%;} /* 27pt */
.perc250 { font-size: 250%;} /* 30pt */
.perc300 { font-size: 300%;} /* 36pt */
.perc350 { font-size: 350%;} /* 42pt */

/* ###################################### */
/* USER classes for THEMES go here */