/* Divs other than page architecture (wrappers & containers), HTML landmarks */

/* ASIDES? */

/* St. Patrick's Blue (#252580), Munsell Red (#f2003c). */

DIV {
    display: block;
}

.about-anger {
    background: url(../images_bg/bg19.gif);
    border: 3px groove black;
    box-sizing: border-box;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 1rem;
    width: 500px;
}

.more-anger {
    background: url(../images_bg/leathr_wht.gif);
    border: 3px groove black;
    box-sizing: border-box;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
    width: 100%;
}

.rel-chatgpt {
    background: url(../images_bg/bg66.png);
    border: 3px groove black;
    box-sizing: border-box;
    margin: 1.125rem 4px;
    padding: 1rem;
    width: 100%;
}

/* outer divs for centering images */
.center-outside {
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    display: block;
    width: 100%;
}

/* inner divs for centering images */
.center-inside {
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* E.G.,
<div class="center-outside">
    <div class="center-inside" style="max-width: 1030px">
        <!--- Image Here --->
    </div>
</div>
*/

/* Next 4 for Emily Post pages */

div.centered {
    text-align: center;
}

div.centered table {
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

div.tablesmall {
    text-align: center
}

div.tablesmall table {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 70%
}

/* outerpodiv and innerpodiv are for the Powerotics pages */

DIV.outerpodiv /* black background */ {
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    display: block;
    background-color: #000000;
    padding: 4px 4px 4px 4px;
    margin: 0px 10px 10px 0px;
    max-width: 30rem; /* 214px = 13.375 rem. Calculation based on a root font-size of 16 pixel. */
    /* float: left */
}

DIV.innerpodiv /* black text on white background */ {
    /* background-color: #FFFFFF; */
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    display: block;
    padding: 4px 4px 4px 4px;
    margin: 4px 4px 4px 4px;
    max-width:  28rem; /* 192px= 12 rem. Calculation based on a root font-size of 16 pixel. */
    color: #000000;
    text-align: left;
    border: medium double #000000;
}

DIV.publishers-note {
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    display: block;
    border: 3px dashed #E80035;
    margin: .25rem;
    padding: .75rem;
    background-color: white;
}

.about-other-eagles,
.about-dc-eagle,
.anger-arnett,
.anger-arnett-more,
.boxintro01,
.darkmode01,
.darkmode02,
.deblase-further,
.delta,
.dsmlinks,
.dsmrr,
.fritscherbiblio,
.fritscherbio,
.fritscherlinks,
.incl-ambrosio-toc,
.incl-chrism-about,
.incl-chrism-add,
.incl_dm_toc,
.incl-history-links,
.incl-repost-pol,
.liferr,
.negative,
.noborder,
.quicklinks,
.relatedtimelines,
.relationship_further,
.safety_toc,
.sectionsall,
.sectionseven,
.sectionsodd,
.seductionrr,
.simple,
.simplethin,
.site_map,
.thoreauquote,
.townsendintro,
.townsendtoc {
    border-radius: 5px;
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    display: block;
    margin: 0 auto;
    padding: 0 1rem;
}

.about-dc-eagle,
.about-other-eagles,
.anger-arnett-more,
.boxintro01,
.deblase-further,
.darkmode01,
.darkmode02,
.delta,
.dsmlinks,
.dsmrr,
.fritscherbiblio,
.fritscherbio,
.fritscherlinks,
.incl-ambrosio-toc,
.incl-chrism-about,
.incl-chrism-add,
.incl_dm_toc,
.incl-history-links,
.incl-repost-pol,
.liferr,
.negative,
.noborder,
.quicklinks,
.relatedtimelines,
.relationship_further,
.safety_toc,
.sectionsall,
.sectionseven,
.sectionsodd,
.seductionrr,
.simple,
.site_map {
    width: 100%;
}

.simplethin,
.thoreauquote,
.townsendintro {
    width: 96%;
}

.about-dc-eagle {
    background: url(../images_bg/bg_blue_leather.jpg);
    border: 3px groove black;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.about-other-eagles {
    background: url(../images_bg/bg22.gif);
    border: 3px solid black;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.anger-arnett {
    background: url(../images_bg/bg19.gif);
    border: 3px groove black;
    margin-left: auto;
    margin-right: auto;
    max-width: 500px;
    padding: 1rem;
}

.anger-arnett-more {
    background: url(../images_bg/leathr_wht.gif);
    border: 3px groove black;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.boxintro01 {
    background-image: url(../images_bg/bg08.gif);
    border: #E80035 1px solid;
    font-weight: bold;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.delta {
    background: url(../images_bg/bg22.gif);
    border-radius: 5px;
    border: 2px double black;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.dsmlinks {
    background: url(../images_bg/bg28.gif);
    border: 3px groove pink;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.dsmrr {
    background: url(../images_bg/bg18.gif);
    border: 3px inset blue;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.incl_dm_toc {
    background: url(../images_bg/bg10.gif);
    border: 3px outset #f2003c;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

/* .deblase-further, */
.incl-history-links {
    background-image: url(../images_bg/bg16.gif); /* bg66.png, bg17.gif */
    border: 3px groove gray;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    padding: 2rem;
}

/*
    background-color: white;
    background-color: #333333;
    background: url(images_bg/black_leather_bg.jpg);
    border: 3px groove black;
*/

.incl-history-links UL {
    font-weight: bold;
    text-shadow: 2px 2px white, -2px 2px white, 2px -2px white, -2px -2px white;
}

.incl-repost-pol {
    background: url(../images_bg/bg19.gif);
    border: 3px groove black;
}

.incl-ambrosio-toc {
    background: url(../images_bg/bg_african_cuffs_icons03.gif);
    border: 3px groove black;
}

.relatedtimelines {
    background: url(../images_bg/leathr_wht.gif);
    border: 3px outset #E80035;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.relationship_further {
    background: url(../images_bg/bg08.gif);
    border: 3px groove gray;
}

.incl-chrism-about {
    background-repeat: repeat;
    background: url(../images_bg/bg_white_roses.jpg);
    border-style: groove;
    border-width: medium;
    padding: 1rem;
}

.incl-chrism-add {
    width: 100%;
    border: 3px groove black;
    background: url(../images_bg/bj_rough_fabric_texture_blue.gif);
}

.liferr {
    background: url(../images_bg/bg_white_leather02.gif);
    border: 3px groove blue;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.safety_toc {
    background: url(../images/teresa_bg01.gif) #FFFFFF;
    border: #f2003c 1px solid;
    font-weight: bold;
    margin-top: 50px;
    padding: 30px;
    text-align: left;
}

.seductionrr {
    background: url(../images_bg/wallpaper-white-leather-texture-background.jpg);
    border: 3px outset #252580;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    min-height: 260px;
    padding: 1rem;
}

.townsendtoc {
    background: url(../images_bg/bg19.gif);
    border: 3px groove black;
    padding: 1rem;
    width: max(500px, 40rem);
}

.thoreauquote {
    background-color: #333333;
    background: url(../images_bg/black_leather_bg.jpg);
    border: 3px groove black;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 2rem;
}

.quicklinks {
    background: url(../images_bg/bg66.png);
    border: 3px groove black;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.fritscherbiblio {
    background-color: white;
    border: 1px solid #252580;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 2rem;
}

.fritscherlinks {
    background: url(../images_bg/bg66.png);
    border: 3px groove black;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 1rem;
}

.sectionsall {
    background: #FFFFFF;
    border: 3px groove black;
    margin-bottom: 1.125rem;
    margin-top: 1.125rem;
    padding: 2rem;
}

.sectionsodd {
    background: url(../images_bg/bg_rough_fabric_texture_red02.gif);
    /* bg92.jpg */
    border-radius: 0;
    padding: 2rem;
}

.sectionseven {
    background: url(../images_bg/bg_rough_fabric_texture_blue02.gif);
    /* bg93.jpg */
    border-radius: 0;
    padding: 2rem;
}

.site_map {
    background-color: #333333;
    border: 1px groove black;
    color: white;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 2rem;
}

.simple {
    border-style: groove;
    border-width: medium;
}

.noborder {
    border-color: white;
    border-width: 0;
}

/* @@@ Dark Modes (start) @@@ */

.negative,
.townsendintro,
.fritscherbio,
.darkmode01,
.darkmode02 {
     background-color: hsl(0, 0%, 20%); /* Not quite black #333333 */
     color: hsl(0, 0%, 100%); /* White */
     border: 1px groove black;
     margin-bottom: 1rem;
     margin-left: auto;
     margin-right: auto;
     margin-top: 1rem;
     padding: 2rem;
}

.negative {
    font-weight: bold;
}

.townsendintro {
    background: url(../images_bg/black_leather_bg.jpg);
    border: 3px groove black;
}

.townsendintro a,
.fritscherbio a,
.darkmode01 a {
    color: hsl(210, 100%, 40%);
    /* vibrant blue (#0066cc)  */
}

.darkmode02 a:link {
  color: hsl(120, 100%, 50%);
  /* light green #00cc00 */
}

.townsendintro a:visited,
.fritscherbio a:visited,
.darkmode01 a:visited {
  color: hsl(270, 50%, 40%);
  /* Visited link color.  muted purple. (#663399)  */
}

.darkmode02 a:visited {
  color: hsl(120, 100%, 30%);
  /* dark green #006600 */
}

.townsendintro a:hover,
.fritscherbio a:hover,
.darkmode01 a:hover {
  color: hsl(39, 100%, 65%);
  /* Hover link color (bright orange) #ff9900 */
}

.darkmode02 a:hover {
  color: hsl(120, 100%, 70%);
  /* bright shade of green for hover emphasis #00ff00 */
}

.townsendintro a:active,
.fritscherbio a:active,
.darkmode01 a:active {
  color: hsl(120, 100%, 30%);
  /* Active link color (deep green) #009900;*/
}

.darkmode02 a:active {
  color: hsl(120, 100%, 40%);
  /* vibrant green with 40% lightness #009900 */
}

/* @@@@ Dark Modes (End)  @@@ */

/*  These styles are for decorative boxes for quotes and images */
/*  Netscape 4.x browsers don’t support CSS effects very well   */
/*  NN 4.x offer unreliable support for border styles that are  */
/*  linked to images, tables, lists, hyperlinks, and form       */
/*  fields. NS 4.x browsers also tend to ignore attributes that */
/*  set the four sides of a border in a single definition.      */
/*  Explorer 5.0 browsers don't support "dotted" and "dashed"   */
/*  border-style values.                                        */
/*  Include border-style and border-color or Explorer browsers  */
/*  will ignore border-color.                                   */

/* st. teresa bg */

.nicebox00, .nicebox01, .nicebox02, .nicebox03, .nicebox04, .nicebox05, .nicebox06, .nicebox07, .nicebox08, .nicebox09, .nicebox10, .nicebox11, .nicebox12, .nicebox13, .nicebox14, .nicebox15, .nicebox16, .nicebox17, .nicebox18, .nicebox27, .nicebox28, .nicebox29, .nicebox30, div_bg79, div_bg82, div_bg83, div_goth_wordcloud, div_blackbat, div_blackroses, div_zodiac, div_light_blue_texture, div_bg52, div_blackbrickwall, div_white_leather_texture, div_stripes {
    background-color:  #FFFFFF;
    border-color: #E80035;
    border-radius: 5px;
    border-style: outset;
    border-width: 3px;
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    font-style: italic;
    font-weight: bold;
    padding: 1rem;
    text-align: left;
    width: 512px;
}

.nicebox00 {
    background-image: url(../images_bg/bg08.gif);
    border: gray .188rem solid;
    width: 98%;
}

.nicebox01 {
    background-image: url(../images_bg/teresa_bg01.gif);
    border-style: groove;
}

.nicebox02 {
    background-image: url(../images_bg/bg28.gif);
    border-style: solid;
    border-width: .125rem;
    color: black;
}

.nicebox03 {
    background-image: url(../images_bg/bg28.gif);
}

.nicebox04 {
    background-image: url(../images_bg/bg29.gif);
}

.nicebox05 {
    background-image: url(../images_bg/bg06.gif);
}

.nicebox06 {
    background-image: url(../images_bg/bg08.gif);
}

.nicebox07 {
    background-image: url(../images_bg/bg09.gif);
}

.nicebox08 {
    background-image: url(../images_bg/bg10.gif);
}

.nicebox09 {
    border-width: 5px;
    background-image: url(../images_bg/bg16.gif);
}

.nicebox10 {
    background-image: url(../images_bg/bg18.gif);
}

/* multi-colored sides */

.nicebox11 {
    border-bottom-color: black;
    border-bottom-width: 3px;
    border-left-color: #E80035;
    border-left-width: 3px;
    border-right-color: #E80035;
    border-right-width: 3px;
    border-style: solid;
    border-top-color: black;
    border-top-width: 3px;
    padding: 0.75rem;
}

.nicebox12 {
    background-image: url(../images_bg/bg22.gif);
}

/* red text on white background */

.nicebox13 {
    background: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #E80035
}

/* white text on black background */

.nicebox14 {
    background: #000000;
    color: white;
}

.nicebox15 {
    padding: 0.75rem;
}

.nicebox16 {
    background-image: url(../images_bg/bg24.gif);
    color: white;
    padding: 0.75rem;
}

.nicebox17 {
    background-image: url(../images_bg/bg26.gif);
    color: white;
    padding: 0.75rem;
}

/* black on white */

.nicebox18 {
    background: white;
    border-width: 5px;
    color: #E80035;;
    padding: 0.75rem;
    /* text-shadow: 2px 2px #E80035; */
}

/* The following four attempts haven't worked properlyon any browser */

.nicebox27  {
    background-image: url(../images_bg/bg16.gif);
    border-color: #E80035;
    border-width: 1rem;
}

.nicebox28 {
    background-image: url(../images_bg/bg17.gif);
    border-width: 1rem;
}

.nicebox29 {
    background-image: url(../images_bg/bg18.gif);
}

.nicebox30 {
    background-image: url(../images_bg/bg67.gif); /* IDIC background */
    border-width: 1rem;
    color: #000000;
}

.div_bg79 {
    background-image: url(../images_bg/bg79.jpg); /* assorted sysmbols */
    border: #252580 1px solid; /* St. Patrick's Blue */
    color: #000000;
}

.div_bg82 {
    background-image: url(../images_bg/bg82.jpg); /* grayscale wordcloud 900px wide*/
    border: #A9A9A9 1px solid; /* HTML Gray */
    color: #000000;
}

.div_bg83 {
    background-image: url(../images_bg/bg83_paper.jpg); /* light white paper */
    border: #A9A9A9 1px solid; /* HTML Gray */
    color: #000000;
}

.div_goth_wordcloud {
    background-image: url(../images_bg/bg76.jpg); /* pale white on black wordcloud 900px wide*/
    border: #A9A9A9 1px solid; /* HTML Gray */
    color: #FFFFFF;
}

.div_blackbat {
    background-image: url(../images_bg/bg_batbones.gif); /* bat skeletons on black background  */
    border: #A9A9A9 1px solid; /* HTML Gray */
    color: #FFFFFF;
}

.div_blackroses {
    background-image: url(../images_bg/bg_black_roses.jpg); /* bat skeletons on black background  */
    border: #A9A9A9 1px solid; /* HTML Gray */
    color: #FFFFFF;
}

.div_zodiac {
    background-image: url(../images_bg/bg77.gif); /* zodiac */
    border: #A9A9A9 1px solid; /* HTML Gray */
    color: #000000;
}

.div_light_blue_texture {
    background-image: url(../images_bg/bg17_light_blue.gif); /* light blue texture */
    border: #252580 1px solid; /* HTML Gray */
    color: #000000;
}

.div_bg52 {
    background-image: url(../images_bg/bg52.jpg); /* light blue pattern */
    border: #252580 1px solid; /* St Patrick's Blue */
    color: #000000;
}

.div_blackbrickwall {
    background-image: url(../images_bg/bg56.gif); /* brick wall black  */
    border: #A9A9A9 1px solid; /* HTML Gray */
    color: #FFFFFF;
}

div_white_leather_texture {
    background-image: url(../images_bg/bg_white_leather_texture02.png);
    border: #252580 1px solid; /* HTML Gray */
    color: #000000;
}

div_stripes {
    background-image: url(../images_bg/bg_stripes.gif);
    border: #f2003c 1px solid; /* HTML Gray */
    color: #000000;
}

/* Table of Contents Box */

.boxtoc01, .boxtoc02, .boxtoc03, .boxtoc04, .boxtoc05 {
    box-sizing: border-box; /* include border and padding in the overall height and width of the element. */
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    text-align: left;
}

.boxtoc01 {
    background-image: url(../images_bg/bg08.gif);
    border: #E80035 .188rem outset;
    width: 50rem;
}

.boxtoc02 {
    background-image: url(../images_bg/bg08.gif);
    border: #f2003c 1px solid;
    border-width: .188rem;
    width: 98%;
}

.boxtoc03 {
    background-image: url(../images_bg/bg08.gif);
    border: #E80035 .188rem solid;
    padding: 20px;
    width: 490px;
}

.boxtoc04 {
    background-image: url(../images_bg/bg08.gif);
    border-width: .188rem;
    border: #E80035 .188rem solid;
    padding: 10px;
    width: 80%;
}

.boxtoc05 {
    border: #E80035 1px solid;
    padding: 10px;
    text-align: left;
    width: 98%;
}

.boxliberty {
    color: #0000FF;
    font-family: serif;
    font-size: 20px;
    font-size: 30px;
    font-style: italic;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding: 30px;
    text-align: left;
}

/*
background-image: url(../images_bg_arch/bg_margins.gif);
background-size: 100% auto;
background-repeat: repeat-y;
*/