/* @@@ Class Selectors .  @@@ */

.google {
    line-height: 0rem;
    margin-bottom: 2Rem;
}

P.breakonletters {
    /* See https://css-tricks.com/almanac/properties/w/word-break/ */
    word-break: break-all;
}

IMG.align-left {
    float: left;
    margin-left: 1rem;
    margin-right:  2rem;
}

IMG.align-right {
    float: right;
    margin-left: 2rem;
    margin-right:  1rem;
}

BR.clear {
    clear: both
}

.bq,
blockquote {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border-left: 4px solid #252580;
    background-image: url(../images_bg/bg17.gif);
    background-repeat: repeat;
    background-color: #FFFFFF;
    padding-left: 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.indented {
    inset: 4rem;
}

.nobg {
    background: none
}

/* The following three classes only work in IE */

.fancy {
    background-image: url(../images_bg/bg06.gif)
}
.teresa {
    background-image: url(../images_bj/teresa_bg01.gif)
}
.coolblue {
    background-color: rgb(207,240,252)
}

.tocheader  {
    font-weight: bold;
    text-align: center
}

/* @@@ HR -  Horrizontal Rulers (start) @@@ */

HR.end,
HR.three-hash-tags {
    background-image: url(../images/end.gif);
    height: 55px;
    page-break-after: always;
    width: 110px;
}

HR.book {
    background-image: url(../images/book01.gif);
    height: 109px;
    width: 200px;
}

HR.chain,
HR.chain-pb {
    background-image: url(../images_arch/chain_hr.gif);
    height: 10px;
    width: 487px;
    page-break-after: always;
}

HR.chain-of-hearts {
    background-image: url(../images_arch/hr_chain_of_hearts.gif);
    height: 41px;
    margin: 0 auto;
    width: 676px;
}


HR.knotted_rope {
    background-image: url(../images_arch/knotted_rope.gif);
    height: 14px;
    width: 500px;
}

HR.lion {
    background-image: url(../images_arch/lionhead.gif) #FFFFFF;
    height: 66px;
    width: 487px;
}

HR.fish {
    background-image: url(../images_arch/fishhead.gif) #FFFFFF;
    height: 88px;
    width: 523px;
}

HR.crop {
    background-image: url(../images_arch/crop.gif) #FFFFFF;
    height: 25px;
    width: 600px;
}

HR.redline  {
    background: #f2003c;
    height: .188rem;
    margin: 0px auto 0px auto;
    width: 95%;
}

HR.blackrose03 {
    background-image: url(../images_arch/hr_black_rose03.gif);
    height: 68px;
    width: 436px;
}

HR.nyt {
    background-image: url(../images_arch/new_york_times_end.gif);
    height: 291px;
    width: 313px;
}

HR.dragon {
    background-image: url(../images_arch/tridraga.jpg);
    height: 78px;
    width: 309px;
}

HR.dec15 {
    background-image: url(../images_arch/dec15.gif);
    height: 110px;
    width: 446px;
}

HR.dec20 {
    background-image: url(../images_arch/hr_dec20.png);
    height: 43px;
    width: 860px;
}

HR.bald-eagle {
    background-image: url(../images_arch/bald-eagle.jpg);
    height: 494px;
    width: 860px;
}

HR.vintage-eagle {
    background-image: url(../images_arch/vintage-eagle-clip-art-graphicsfairy-512x216.jpg);
    height: 216px;
    width: 512px;
}

/* @@@ HR -  Horrizontal Rulers (end) @@@ */

/* @@@ Lists (e.g., UL, OL) Start @@@ */

UL.xtralinebr,
OL.xtralinebr {
    margin-bottom: 0rem;
}

UL.xtralinebr LI,
OL.xtralinebr LI,
UL.inpagelinks LI,
OL.inpagelinks LI  {
    line-height: 1.8rem;
    margin-bottom: 1.5rem;
}

/* indented lists */
UL.xtralinebr UL LI,
OL.xtralinebr OL LI,
UL.xtralinebr OL LI,
OL.xtralinebr UL LI,
UL.inpagelinks UL LI,
OL.inpagelinks OL LI,
UL.inpagelinks OL LI,
OL.inpagelinks UL LI    {
    line-height: 1.5rem;
    margin-bottom: 1.5rem;
}

.doublespace ul li,
.doublespace ol li {
    line-height: 1.5rem;
    margin-bottom: 3rem;
}

UL.leatherheart {
    list-style-image:url(../images_arch/bullet_leather_heart_18px_munsell_red.gif);
    text-align: left;
}

UL.heart {
    list-style: none;
    line-height: 1.5Rem;
}

UL.heart li::before {
    content: "\2665";
    color: red;
    display: inline-block;
    width: 1rem;
    margin-left: -1rem;
}

UL.inpagelinks,
 {
    list-style-image:url(../images_arch/bullet_inpagelinks_20px.png);
    text-align: left;
}

/* margin-bottom = line-height */

/*UL.plain    {list-style:}*/

/* @@@ Lists (e.g., UL, OL) Start @@@ */

/* The following PERSON and CENTER declarations are meant solely to prevent generating error messages */

PERSON,
PERSON.nodisplay {
    text-decoration: none;
}

/*UL.plain    {list-style:}*/

.centext,
.img, /* epost - centering images */
.cen,  /* epost - centering paragraphs */
.tdcenter, /* epost - aligning cell content to the center */
.sacredtexts {
    text-align: center;
}

.backtotop {
    height: 18px;
    margin-bottom: 3rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
    text-align: center;
    width: 235px;
}

/* <p class="backtotop"><span class="smalltexticons">&uarr;</span> <a href="#top">Back to Top</a></p>  */

.smalltexticons {
    color: #252580;
    font-weight: bold;
}

.highlight {
    background: yellow;
    color: black;
}

/* A button class */

.button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url(.g./images_b/bg28.gif);
    font-weight: bold;
    color: #000000
}

