div.post-body h1, div.post-body h2, div.post-body h3, div.post-body h4, div.post-body h5, div.post-body h6 {
  font-weight:bold;
  margin: 12px 0px 12px 0px;
}

div.post-body h1 {
    font-size: 20px;
}
div.post-body h2 {
    font-size: 19px;
}
div.post-body h3 {
    font-size: 15px;
    margin: 9px 0px 9px 0px;
}
div.post-body h4 {
    font-size: 13px;
    margin: 8px 0px 8px 0px;
}

div.post-body p.small, p.small {
    font-size: 80%;
    margin: 5px 0px 5px 0px;
}



div.post-body {
  margin-left: 0px;
  margin-right: 0px;
}

/*div.post-body br {
  line-height: 5px;
}*/

h1.post-title {
  margin: 4px 0px 10px 0px;
  line-height: 1.2;
  font-size: 21px;
}

div#posts div.post h2.blog-title {
  margin-bottom: 15px;
}

div#posts div.post {
    background-color: #FDFDFD;
    padding: 3px 5px;
    margin-bottom: 15px;
}

div#posts li {
    margin-bottom: .7em;
}

div#posts p  {
  margin: 9px 0px 9px 0px;
  /* top right bottom left*/
}

div#comments p  {
  margin: 2px 0px 9px 0px;
  /* top right bottom left*/
  
  /* the top and bottom margins of paragraphs overlap. the smaller top margin just lowers the margin above the first paragraph. it doesn't affect the space between paragraphs. */
}


img {
    max-width: 100%;
}


    
br {
    display: block; /* makes it have a width */
    content: ""; /* clears default height */
    margin-top: 12px; /* change this to whatever height you want it */
}

blockquote .ident {
    padding-left: 12px;
    border-left: 1px solid #000;
    margin-left: 5px;
}


div#posts blockquote {
    padding: .5em;
    margin-top: 9px;
    margin-left: 14px;
    margin-bottom: 7px;
    margin-right: 35px;
/*    background-color: #FFEFC0;*/
	background-color: #FFF6DB;
}

span.yellow {
	background-color: #FFF6DB;
}

span.quote {
    padding: .5em;
    margin-top: 9px;
    margin-left: 14px;
    margin-bottom: 7px;
    margin-right: 35px;
/*    background-color: #FFEFC0;*/
  background-color: #FFF6DB;
  display: block; /* makes it have a width */
  
}

div#posts blockquote.nested {
  border: 1px solid black;
}

div#posts blockquote.bluegreen, div#posts blockquote.blue, span.bluegreen, div#posts div.bluegreen blockquote {
/*    background-color: #DAFFFF;*/
	background-color: #E0FFFF;
}

div#posts blockquote.red, span.red, div#posts div.red blockquote {
/*    background-color: #FFCFCF;*/
	background-color: #FFEBEB;
}

div#posts blockquote.green, span.green, div#posts div.green blockquote {
/*    background-color: #BFFF97;*/
    background-color: #DCFFC7;
}



div#posts .blue_text {
    color: #4469DD;
}


div#posts h1.post-title a.underline {
    text-decoration: underline;
}

div#posts div.oldquote, div#posts blockquote.old {
    padding: .5em;
    margin-top: 13px;
    margin-left: 18px;
    margin-bottom: 0px;
    margin-right: 40px;
    background-color: #FFF6DB;
}

div#posts div.quote1 {
    padding: .5em;
    margin-top: 13px;
    margin-left: 18px;
    margin-bottom: 10px;
    margin-right: 40px;
/*    background-color: #F99;*/
    background-color: #FFEBEB;
}

div#posts div.quote2 {
    padding: .5em;
    margin-top: 13px;
    margin-left: 18px;
    margin-bottom: 10px;
    margin-right: 40px;
/*    background-color: #9F9;*/
    background-color: #DCFFC7;
}

div#posts div.quote3 {
    padding: .5em;
    margin-top: 13px;
    margin-left: 18px;
    margin-bottom: 10px;
    margin-right: 40px;
/*    background-color: #99F;*/
    background-color: #E0FFFF;
}




div#comments div.comment-white {
    background-color: #FDFDFD;
    padding: .6em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-bottom: .8em;
}
div#comments div.comment-grey {
/*    background-color: #FDEDAF;*/
    background-color: #FCECCA;  

/*background-color: #FCECC8;*/
    padding: .6em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;  
    margin-bottom:.8em;
}

div#comments img.markdown-image {
  max-width: 100%;
  max-height: 500px;
  object-fit: scale-down;
  /*  height: auto;*/
}


div#posts h1.post-title a {
    color: #292929;
}
div#posts h1.post-title a:hover {
    color: #888;
/*color: #D64D4D;*/
    background-color: #FFF;
}

a:hover.no-hover {
  color: inherit !important;
  background-color: inherit !important;
}


