/*
Theme Name: clairity
Theme URI: https://theambler.ca/themes/clairity
Author: Clair Culliford
Author URI: https://theveranda.ca
Description: A clean, accessible, one-column classic theme for WordPress 6.9 blogs.
Version: 1.0.0
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: clairity
Tags: blog, one-column, accessibility-ready, custom-logo, custom-menu, featured-images, translation-ready
*/
body {background-color: #FFE4B3; margin: auto;  max-width: 726px; color: black;} 
/* _______________  710  to 100000 _______________  */   
@media screen and (min-width: 710px) and (max-width: 10000px) {
html {font-size: 20.474px;}   
} /*needed Final Bracket*/
audio::-webkit-media-controls-panel {background-color: #ffffcc;}  
audio{display: block;
max-height: 100%;
max-width: 100%;
margin: auto;
object-fit: contain;}
.container {width: 100%; margin: auto; padding-top: 1.2em;}
.header {background-color: #ffffcc; margin: 0 0 .76em 0; padding: .8em 1em .62em 1em; text-align: center; border: .53em double #990000;-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;}
 .video { width: 100%; height:auto; aspect-ratio: 16 / 9;}
.iceimage {max-width: 100%; height: auto; padding: 0;} 
.text {background-color: #FFE4B3; margin: 0 0 1em 0} 
.comments {background-color: #ffffcc; margin: 1em 0 1em 0; padding: .3em 1em .39em 1em; text-align: left; border: .15em solid #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;}
.navigation {background-color: #ffffcc; margin: 0 0 1em 0; padding: .3em 1em .39em 1em; text-align: center; border: .15em dashed #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em}
.other {margin: 0 0 1em 0; text-align: center; }
.socialmedia {background-color: #ffffcc; margin: 0 0 1em 0;  padding: .13em 1em .39em 1em; text-align: left; border: .15em solid #990000;-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: 
.8em;} 
.footer {background-color: #ffffcc; margin: 0 0 2em 0;  padding: .3em 1em .3em 1em; text-align: center; border: .38em double #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;} 
          /* -- IMAGES -- */
img {max-width: 100%; height: auto; margin-top: .3em; border: .21em solid #990000;}
          /*----------LINKS----------*/
a.toplinks {color: #4d4dff; font-weight: bold; font-size: 1.03em}
a.toplinks:visited {color: #9999ff;}
a.toplinks:hover {color: #009900; text-decoration: none;}
a.navlink {color: #0000ff; font-weight: bold}
a.navlink:visited {color: #8080ff;}
a.navlink:hover {color: #009900; text-decoration: none;}
a.intext {color: #0000e6}
a.intext:visited {color: #8080ff}
a.intext:hover {color:#009900; text-decoration: none;}
          /*----------TEXT----------*/
h1 {font-family: Georgia, serif; color: #b30000; font-size: 1.7em; font-style: italic; margin: 0 0 -06em 0; text-align: center}
h2 {font-family: Georgia, serif; color: #b30000; font-size: 1.346em; margin: 0; font-weight: bold; text-align: center}
h3 {font-family: Georgia, serif; color: #b30000; font-size: 1.31em; margin: .27em 0 0 0; font-weight: bold; text-align: center}
h4 {font-family: Georgia, serif; color: #b30000; font-size: 1.2em; margin: 0 0 0 0; font-weight: bold; text-align: left}
p {font-family: Verdana, sans-serif; font-size: 1em; line-height: 1.4; margin: 0 0 .28em 0; color: #000000;}
p.headersubtitle1 {font-family: Georgia, serif;  font-weight: normal; font-size: 1.254em; color: /*#990000;*/#b30000; line-height: 1.17; margin: 8em 1em -.1em 0; padding: 0; text-align: center}
p.headersubtitle2 {font-family: Georgia, serif;  font-weight: normal;font-size: 1.254em; color: #b30000; line-height: 1.17; margin: .3em 0 .1em 0; padding: 0; text-align: center}
p.toplinks {font-size: 1.146em; text-align: center; font-family: Georgia, serif; font-style: normal; font-weight: bold; margin-bottom: 0}
p.navlinks  {font-size: 1.11em; text-align: center; font-family: Georgia, serif; font-style: normal; font-weight: bold; margin-bottom: 0}
p.listen {font-family: Georgia, serif; margin-bottom: .3em; font-size: 1.172em; text-align: center; color: #b30000;}
p.afteraudio {margin-top: 2%}
p.signature {font-style: italic; margin-left: 2em}
p.below {font-family: Georgia, serif; margin-top:0; margin-bottom: .0em; font-size: 1.24em; text-align: center; color: #b30000; font-weight: bold}
p.otherinfo {font-family: Georgia, serif; font-size: 1.2em; line-height: 1.4; margin: .1em 0 .25em 0; color:#b30000; font-weight: bold; text-align: center}
p.copyright {font-family: Verdana, sans-serif; font-size: 1.05em; line-height: 1.4; margin: 0 0 0 0; color: #000000}
p.centerimage {text-align: center} 
p.commentslink {font-family: Georgia, serif; color: #b30000; font-size: 1.21em; margin: -.09em 0 0 0; font-weight: bold; text-align: center}
p.centre {font-family: Georgia, serif; text-align: center; color: #b30000; margin: .17em 0 0 0; font-size: 1.2em;}
p.centrevideo {text-align: center; margin-bottom: 1em}
p.anchor {font-size: .0001em; margin: 0 0 0 0; line-height: 0; color: black;}
p.index {/*font-family: Georgia, serif;*/ font-size: 1.02em; text-indent: 1.4em;}
p.archives {/*font-family: Georgia, serif;*/ font-size: 1.05em; margin-left: .4em;}
p.coming {font-size: 1.1em;  margin-bottom: -.07em}
p.note {color:#b30000;}
p.noteshortbottom {color:#b30000; margin-bottom: -2.3em}
p.poem {margin: 0 0 .18em 0;}
p.poemstanzabreak {margin: 0 0 .6em 0;}
p.shortbottom {margin: 0 0 -.15em 0} 
p.longbottom {margin: 0 0 .55em 0}
p.invisible {font-size: .5em; color:#FFE4B3}  
p.invisibleshort {font-size: .3em; color:#FFE4B3}  
/*----------HR----------*/
hr {border-top: .1em solid red; border-right: .1em solid #ffe4b3; border-left: .1em solid #ffe4b3; 
border-bottom: .1em solid red; width: 69%;  height: .16em; text-align: center; margin: .72em auto .35em auto;} 
hr.entrydivider {border-top: .3em dashed green; border-bottom: none; width: 98%}
hr.shorttop {border-top: .1em solid red; border-right: .1em solid #ffe4b3; border-left: .1em solid #ffe4b3; 
  border-bottom: .1em solid red; width: 69%;  height: .16em; text-align: center; margin: -2em auto .35em auto;} 
  /*----------SPANS----------*/
.italic {font-style: italic}
.bold {font-weight: bold}
.linkblue {color: #0000ff} 
.thinspace {font-size: .01em}
.underline {text-decoration: underline}
.indexnumbers {color: #cc0000; font-weight: bold; }
.noitalics {font-style: normal}
 .green {color: #009900}
 .red {color:#ff0000} 
 .bullet {font-size: 1.25em} 
          /*----------BREAKPOINTS----------*/
  /*_______________  670 to 709 _______________  */
@media screen and (min-width: 670px) and (max-width: 709px){
html {font-size: 18.20px;}
.container {width: 93%; margin: auto}
}  /*needed Final Bracket*/
/* _______________  630 to 669 _______________  */
@media screen and (min-width: 630px) and (max-width: 669px){
html {font-size: 18px}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  590 to 629 _______________  */
@media screen and (min-width: 590px) and (max-width: 629px){
html {font-size: 18px;}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  550 to 589 _______________  */
@media screen and (min-width: 550px) and (max-width: 589px){
html {font-size: 17.96px;}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  510 to 549 _______________  */
@media screen and (min-width: 510px) and (max-width: 549px){
html {font-size: 17.67px;}
.container {width: 93%; margin: auto}  
p.centerimage {text-align: center} 
}  /*needed Final Bracket*/
/* _______________  470 to 509 _______________  */
@media screen and (min-width: 470px) and (max-width: 509px){
html {font-size: 17.30px;}
.container {width: 93%; margin: auto}  
p.centerimage {text-align: center} 
}  /*needed Final Bracket*/
/* _______________  430 to 469 _______________  */
@media screen and (min-width: 430px) and (max-width: 469px){
  html {font-size: 16.90px;}
  .container {width: 93%; margin: auto} 
  p.centerimage {text-align: center} 
  }  /*needed Final Bracket*/
  /* _______________  390 to 429 _______________  */
  @media screen and (min-width: 390px) and (max-width: 429px){
  html {font-size: 16.52px;}
  .container {width: 93%; margin: auto}  
  p.centerimage {text-align: center} 
  .header {padding: .6em .6em .42em .6em}
  p {font-size: .965em} 
  h1 {font-size: 1.56em}   
  h2 {font-size: 1.24em}
  .socialmedia {padding: .5em .5em .48em .5em}
  }  /*needed Final Bracket*/
  /* _______________  250 to 389 _______________  */
  @media screen and (min-width: 250px) and (max-width: 389px){
  html {font-size: 16.10px;}
  p.centerimage {text-align: center} 
  .container {width: 90%; margin: auto}  
  .header {padding:.6em .6em .42em .6em}
  p {font-size: .95em} 
  h1 {font-size: 1.56em}  
  p.headersubtitle1 {font-size: 1.212em; margin-bottom: -.13em}
  p.headersubtitle2 {font-size: 1.212em; margin-bottom: .2em}
  h2 {font-size: 1.21em}
  p.listen {font-size: 1.166em}
  p.below {font-size: 1.05em}
  p.otherinfo {font-size: 1.05em}
  p.navlinks {font-size: 1.042em}
  .socialmedia {padding: .5em .5em .48em .5em}
  p.copyright {font-size: .95em}
body {background-color: #FFE4B3; margin: auto;  max-width: 726px; color: black;} 
/* _______________  710  to 100000 _______________  */   
@media screen and (min-width: 710px) and (max-width: 10000px) {
html {font-size: 20.474px;}   
} /*needed Final Bracket*/
audio::-webkit-media-controls-panel {background-color: #ffffcc;}  
audio{display: block;
max-height: 100%;
max-width: 100%;
margin: auto;
object-fit: contain;}
.container {width: 100%; margin: auto; padding-top: 1.2em;}
.header {background-color: #ffffcc; margin: 0 0 .76em 0; padding: .8em 1em .62em 1em; text-align: center; border: .53em double #990000;-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;}
 .video { width: 100%; height:auto; aspect-ratio: 16 / 9;}
.iceimage {max-width: 100%; height: auto; padding: 0;} 
.text {background-color: #FFE4B3; margin: 0 0 1em 0} 
.comments {background-color: #ffffcc; margin: 1em 0 1em 0; padding: .3em 1em .39em 1em; text-align: left; border: .15em solid #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;}
.navigation {background-color: #ffffcc; margin: 0 0 1em 0; padding: .3em 1em .39em 1em; text-align: center; border: .15em dashed #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em}
.other {margin: 0 0 1em 0; text-align: center; }
.socialmedia {background-color: #ffffcc; margin: 0 0 1em 0;  padding: .13em 1em .39em 1em; text-align: left; border: .15em solid #990000;-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: 
.8em;} 
.footer {background-color: #ffffcc; margin: 0 0 7em 0;  padding: .3em 1em .3em 1em; text-align: center; border: .38em double #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;} 
          /* -- IMAGES -- */
img {max-width: 100%; height: auto; margin-top: .3em; border: .21em solid #990000;}
          /*----------LINKS----------*/
a.toplinks {color: #4d4dff; font-weight: bold; font-size: 1.03em}
a.toplinks:visited {color: #9999ff;}
a.toplinks:hover {color: #009900; text-decoration: none;}
a.navlink {color: #0000ff; font-weight: bold}
a.navlink:visited {color: #8080ff;}
a.navlink:hover {color: #009900; text-decoration: none;}
a.intext {color: #0000e6}
a.intext:visited {color: #8080ff}
a.intext:hover {color:#009900; text-decoration: none;}
          /*----------TEXT----------*/
h1 {font-family: Georgia, serif; color: #b30000; font-size: 11.7em; font-style: italic; margin: 0 0 -06em 0; text-align: center}
h2 {font-family: Georgia, serif; color: #b30000; font-size: 1.346em; margin: 0; font-weight: bold; text-align: center}
h3 {font-family: Georgia, serif; color: #b30000; font-size: 1.31em; margin: .27em 0 0 0; font-weight: bold; text-align: center}
h4 {font-family: Georgia, serif; color: #b30000; font-size: 1.2em; margin: 0 0 0 0; font-weight: bold; text-align: left}
p {font-family: Verdana, sans-serif; font-size: 1em; line-height: 1.4; margin: 0 0 .28em 0; color: #000000;}
p.headersubtitle1 {font-family: Georgia, serif;  font-weight: normal; font-size: 1.254em; color: /*#990000;*/#b30000; line-height: 1.17; margin: 8em 1em -.1em 0; padding: 0; text-align: center}
p.headersubtitle2 {font-family: Georgia, serif;  font-weight: normal;font-size: 1.254em; color: #b30000; line-height: 1.17; margin: .3em 0 .1em 0; padding: 0; text-align: center}
p.toplinks {font-size: 1.146em; text-align: center; font-family: Georgia, serif; font-style: normal; font-weight: bold; margin-bottom: 0}
p.navlinks  {font-size: 1.11em; text-align: center; font-family: Georgia, serif; font-style: normal; font-weight: bold; margin-bottom: 0}
p.listen {font-family: Georgia, serif; margin-bottom: .3em; font-size: 1.172em; text-align: center; color: #b30000;}
p.afteraudio {margin-top: 2%}
p.signature {font-style: italic; margin-left: 2em}
p.below {font-family: Georgia, serif; margin-top:0; margin-bottom: .0em; font-size: 1.24em; text-align: center; color: #b30000; font-weight: bold}
p.otherinfo {font-family: Georgia, serif; font-size: 1.2em; line-height: 1.4; margin: .09em 0 .25em 0; color:#b30000; font-weight: bold; text-align: center}
p.copyright {font-family: Verdana, sans-serif; font-size: 1.05em; line-height: 1.4; margin: 0 0 0 0; color: #000000}
p.centerimage {text-align: center} 
p.centre {font-family: Georgia, serif; text-align: center; color: #b30000; margin: .17em 0 0 0; font-size: 1.2em;}
p.centrevideo {text-align: center; margin-bottom: 1em}
p.anchor {font-size: .0001em; margin: 0 0 0 0; line-height: 0; color: black;}
p.index {/*font-family: Georgia, serif;*/ font-size: 1.02em; text-indent: 1.4em;}
p.archives {/*font-family: Georgia, serif;*/ font-size: 1.05em; margin-left: .4em;}
p.coming {font-size: 1.1em;  margin-bottom: -.07em}
p.note {color:#b30000;}
p.poem {margin: 0 0 .18em 0;}
p.poemstanzabreak {margin: 0 0 11.6em 0;}
p.shortbottom {margin: 0 0 -.15em 0} 
p.longbottom {margin: 0 0 .55em 0}
p.invisible {font-size: .5em; color:#FFE4B3}  
p.invisibleshort {font-size: .3em; color:#FFE4B3}  
/*----------HR----------*/
hr {border-top: .1em solid red; border-right: .1em solid #ffe4b3; border-left: .1em solid #ffe4b3; 
border-bottom: .1em solid red; width: 69%;  height: .16em; text-align: center; margin: .72em auto .35em auto;} 
          /*----------SPANS----------*/
.italic {font-style: italic}
.bold {font-weight: bold}
.linkblue {color: #0000ff} 
.thinspace {font-size: .01em}
.underline {text-decoration: underline}
.indexnumbers {color: #cc0000; font-weight: bold; }
.noitalics {font-style: normal}
 .green {color: #009900}
 .red {color:#ff0000} 
 .bullet {font-size: 1.25em} 
          /*----------BREAKPOINTS----------*/
  /*_______________  670 to 709 _______________  */
@media screen and (min-width: 670px) and (max-width: 709px){
html {font-size: 18.20px;}
.container {width: 93%; margin: auto}
}  /*needed Final Bracket*/
/* _______________  630 to 669 _______________  */
@media screen and (min-width: 630px) and (max-width: 669px){
html {font-size: 18px}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  590 to 629 _______________  */
@media screen and (min-width: 590px) and (max-width: 629px){
html {font-size: 18px;}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  550 to 589 _______________  */
@media screen and (min-width: 550px) and (max-width: 589px){
html {font-size: 17.96px;}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  510 to 549 _______________  */
@media screen and (min-width: 510px) and (max-width: 549px){
html {font-size: 17.67px;}
.container {width: 93%; margin: auto}  
p.centerimage {text-align: center} 
}  /*needed Final Bracket*/
/* _______________  470 to 509 _______________  */
@media screen and (min-width: 470px) and (max-width: 509px){
html {font-size: 17.30px;}
.container {width: 93%; margin: auto}  
p.centerimage {text-align: center} 
}  /*needed Final Bracket*/
/* _______________  430 to 469 _______________  */
@media screen and (min-width: 430px) and (max-width: 469px){
  html {font-size: 16.90px;}
  .container {width: 93%; margin: auto} 
  p.centerimage {text-align: center} 
  }  /*needed Final Bracket*/
  /* _______________  390 to 429 _______________  */
  @media screen and (min-width: 390px) and (max-width: 429px){
  html {font-size: 16.52px;}
  .container {width: 93%; margin: auto}  
  p.centerimage {text-align: center} 
  .header {padding: .6em .6em .42em .6em}
  p {font-size: .965em} 
  h1 {font-size: 1.56em}   
  h2 {font-size: 1.24em}
  .socialmedia {padding: .5em .5em .48em .5em}
  }  /*needed Final Bracket*/
  /* _______________  250 to 389 _______________  */
  @media screen and (min-width: 250px) and (max-width: 389px){
  html {font-size: 16.10px;}
  p.centerimage {text-align: center} 
  .container {width: 90%; margin: auto}  
  .header {padding:.6em .6em .42em .6em}
  p {font-size: .95em} 
  h1 {font-size: 1.56em}  
  p.headersubtitle1 {font-size: 1.212em; margin-bottom: -.13em}
  p.headersubtitle2 {font-size: 1.212em; margin-bottom: .2em}
  h2 {font-size: 1.21em}
  p.listen {font-size: 1.166em}
  p.below {font-size: 1.05em}
  p.otherinfo {font-size: 1.05em}
  p.navlinks {font-size: 1.042em}
  .socialmedia {padding: .5em .5em .48em .5em}
  p.copyright {font-size: .95em}
body {background-color: #FFE4B3; margin: auto;  max-width: 726px; color: black;} 
/* _______________  710  to 100000 _______________  */   
@media screen and (min-width: 710px) and (max-width: 10000px) {
html {font-size: 20.474px;}   
} /*needed Final Bracket*/
audio::-webkit-media-controls-panel {background-color: #ffffcc;}  
audio{display: block;
max-height: 100%;
max-width: 100%;
margin: auto;
object-fit: contain;}
.container {width: 100%; margin: auto; padding-top: 1.2em;}
.header {background-color: #ffffcc; margin: 0 0 .76em 0; padding: .8em 1em .62em 1em; text-align: center; border: .53em double #990000;-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;}
 .video { width: 100%; height:auto; aspect-ratio: 16 / 9;}
.iceimage {max-width: 100%; height: auto; padding: 0;} 
.text {background-color: #FFE4B3; margin: 0 0 1em 0} 
.comments {background-color: #ffffcc; margin: 1em 0 1em 0; padding: .3em 1em .39em 1em; text-align: left; border: .15em solid #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;}
.navigation {background-color: #ffffcc; margin: 0 0 1em 0; padding: .3em 1em .39em 1em; text-align: center; border: .15em dashed #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em}
.other {margin: 0 0 1em 0; text-align: center; }
.socialmedia {background-color: #ffffcc; margin: 0 0 1em 0;  padding: .13em 1em .39em 1em; text-align: left; border: .15em solid #990000;-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: 
.8em;} 
.footer {background-color: #ffffcc; margin: 0 0 2em 0;  padding: .3em 1em .3em 1em; text-align: center; border: .38em double #990000; 
-moz-border-radius: .8em; -webkit-border-radius: .8em; border-radius: .8em;} 
          /* -- IMAGES -- */
img {max-width: 100%; height: auto; margin-top: .3em; border: .21em solid #990000;}
          /*----------LINKS----------*/
a.toplinks {color: #4d4dff; font-weight: bold; font-size: 1.03em}
a.toplinks:visited {color: #9999ff;}
a.toplinks:hover {color: #009900; text-decoration: none;}
a.navlink {color: #0000ff; font-weight: bold}
a.navlink:visited {color: #8080ff;}
a.navlink:hover {color: #009900; text-decoration: none;}
a.intext {color: #0000e6}
a.intext:visited {color: #8080ff}
a.intext:hover {color:#009900; text-decoration: none;}
          /*----------TEXT----------*/
h1 {font-family: Georgia, serif; color: #b30000; font-size: 1.7em; font-style: italic; margin: 0 0 -06em 0; text-align: center}
h2 {font-family: Georgia, serif; color: #b30000; font-size: 1.346em; margin: 0; font-weight: bold; text-align: center}
h3 {font-family: Georgia, serif; color: #b30000; font-size: 1.31em; margin: .27em 0 0 0; font-weight: bold; text-align: center}
h4 {font-family: Georgia, serif; color: #b30000; font-size: 1.2em; margin: 0 0 0 0; font-weight: bold; text-align: left}
p {font-family: Verdana, sans-serif; font-size: 1em; line-height: 1.4; margin: 0 0 .28em 0; color: #000000;}
p.headersubtitle1 {font-family: Georgia, serif;  font-weight: normal; font-size: 1.254em; color: /*#990000;*/#b30000; line-height: 1.17; margin: 8em 1em -.1em 0; padding: 0; text-align: center}
p.headersubtitle2 {font-family: Georgia, serif;  font-weight: normal;font-size: 1.254em; color: #b30000; line-height: 1.17; margin: .3em 0 .1em 0; padding: 0; text-align: center}
p.toplinks {font-size: 1.146em; text-align: center; font-family: Georgia, serif; font-style: normal; font-weight: bold; margin-bottom: 0}
p.navlinks  {font-size: 1.11em; text-align: center; font-family: Georgia, serif; font-style: normal; font-weight: bold; margin-bottom: 0}
p.listen {font-family: Georgia, serif; margin-bottom: .3em; font-size: 1.172em; text-align: center; color: #b30000;}
p.afteraudio {margin-top: 2%}
p.signature {font-style: italic; margin-left: 2em}
p.below {font-family: Georgia, serif; margin-top:0; margin-bottom: .0em; font-size: 1.24em; text-align: center; color: #b30000; font-weight: bold}
p.otherinfo {font-family: Georgia, serif; font-size: 1.2em; line-height: 1.4; margin: .09em 0 .25em 0; color:#b30000; font-weight: bold; text-align: center}
p.copyright {font-family: Verdana, sans-serif; font-size: 1.05em; line-height: 1.4; margin: 0 0 0 0; color: #000000}
p.centerimage {text-align: center} 
p.centre {font-family: Georgia, serif; text-align: center; color: #b30000; margin: .17em 0 0 0; font-size: 1.2em;}
p.centrevideo {text-align: center; margin-bottom: 1em}
p.anchor {font-size: .0001em; margin: 0 0 0 0; line-height: 0; color: black;}
p.index {/*font-family: Georgia, serif;*/ font-size: 1.02em; text-indent: 1.4em;}
p.archives {/*font-family: Georgia, serif;*/ font-size: 1.05em; margin-left: .4em;}
p.coming {font-size: 1.1em;  margin-bottom: -.07em}
p.note {color:#b30000;}
p.poem {margin: 0 0 .18em 0;}
p.poemstanzabreak {margin: 0 0 .5em 0;}
p.shortbottom {margin: 0 0 -.15em 0} 
p.longbottom {margin: 0 0 .55em 0}
p.invisible {font-size: .5em; color:#FFE4B3}  
p.invisibleshort {font-size: .3em; color:#FFE4B3}  
/*----------HR----------*/
hr {border-top: .1em solid red; border-right: .1em solid #ffe4b3; border-left: .1em solid #ffe4b3; 
border-bottom: .1em solid red; width: 69%;  height: .16em; text-align: center; margin: .72em auto .35em auto;} 
          /*----------SPANS----------*/
.italic {font-style: italic}
.bold {font-weight: bold}
.linkblue {color: #0000ff} 
.thinspace {font-size: .01em}
.underline {text-decoration: underline}
.indexnumbers {color: #cc0000; font-weight: bold; }
.noitalics {font-style: normal}
 .green {color: #009900}
 .red {color:#ff0000} 
 .bullet {font-size: 1.25em} 
          /*----------BREAKPOINTS----------*/
  /*_______________  670 to 709 _______________  */
@media screen and (min-width: 670px) and (max-width: 709px){
html {font-size: 18.20px;}
.container {width: 93%; margin: auto}
}  /*needed Final Bracket*/
/* _______________  630 to 669 _______________  */
@media screen and (min-width: 630px) and (max-width: 669px){
html {font-size: 18px}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  590 to 629 _______________  */
@media screen and (min-width: 590px) and (max-width: 629px){
html {font-size: 18px;}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  550 to 589 _______________  */
@media screen and (min-width: 550px) and (max-width: 589px){
html {font-size: 17.96px;}
.container {width: 93%; margin: auto}   
}  /*needed Final Bracket*/
/* _______________  510 to 549 _______________  */
@media screen and (min-width: 510px) and (max-width: 549px){
html {font-size: 17.67px;}
.container {width: 93%; margin: auto}  
p.centerimage {text-align: center} 
}  /*needed Final Bracket*/
/* _______________  470 to 509 _______________  */
@media screen and (min-width: 470px) and (max-width: 509px){
html {font-size: 17.30px;}
.container {width: 93%; margin: auto}  
p.centerimage {text-align: center} 
}  /*needed Final Bracket*/
/* _______________  430 to 469 _______________  */
@media screen and (min-width: 430px) and (max-width: 469px){
  html {font-size: 16.90px;}
  .container {width: 93%; margin: auto} 
  p.centerimage {text-align: center} 
  }  /*needed Final Bracket*/
  /* _______________  390 to 429 _______________  */
  @media screen and (min-width: 390px) and (max-width: 429px){
  html {font-size: 16.52px;}
  .container {width: 93%; margin: auto}  
  p.centerimage {text-align: center} 
  .header {padding: .6em .6em .42em .6em}
  p {font-size: .965em} 
  h1 {font-size: 1.56em}   
  h2 {font-size: 1.24em}
  .socialmedia {padding: .5em .5em .48em .5em}
  }  /*needed Final Bracket*/
  /* _______________  250 to 389 _______________  */
  @media screen and (min-width: 250px) and (max-width: 389px){
  html {font-size: 16.10px;}
  p.centerimage {text-align: center} 
  .container {width: 90%; margin: auto}  
  .header {padding:.6em .6em .42em .6em}
  p {font-size: .95em} 
  h1 {font-size: 1.56em}  
  p.headersubtitle1 {font-size: 1.212em; margin-bottom: -.13em}
  p.headersubtitle2 {font-size: 1.212em; margin-bottom: .2em}
  h2 {font-size: 1.21em}
  p.listen {font-size: 1.166em}
  p.below {font-size: 1.05em}
  p.otherinfo {font-size: 1.05em}
  p.navlinks {font-size: 1.042em}
  .socialmedia {padding: .5em .5em .48em .5em}
  p.copyright {font-size: .95em}
  /*needed Final Bracket*/