/* Certain links are presented in beveled button format */

#mybttn {
    border-style: inset;
    border-color: #FF2222;
    BACKGROUND-IMAGE: url(../images/bg20.gif);
    text-decoration: none;
    width: 106px;
    text-align: center
}

.anotherbutton {
    border: 4px outset #f2003c;
    padding: .125rem;
    text-decoration: none;
    text-align: center;
    width: 250px;
    font-family: "NEW YORK", "MS SERIF", HELVETICA, "ARIAL NARROW", ARIAL, GOODFELLOW;
    font-size: 10pt;
    font-weight: bold
}

/*  Italics that don't run into non-italized text and aren't   */
/*  followed by unnecessary white text.                        */
/*  <SPAN class="booktitle"></SPAN>                            */

cite,
.booktitle {
    font-style: italic;
    font-weight: normal;
    font-family: "New York", "MS Serif", Lucida, Helvetica, Arial, Helv, Helvetica, Serif, Verdana, Geneva, sans-serif;
}

/*
.headerImage {
    align: center;
}
*/

.Return2Top {
    color: #000000;
    font-family: arial, 'times new roman', verdana, geneva, helvetica;
    font-size: .8rem;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-decoration: none;
}

.skiptoc {
    text-decoration: none;
}

/* cursors.  Note: Always specify a generic cursor at the end of the comma separated list of cursor URLs, in case none of the URL-defined cursors can be used */

.ahnk {
   cursor: url(../images/ankh.gif), auto;
}

.cuffs {
   cursor: url(../images/cuffs.gif), auto;
}

/* @@@ Leather History Timeline (start) @@@ */

/* There are 4 colors in this flag. These are Black (#000000), St. Patrick's Blue (#252580), White (#FFFFFF) and Munsell Red (#E80035). */

