body {
 margin: 0em;
 padding: 0em;
 background-color: #021636;
 color: white;
 font-family: arial, verdana, sans-serif;
}

td {
  font-family: arial, verdana, sans-serif;
}

blockquote {
  font-size: 90%;
  text-align: left;
}

a {
  color: #ff9900;
  text-decoration: none;
}

a:hover {
  color: #993300;
}

.center {
  text-align: center;
}

.shadowedHeader {
  background-color: #f8f8f8;
  color: #000000;
  font-size: 115%;
  font-weight: bold;
  border: 2px solid #021636;
  padding: 0.5em;
}

.table #layout {
  width: 100%;
  border-spacing: 0px;
  empty-cells: show;
}

.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

#moonpic {
 padding-top: 0px;
 padding-left: 0px;
 padding-bottom: 10px;
 text-align:left;
 max-width: 100%;
 height: auto;
}
.award {
 padding-top: 0em;
 padding-bottom: 0em;
 text-align: center>;
 max-width: 100%;
 height: auto;
}
.award .A {
 max-width: 100%;
 height: auto;
}

#quotepic {
 padding-top: 0px;
 padding-bottom: 10px;
 text-align:center;
 valign: center;
 max-width: 100%;
 height: auto;
}

#left {
  vertical-align: top;
  width: 25%;
  min-width: 0px;
}

#left div.box {
  margin: 2em;
  padding: 0.2em 1em 1em 1.4em;
  border-style: solid;
  border-color: #CA0000;
  border-width: 1px;
  background-color: #e8c888;
  color: black;
  text-align: left;
  font-size: 85%;
}

#left div.box h1 {
  font-size: 115%;
  font-weight: bold;
  text-align: center;
}

#left div.box a {
  text-decoration: underline;
  text-align: left;
  color: #993300;
}

#left div.box a:hover {
  color: #ff9900;
}

#left div.topbox {
  margin: 2em;
  padding: 0.2em 1em 1em 1.4em;
  border-style: solid;
  border-color: #CA0000;
  border-width: 3px;
  background-color: #e8c888;
  color: black;
  text-align: left;
  font-size: 85%;
}

#left div.topbox h1 {
  font-size: 115%;
  font-weight: bold;
  text-align: center;
}

#left div.topbox a {
  text-decoration: underline;
  text-align: left;
  color: #993300;
}

#left div.topbox a:hover {
  color: #ff9900;
}

#center {
  vertical-align: top;
  width: 50%;
  margin: 0em;
  padding: 0em;
  border-style: solid;
  border-color: #993300;
  border-width: 1px;
}

/* search styling */

#searchagain {
  margin: 2em;
  margin-bottom: 3em;
  padding: 1em 1em 1em 1em;
  text-align: center;
  font-size: 115%;
}

.search-subheader {
  margin-bottom: 1em;
  margin: 1em; 
  padding: 1em;
  text-align: center;
}

.search-results {
  margin-left: 2em;
  margin-right: 2em;
}

.search-results .search-results-highlight {
    background: #ff9;
}

.search-result {
  border-bottom: 0.25em solid #021636;
}


.search-result-header {
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 110%;
}

.search-result-body {
  margin-bottom: 0.5em;
}

.search-result-footer {
  margin-bottom: 1em;
}

.search-prev-next {
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 100%;
    font-weight: bold;
    text-align: center
}

.foundcomment {
}

/* end search styling */

#right {
  vertical-align: top;
  width: 25%;
  min-width: 0px;
}

#right a {
  color: #ff9900;
}

#right a:hover {
  color: #993300;
}

#right input {
  background-color: #dee3e9;
}

#right div.box {
  margin: 2em; 
  padding: 0em;
  color: white;
  text-align: center;
  font-size: 85%;
  font-weight: normal;
}

#right div.box h1 {
  font-size: 115%;
  font-weight: bold;
  text-color: #f8f8f8;
  text-align: center;
}

#induleft {
  vertical-align: top;
  width: 18%;
  min-width: 0px;
}

#inducenter {
  vertical-align: top;
  width: 64%;
}

