body
 {margin: 0px;
 background-color: #D18305;}

fieldset
 {border: 0px;}

.separator
 {margin: auto;
 display: block;
 margin-top: 0.5em;
 margin-bottom: 0.5em;}
 
.page h1, .page h2, .page h3
 {text-align: center;
 font-family: georgia;}

.post-content .button-link
 {text-decoration: none;
 color: white;
 font-weight: bold;
 margin: auto;
 background-color: #CC4D08;
 border-radius: 3px;
 padding: 0.5em 1em 0.5em 1em;}

.post-content a,
.post-list-item a
 {color:#D18305;}

#home
 {width: 100vw;
 height: 100vh;
 display:table-cell;
 vertical-align:middle;
 text-align:center;
 background-color: white;
 color: #222;}

#home h1
    {font-family: georgia;
    text-transform: uppercase;
    font-size:0.95em}

#home img
    {width: 25%;
    margin:1em;}

#home ul
    {list-style-type: none;
    margin: 0px;
    margin-top:2em;
    padding: 0px;}

#home li
    {display: inline;
    text-transform: uppercase;
    margin:0.5em;}
    
#home a
    {font-family: georgia;
    text-decoration: none;
    background-color: #DDD;
    padding:0.5em;
    width: 150px;
    display: inline-block;
    color: #222;
    font-size: 0.9em;
    margin-bottom: 0.5em}

#home a:hover
    {box-shadow: inset 0px -2px 0px black;}
    
#banner
 {text-align: center;
 background-color: white;}

#banner img
 {height: 200px;}

#navigation a, #footer a
 {color: black;
 text-transform: uppercase;
 text-decoration: none;
 height: 100%;}

#navigation
 {background-color: white;
 border-top: 1px solid white;
 border-bottom: 1px solid white;
 text-align: center;}

#navigation ul
 {padding: 0px;
 margin: 0px;}

#navigation ul li
 {display: inline-block;
 padding: 1em;
 height: 100%;}

#navigation .nav_hl
 {border-bottom: 2px solid black;}

#content, #post-content, #banner
 {border-top: 1px solid transparent;
 border-bottom: 1px solid transparent;
 background-color: white;}

#wrapper
 {background-color: white;
 background-image:url('/main-background.jpg');
 background-position: top center;
 background-size: 100%;}

#content
 {overflow: auto;
 width: 768px;
 margin: auto;}

#comments, #send_comment
 {float: left;
 background-color: white;
 width: 50%;}

.post-content
 {width: 768px;
 margin: auto;}

#content-info
 {text-align: center;}

#content-info a, .post-title a, .post-info a, a[class=feed], .post-info-co a
 {color: #D18305;}

#comments .comment
 {border: 1px solid #888;
 background-color: white;
 display: block;
 margin: 1em;
 font-family: georgia;
 box-shadow: 0px 3px 5px rgba(0,0,0,0.25);}

#comments .comment_content
 {margin-left: 1em;
 margin-right: 1em;
 text-align: justify;
 font-style: italic;
 color: #666;}

#comments .comment_author
 {text-align: right;
 margin-right: 1em;}

#send_comment input[type=text]
 {float: right;}

#send_comment textarea
 {width: 100%;}

#send_comment .comment_email
 {display :none;}

#send_comment .form-help
 {color: #888;
 font-style: italic;
 font-size: 0.9em;}

#send_comment .remember
 {display: none;}

#footer
 {font-size: 0.8em;
 clear: both;
 background-color: #D18305;}
 
#footer a
    {color: white;}
    
#footer div
 {float: left;
 margin-top: 1em;
 width: 50%;
 color: white;
 text-align: center;}

#footer ul
 {list-style-type: none;
 padding: 0px;}

#footer .nav_hl
 {color: #684102;}

#cr_notice
 {clear: both;
 color: white;
 font-size: 0.66em;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 text-align: center;
 width: 100%;}

#facebook-icon
 {height: 48px;
 margin-top: 1em;}

@media (max-width: 768px) {
  #content, .post, .page {
    #display: block;
    width: 100%;
  }

  .post-content {
    width: 95%;
    margin: auto;
    display: block;
  }

  .separator, .separator img{
    width: 100%;
  }
}

@media all and (orientation: portrait) {
   #home img
    {width: 50%;}

   #home
     {background-color: white;
     position: fixed;
     width: 100%;
     height: 100%;
     top: 0px;
     left: 0px;
     font-size: 2em;}

   #home ul li
    {display: block;}

   #home ul li a
    {width: 25%;}

   #footer, #navigation, #send_comment, #send_comment input, #comments
    {font-size: 1.5em;}

   #send_comment, #comments
    {width: 100%;}

   #send_comment input, #send_comment textarea
    {border: 1px solid black;}

   #banner img
    {width: 50%;
    height: 50%;
    display: inline-block;}  
}