blockquote.lhtbq {
    display: block;
    margin-top: 1rem;
    margin-bottom: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    border-left: 4px solid #252580;
    background-image: url(../images_bg/bg83_paper.jpg); /* bg17.gif */
    background-repeat: repeat;
    background-color: #FFFFFF;
    padding-left: 2rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.deblase-int-links {
    /* background-color: white; */
    background-image: url(../images_bg/bg66.png);
    border: 3px ridge blue;
    border-radius: 5px;
    margin-bottom: 1.125rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.125rem;
    min-width: 96%;
}

/*
blockquote.lhtbq p {
    margin: 0;
p:first-of-type
p:first-child
}

blockquote.lhtbq p:first-letter {
    color: #252580;
    float: left;
    margin: .2rem .3rem .1rem 0;
    font-family: Trajan, Dauphin, 'Times New Roman', arial, helvetica;
    font-size: 2.2REM;
    font-weight: bold;
}
*/

SPAN.contributor {
    display: inline-block;
    font-style: italic;
    text-align: right;
    width: 100%;
}

/* The "Year" links in the LHT navigation menu.
https://readlearncode.com/code-and-stuff/creating-buttons-from-ul-element/ */

ul.years {
    list-style-type: none;
    /* margin-left: 40px; */
}

ul.years li {
    background-color: white;
    border-radius: 10px;
    border: 3px solid #252580;
    color: #000000;
    float: left;
    font-size: 1rem;
    list-style: none;
    margin-botton: .5rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: .5rem;
    min-width: 44px;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
    text-align: center;
}

ul.years li a {
    display: block;
    text-decoration: none;
}

ul.years li a:hover {
    background-color: #FFFFFF;
    color: #252580;
}

ul.years li a:focus {
    background-color: #000000;
    color: #FFFFFF;
    border: 5px solid #E80035;
}

/* Display timeline lists like tables */

UL.timeline {
    columns: 1;
    background: #ffffff;
    border-color: #eeeeee;
    border-spacing: 2px;
    border-style: outset;
    border-width: 0.188rem;
    list-style-type: none;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding: 0;
    padding: 4rem;
}

UL.timeline li {
    /* border-spacing: 2px; */
    border: solid thin #06F;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
}

UL.timeline li:nth-child(odd) {
    background: #FFFFFF;
}

UL.timeline li:nth-child(even) {
    background: #D9D9D9;
}


/*
TWITTER
    position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 1px 12px 1px 12px;
    background-color: #1d9bf0;
    color: #fff;
    border-radius: 9999px;
    font-weight: 500;
    cursor: pointer;

    display: inline-block;
    vertical-align: top;
    zoom: 1;
*/

/* @@@ Leather History Timeline (end) @@@ */

/* @@@ Emily Post Etiquette () @@@ */

a.noline {
    text-decoration: none
}

.smcap {
    font-variant: small-caps
}

.linenum  {
    position: absolute;
    top: auto;
    left: 4%
} /* poetry number */

.tdright  {
    text-align: right
} /* aligning cell content to the right */

.cards    {
    border: solid 1px;
    margin-right: 20%;
    margin-left: 20%;
    border-color: #808080;
    white-space: nowrap
} /* putting border around cards */

.card2    {
    border: solid 1px;
    margin-right: 30%;
    margin-left: 30%;
    border-color: #808080;
    white-space: nowrap
} /* smaller card */

.card3    {
    border: solid 0px;
    margin-right: 30%;
    margin-left: 30%;
    border-color: #808080;
    white-space: nowrap
} /* smaller card no border*/

.note     {
    margin-left: 2em;
    margin-right: 2em;
    margin-bottom: 1em
} /* footnote */

.blkquot  {
    margin-left: 4em;
    margin-right: 4em
} /* block indent */

.pagenum  {
    position: absolute;
    left: 92%;
    font-size: smaller;
    text-align: right
} /* page numbers */

.sidenote {
    width: 20%;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 1em;
    font-size: smaller;
    float: right;
    clear: right
}

.rig {
    text-align: right
} /* aligning text to the right for cards */

.sect {
    text-align: center;
    font-variant: small-caps;
    font-size: 102%;
    color: navy;
    font-weight: bold
} /* section headers */

/* div.centered, div.centered table, div.tablesmall and div.tablesmall table are located in divs.css */

.tdleft   {
    text-align: left;
} /* aligning cell content to the left */

.totoc    {
    font-size: 85%;
    text-align: center;
    color: #f2003c;
    text-decoration: none
} /* page numbers */
/*{
    position: absolute;
    right: 2%;
    font-size: 85%;
    text-align: right
}*/

.poem {
    margin-left: 10%;
    margin-right: 10%;
    text-align: left
}

.poem br {
    display: none
}

.poem .stanza {
    margin: 1em 0em 1em 0em
}

.poem span {
    display: block;
    margin: 0;
    padding-left: 3em;
    text-indent: -3em
}

.poem span.i2 {
    display: block;
    margin-left: 2em
}

.poem span.i4 {
    display: block;
    margin-left: 4em
}

/* @@@ Emily Post Etiquette (end) @@@ */

/* @@@ POWERotics (begin) @@@ */

#powerotics H1,
#powerotics H2,
#powerotics H3,
#powerotics H4,
#powerotics .byline,
.britbold {
    font-family: 'Britannic Bold', Calibri, 'Trebuchet MS', Arial, Georgia, 'Times New Roman', Helvetica, sans-serif;
}

#powerotics UL,
UL.powerotics_blk_on_white {
    background-color: #FFFFFF;
    color: #000000;
    list-style-image:url(../images/bullet_powerotics_neg.gif);
    /* list-style: disc url(images/bullet_powerotics_neg.gif); */
}

UL.negbullet {
    list-style-image:url(../images/bullet_powerotics_neg.gif);
}

UL.negbullet2 {
    /* font-family: arial;
    font-size: smaller; */
    list-style-image:url(../images/bullet_powerotics_neg.gif);
    margin-left: 2rem;
    padding-left: 2rem;
}

A.powerotics:link {
    color: #FFFFFF;
    text-decoration: none
}

A.powerotics:visited {
    color: #33FFFF;
    text-decoration: none
}

A.powerotics:hover {
    color: #f2003c;
    text-decoration: none
}

DIV.poblockq {
    border-left: 4REM;
}

span.hawthorne {
    color: red;
    font-weight: bold
}

HR.hr_powerotics {
    background-image: url(../images_arch/hr_powerotics.gif);
    width: 220px;
    height: 17px;
    margin-top: 2.2rem;
    margin-bottom: 2.2rem;
    margin-left: auto;
    margin-right: auto;
    border-width: 0px
}

/* @@@ POWERotics (end) @@@ */

/* @@@ Psychopathia Sexualis (start) @@@ */

.sc {
    font-variant: small-caps
}

/* margin: 0 */
#pg-footer div.agate,
#pg-footer div.secthead,
#pg-footer #project-gutenberg-license
#pg-header #pg-header-authlist {
    margin: 0;
}