#induright {
  vertical-align: top;
  width: 18%;
  min-width: 0px;
}

#commentators {
  width: 100%;
  font-family: Arial, sans-serif;
  font-size: small;
  line-height: 100%;
}

.link-note {
	font-family: Arial, sans-serif;
	font-size: 85%;
        font-weight: bold;
	line-height: 100%;
	text-align: center;
        padding: 5px;
}

#content { 
  background-color: #dee3e9;
  color: #000000;
  padding: 1.5em;
  font-family: georgia, verdana, arial, sans-serif;
}


.content img {
  width: 100%;
  height: auto;
} 

.content p {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height: 150%;
	text-align: left;
	margin-bottom: 10px;
	}

.content p.posted {
	color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	text-align: left;
	margin-bottom: 25px;
	line-height: normal;
	}

.content blockquote {
	line-height: 150%;
	}

.content li {
	line-height: 150%;
	}

.content h2 {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: large;
	border-bottom: 1px solid #000000;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 3px;
	}

.content h3 {
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: large;
	text-align: left;
	font-weight: bold;
	margin-bottom: 10px;
	}

#content div.title {
  font-size: 130%;
  font-weight: bold;
  padding: 1em 0em 0.5em;
}

#content div.posted {
  font-family: arial, verdana, sans-serif;
  padding-bottom: 1em;
}

#content a {
  color: #993300;
  text-decoration: underline;
}

#content a:link {
  color: #993300;
}

#content a:hover {
  color: #FF9900;
}

#content hr {
  color: #021636;
  background-color: #021636;
  height: 0.2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 80%;
  text-align: center;
}

#content hr.small {
  margin-left: 25%;
  margin-right: 25%;
  width: 50%;
}

div.comments-body {
  margin-left: 2em;
  margin-right: 2em;
  border-bottom: 0.25em solid #021636;
  font-size: 90%; 
}

#comments-body p a { display: inline-flex; word-break: break-all; 
}

.entry-footer {
  margin-left: 2em;
  margin-right: 2em;
  border-bottom: 0.25em solid #021636;
  font-size: 90%;
}

.comment-footer {
  margin-left: 2em;
  margin-right: 2em;
  border-bottom: 0.25em solid #021636;
  font-size: 90%;
}

div.comments-body blockquote {
  font-size: 90%;
  text-align: left;
}

div.comments-entry {
  margin-left: 2em;
  margin-right: 2em;
  font-size: 90%
}

#navbar {
  margin-top: 1em;
  font-size: 20px;
  padding: 1em;
  color: #f8f8f8;
  text-align: center;
  font-weight: bold;
 }

#navbar a {
  color: #f8f8f8;
}

#navbar a:hover {
  color: #f8f8f8;
}

.spacer {
  margin: 2em;
}

form#comments_form {
  margin-top: 2em;
}

form#comments_form td {
  color: black;
}

form#comments_form .label {
  font-size: 100%;
  font-weight: bold;
  font-family: arial, verdana, sans-serif;
}

form#comments_form .instructions {
  font-size: 70%;
}

form#comments_form input.button {
  margin: 1em;
}

form#comments_form input#post {
  font-weight: bold;
}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
  	}

textarea[id="comment-text"] {
	width: 100%;
	}

#comment-preview-avatar { display: none; }

/* small screens < 600px */
@media (max-width:600px) {
  #layout { display:block; padding: 0 1vw;  }

  /* prevent images from being too wide */
  img { max-width: 100%; width: auto; height: auto; }

  /** 
   * change display type for the table rows
   *  (both the layout table and the table used for the comments form) 
   * force the content to flow verticaly
   */
  #layout > tbody > tr,
  #comments-open-content tr { display: flex; flex-flow: column; }
  #layout > tbody > tr > td { display: block; width: auto; max-width: 100%; }

  /* front page, reorder the blocks: main content column first, then the side bars below */
  #layout #center,
  #layout #inducenter { order: 1; }
  #layout td { order: 2; }

  /* comments a little larger */
  div.comments-body { margin: 0; }
}

/* ph=1 */