@charset "UTF-8";
/* CSS Document */


/*------BEGIN MOBILE LAYOUT: 480px and below------*/

img, object, embed, video {
	
max-width: 100%;

}

.ie6 img {
	
width:100%;

}

body {
	
background-color:     #8FBC8F;

/*#BDB76B;*/

}

/*BEGIN CONTAINER BLOCK*/ 

#container { 
	
margin-left: auto;
margin-right: auto;
font-size: 1em;
color: black;  /* #191970; midnightblue*/
font-family: 'Avenir Next', Tahoma, Geneva, sans-serif;
text-align: left;
background-color: inherit;

}

/*END CONTAINER BLOCK*/ 

/*BEGIN CONTENT BLOCK*/ 

#content { 
	
clear: both;
float: left;
width: 92%;
margin: 0 4% 0 4%;
display: block;
padding: 0;
background-color: inherit;
height: auto;

}

/*END CONTENT BLOCK*/ 

/*BEGIN HEADING BLOCK*/

#heading {

margin-top: 0.8em;
padding: 0.2em;
box-sizing: border-box;
border: 2px solid black;
border-radius: 4px;
color: inherit;
display: block;
position: relative;
background-color: #eef8e3;
text-align: center;

}

#heading .Header11Title {

font-weight: bold;
font-size: 1.7em;
letter-spacing: 0.3em;
color: darkgreen;

}

#heading .Header11Life {

font-weight: normal;
color: red;
letter-spacing: none;
font-size: 1.3em;

}

#heading .Header11 {

font-weight: bold;
letter-spacing: 0.3em;
font-size: 1.6em;

}

/*END HEADING BLOCK*/ 

/*MAIN IMAGE*/ 

#content #MainImage { 

width: 100%;
height: auto;
border: 2px solid #eef8e3;
border-radius: 4px;


}

/*END MAIN IMAGE*/ 


/*NAV LINKS & STYLES*/ 

#content #MainNav { 

display: block;
width: 100%;
height: auto;

}

#content #MainNav p { 

text-align: center;

}


a.BodyLink:link { 

text-decoration: none;
padding: 0.1em;
color: #ab3e16;
cursor: pointer; 
font-weight: normal;

} 

a.BodyLink:visited { 

text-decoration: none;
color: #9400d3;

}

a.BodyLink:hover { 

text-decoration: underline; 
color: #2a93d5;
background-color: #eef8e3;

}

a.BodyLink:active  {
	
text-decoration: none;
color: #00ffff;
background-color: #c71585; 

} 

/*END NAV LINKS & STYLES*/ 

/*BEGIN AUTHOR SECTION*/

.author img  {

padding-right: 2%; 
padding-bottom: 2%; 
float: inline-start;

}

/*END AUTHOR SECTION*/

/*BEGIN FOOTER BLOCK*/ 

#footer { 

display: block;
position: relative;
margin-bottom: 0.8em;
padding: 0.2em;
box-sizing: border-box;
border: 2px solid black;
border-radius: 4px;
color: inherit;
background-color: #eef8e3;
width: 100%;
height: auto;
font-size: small;
text-align: center;

}

#footer p.Footer11Title {

font-weight: bold;
font-size: 1.5em;
letter-spacing: 0.1em;
color: darkgreen;
margin-bottom: 0;

}

#footer p.Footer11Life {

font-weight: normal;
color: red;
letter-spacing: none;

}

#footer p.Footer11 {

font-weight: bold;

}

#footer a.BodyLink:hover { 

background-color: #e7cc8f;

}

/*END FOOTER BLOCK*/ 

/*BEGIN BACK TO TOP*/ 

.scroll-up { 
  
position: fixed;
display: none;
bottom: 7px;
right: 7px;
z-index: 999;

}

.scroll-up a {
  
background: #fff;
display: block;
height: 28px;
width: 28px;
text-align: center;
line-height: 28px;
font-size: 14px;
color: #000;
opacity: 0.6;
border-radius: 2px;

}

.scroll-up a:hover, .scroll-up a:active {
  
opacity: 1;
color: #000;

}

@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.7.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
 
.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
 
.fa-angle-double-up:before {
	
content: "\f102"

}

/*END BACK TO TOP*/ 

/*BEGIN HR*/ 

hr { 

/*Gratitude to:*/
/*https://css-tricks.com/simple-styles-for-horizontal-rules/*/
    
overflow: visible; /* For IE */
padding: 0;
border: none;
border-top: medium double #333;
color: #333;
text-align: center;
width: 80%;
margin: 10% 10% 8% 10%;

}

hr:after { 

/*Gratitude to:*/
/*Glyph, by Harry Roberts*/
    
content: "🌸";
display: inline-block;
position: relative;
top: -0.7em;
font-size: 1.5em;
padding: 0 0.25em;
background: inherit;

}

p.PageNav {

text-align: center;
font-size: small;
padding: 0.8em 0 0 0;

}

p.PageNav span {

margin: 0 1.5em 0 1.5em;


}

/*END HR*/ 

/*------BEGIN TABLET LAYOUT: 481px to 768px. Inherits styles from: Mobile Layout------*/

@media only screen and (min-width: 481px) {
	
#container { 
	
font-size: 1.1em;

}
	
/* ------ BEGIN DESKTOP LAYOUT: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. ------ */

@media only screen and (min-width: 769px) {
	
#container { 
	
font-size: 1.2em;

}

#content { 

width: 50%;
margin: 0 25% 0 25%;

} 

#heading img {

width: 90px; 
height: 90px;

}
    
    
}