#pg-header div,
#pg-footer div {
    margin: 1rem 0 1rem 2rem;
}

.x-ebookmaker .linegroup {
    margin-left: 1.5rem;
}

#pg-footer li {
    margin: 1rem 0;
    text-indent: -0.6rem;
}

#pg-footer-heading {
    font-weight: normal;
    margin: 0;
}

#pg-header #pg-machine-header p {
    text-indent: -4rem;
    margin: 1rem 0 0 4rem;
    font-size: 1rem;
}

#pg-header #pg-machine-header strong {
    font-weight: normal;
}

#pg-header #pg-start-separator,
#pg-footer #pg-end-separator {
    margin: 2rem auto 3rem 0;
    text-align: center;
}

.pageno {
    position: absolute;
    right: 1%;
    font-size: 0.75rem;
    background-color: inherit;
    color: silver;
    text-indent: 0;
    text-align: right;
    border: thin solid silver;
    padding: 0.1rem 0.2rem;
    font-style: normal;
    text-decoration: none;
}

/* Linegroup styles */
.linegroup {
    display: inline-block;
    text-align: justify;
}

.linegroup .group {
    margin: 1rem auto;
}

.linegroup .line {
    text-indent: -3rem;
    padding-left: 3rem;
}

div.linegroup > :first-child {
    margin-top: 0;
}

.linegroup .in2 { padding-left: 4rem; }
.linegroup .in4 { padding-left: 5rem; }
.linegroup .in6 { padding-left: 6rem; }
.linegroup .in7 { padding-left: 6.5rem; }
.linegroup .in8 { padding-left: 7rem; }
.linegroup .in10 { padding-left: 8rem; }

/* @@@ Psychopathia Sexualis (end) @@@ */