div#posts strong {
    font-weight: bold;
/*    margin: 10em;*/
}

div.posted-by{
/*    padding: .8em;*/
/*    padding-bottom:0;*/
    margin: 0;
    font-size: .7em;
}

div .post-attribution {
	padding: .2em .8em 0 .8em;
}


div.comment-attribution{
    padding: .2em .8em 0 .8em;
    font-size: .7em;
}

#prev_next_home_post_page {
/*    font-weight: bold;*/
    font-size: 15px;
    line-height: 17px;
    padding: 7px 0px 7px 0;
    background-color: #FFF;
/*    border: 1px solid #000;*/
    border: 1px solid #EBEAE9;

    margin-bottom: 10px;
    text-align: center;
max-width: 849px;
/* minus 1 pixel cuz border*/
}




div.post-body table {
  border: 1px solid black;
  padding: 2px;
}

div.post-body th {
  border: 1px solid black;
  padding: 2px;
  text-align: center;
}

div.post-body td {
  border: 1px solid black;
  padding: 1px 3px 1px 3px;
}



table#recent_comments, table#recent_topics {
  border-collapse: collapse;
  border-spacing: 5px;
  width: 100%;
/*  table-layout:fixed;*/
}

table#recent_topics {
  margin-bottom: 20px;
}

table#recent_comments td, table#recent_topics td {
  border: 1px solid black;
  padding: 5px;
  background-color: white;
  word-wrap: break-word;
  max-width: 500px;
}

table#recent_comments th, table#recent_topics th {
  padding-left: 5px;
}


div#posts ul.bullet_list {
  list-style: disc;
}

div#posts ul.bullet_list {
  margin-left: 20px;
}

hr {
  height: 1px;
  border: none;

/*  Lulie colors. original was black. */
/*  color: #E3E3E3;*/
/*  background-color: #E3E3E3;*/

  color: #D0D0D0;
  background-color: #D0D0D0;
  margin-top: 15px;
  margin-bottom: 15px;
}

div#comments div.comment-grey hr {
/*  color: #D3C8AF;*/
  background-color: #D3C8AF;
}

hr.comment-attribution-separator {
  margin: 0px 0px 2px 0px;
}

hr.end_post {
  margin: 8px 0px 2px 0px;
  /*top right bottom left*/
}


h1.preview {
  font-size: 175%;
  line-height: 27px !important;
  background-color: #FFFF00;
  padding: 5px 5px 5px 8px;
}

p#comment_note {
  font-size: 9px;
  line-height: 9px;
  margin-bottom: 3px;
  margin-top: 3px;
}

div#post-comment p.comment_note_2 {
  padding-top: 6px;
  padding-bottom: 3px;
  font-size: 11px;
  line-height: 11px;
  margin-bottom: 3px;
  line-height: 135%;
}

h3#comment_prompt {
  margin-bottom: 4px;
}

h4.comment-title {
  margin: 0 0 4px 0;
}


textarea#comment_argle {
/*  width: 40em;*/
/*  height: 32em;*/
/*}*/
/*textarea.autogrow {*/
/*  resize: none !important;*/
	min-width: 440px !important;
	min-height: 200px !important;
  max-height: 1000px !important;
  margin-top: 5px;
  padding: 3px;
	overflow: hidden;
	box-sizing: border-box !important;
	
	
	/* remove blue border */
	outline:0px !important;
	-webkit-appearance:none; 
}




.real-elliot {
    color: #007A5A !important;
}

.soft-wrap {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
}




span.quote-1 {
	/* green */
	color: #007A5A;
}

span.quote-2 {
	/* blue */
	color: #1043A9;
}

span.quote-3 {
	/* purple */
	color: #801092;
}

span.quote-4 {
	/* brown */
/*	color: #821414;*/
/*  color: #A61A60;*/
  color: #996633;
}

span.quote-n {
/*  color: #A61A60;*/
	color: #797979;
}





/*
	input[type=text] {
	  -webkit-appearance: none; -moz-appearance: none;
	  display: block;
	  margin: 0;
	  width: 100%; height: 20px;
	  line-height: 18px; font-size: 12px;
	  border: 1px solid #bbb;
	}

	textarea {
	  -webkit-appearance: none; -moz-appearance: none;
	  display: block;
	  margin: 0;
	  width: 18em !important; height: 12em !important;
	  line-height: 16px; font-size: 12px;
	  border: 1px solid #bbb;
	}


}

*/





/* when there's a link to an anchor, set css on the anchor element. allows highlighting the right comment for comment links. this visually highlights the div immediately after the anchor link */

/* , :target > div.comment */

:target.comment {
  border: 7px solid #292929 !important;
/*  background-color: #8D8 !important;*/
}


/* got Apple Chanercy working from https://www.onlinewebfonts.com/download/596ad608a41bd28960c777827cdd6af1 */