/* OVERRIDE COLORS */

  /* GENERAL SETTINGS */
  body {
  background-color: #FFFBE2;
/*    background: linear-gradient(90deg, #799cec, #3300ff, #366ae2, #1d49cd );*/
/*    background: linear-gradient(90deg, #ffb90f, #ffd700, #daa520, #eedd82 );*/
/*    background-size: 600% 600%;*/
/*    animation:bg 60s linear infinite;*/
      
    color: #2a2a2a;
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; 
  font-size: 1.1em;
    margin: 0;
    padding: 0;
  }
@keyframes bg{0%{background-position:0% 79%}50%{background-position:100% 22%}100%{background-position:0% 79%}}
  hr  
  {
    color: #9A9A8C;
    background-color: #9A9A8C;
  }

  p
  {
    margin: .8em 0 .8em 0;
  }

  textarea
  {
    width: 95%;
    font-size: 1em;
  }

  input, select, option,
  {
    font-size: 1em;
  }

  img {
    border-style: none;
    max-width:95%;
    height: auto;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  img:hover {
   -moz-transform: scale(1.05);
   -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  /* HEADERS */
  h1, 
  {
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;;
    font-weight: bold;
    font-size: 1.1em;
    margin: .3em 0 .3em 0;
    font-size: 1.1em;
  }
 
  /* HEADERS */
  h2, h3, h4, h5, h6
  {
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;;
    font-weight: normal;
    margin: .3em 0 .3em 0;
    font-size: 1.1em;
    font-weight: bold;
  }

 
  /* TYPEOGRAPHY */


.button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 23px;
    border: 1px solid #7f7f81;
    border-radius: 0px;
    background: #c1c1c9;
    background: -webkit-gradient(linear, left top, left bottom, from(#c1c1c9), to(#747475));
    background: -moz-linear-gradient(top, #c1c1c9, #747475);
    background: linear-gradient(to bottom, #c1c1c9, #747475);
    text-shadow: #5b5b5c 0px 2px 2px;
    font: normal normal bold 20px;
    font-family: -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif;
    color: #ffffff;
    text-decoration: none;
}
.button:hover,
.button:focus {
    border: 1px solid #b6b6b8;
    background: #e8e8f1;
    background: -webkit-gradient(linear, left top, left bottom, from(#e8e8f1), to(#8b8b8c));
    background: -moz-linear-gradient(top, #e8e8f1, #8b8b8c);
    background: linear-gradient(to bottom, #e8e8f1, #8b8b8c);
    color: #ffffff;
    text-decoration: none;
}
.button:active {
    background: #747479;
    background: -webkit-gradient(linear, left top, left bottom, from(#747479), to(#747475));
    background: -moz-linear-gradient(top, #747479, #747475);
    background: linear-gradient(to bottom, #747479, #747475);
}


 .fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

 .fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}  
  a { text-decoration: none; }
  a:link, a:visited { color: #CD7A20; }
  a:hover { color: #FF6600; }
  a:active { color: #6329F7; }

  code, pre {
    font-family: 'Courier New', Courier, Fixed;
    font-size: 1.2em;
  }

  pre {
/    max-width: 90%px;
 max-width: 80% ;
    border-color: #9A9A8C;
    overflow: auto;
    border: 1px dotted #777;
    padding: 10px;
    font-family: monospace;
  }
  
  /* HEADERS */
  
  h1, h2, h3, h4, h5, h6 {
    /* color: #DBDBC7; */
  }
  
  blockquote {
    color: #2a2a2a;
    border-color: #9A9A8C;
    padding-left: 1.5em;
    border-left: 5px solid #999999;
    margin: 1.5em 3.0em 0 1.0em;
  }
  
  /* LAYOUT / PLACEMENT */
  
  #page {
    background-color: #DFDBBA;
   / max-width: 100px;
     width: 90%;

    margin: 10px auto 10px auto;
    border: 1px solid #58584E;
  }
  
  #popup {
    max-width: 550px;
    margin: 10px auto 10px auto;
    border: 1px solid #58584E;
    background-color: #DFDBBA;
  }
  
  #header {
    /background-image: url('images/header750x100.jpg');
    /background-repeat: no-repeat;
    /background-position: center 99%; 
    border-style: none;
    min-height: 25px;
    padding: 5px 5px 5px 5px;
    border-bottom: 1px solid #58584E;
    /font-size: 1.3em;
    background-color: #DBDBDB;
    color: #FCFCFC;
    
}
#header br {
  content: "";
  margin: .7em;
  display: block;
  font-size: 24%;
}
#header img { max-width:100%;
              max-height:100%;
              display:block;
	      margin-left: auto;
              margin-right: auto;
            }

  

}

  #pagebody
  {
    margin: 0;
    padding: 0;
  }
  
  #footer {
    color: #FCFCFC;
    background: #8C8C7E;
    font-size: 0.8em;
/*    background-color: #996; */
    background-color: #8C8C7E;
    padding: 10px;
    border-top: 1px solid #58584E;
    clear: both;

  }
  
  /* CONTENT */
  #maincontent
  {
   / max-width: 55px;
    width: 75%;
    padding: 10px;
  
  }
#maincontent .fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#maincontent .fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}


#maincontent .entry,
#maincontent .static,
#maincontent .comment
{
  padding-bottom: 10px;
}


#maincontent .entry .blog_title,
#maincontent .static .blog_title,
#maincontent .comment .blog_title
{
  font-size: 1.3em;
  padding: .3em .5em;
  border-width: 1px 1px 0 1px;
  border-style: solid;
}

#maincontent .blog_title img
{
  /* padding: top right bottom left */
  padding: 0px 10px 0px 0px;
}

#maincontent .blog_title_buttons
{
  /* Edit and Delete buttons in the Blog Title */
  float: right;
  position: relative;
  top: -15px;
  right: 2px;
  display: inline;
}

#maincontent .entry .blog_body,
#maincontent .static .blog_body,
#maincontent .comment .blog_body
{
  line-height: 1.3em;
  padding: 10px;
  margin: 0;
  border: 1px solid #660;
}

#maincontent .entry .blog_body_clear,
#maincontent .static .blog_body_clear,
#maincontent .comment .blog_body_clear
{
  padding: 0px;
  border-color: #FFF;
  border-width: 0px;
  border-style: solid;
}

#maincontent .entry .blog_body_solid,
#maincontent .static .blog_body_solid,
#maincontent .comment .blog_body_solid
{
  padding: 1px;
  border-color: #660;
  background: #fff;
  border-width: 5px;
  border-style: solid;
}

#maincontent .entry .blog_date,
#maincontent .static .blog_date,
#maincontent .comment .blog_date
{
  font-size: .9em;
  margin-bottom: 1em;
}

#maincontent .entry .blog_comment,
#maincontent .static .blog_comment,
#maincontent .comment .blog_comment
{
  padding: .5em;
  border-width: 0 1px 1px 1px;
  border-style: solid;
}

  
  /* REGULAR ENTRY */
  #maincontent .entry .blog_title
  {
    border-color: #95958C;
    color: #2a2a2a;
    background-color: #F0C74C;
  }
  
  #maincontent .entry .blog_body
  {
    border-color: #95958C;
    color: #2a2a2a;
    background-color: #FCFCFC;
  }

  #maincontent .entry .blog_body_solid  {
    border-color: #95958C;
    color: #2a2a2a;
    background-color: #95958C;
  }
  
  #maincontent .entry .blog_comment
  {
    border-color: #95958C;
    color: #2a2a2a;
    background-color: #FCFCFC;
  }
  
  #maincontent .entry .blog_date,
  #maincontent .static .blog_date,
  #maincontent .comment .blog_date
  {
    color: #A6A695;
  }
  
  /* STATIC ENTRY */
  #maincontent .static .blog_title
  {
    border-color: #95958C;
    color: #666661;
    background-color: #BEBEB5;
  }
  
  #maincontent .static .blog_body
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #EEEEEE;
  }
  
  #maincontent .static .blog_comment
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #EEEEEE;
  }
  
  /* COMMENT ENTRY */
  #maincontent .comment .blog_title
  {
    border-color: #95958C;
    color: #666661;
    background-color: #BEBEB5;
  }
  
  #maincontent .comment .blog_body
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #EEEEEE;
  }
  
  #maincontent .comment .blog_comment
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #EEEEEE;
  }
  
  /* SIDEBAR */
  
  #sidebar {
   / max-width: 0px;
    width: 20%;
    float: right;
    padding: 10px;
    background-color: #59594F;
    border-left: 1px #9A9A8C solid;
    border-bottom: 1px #9A9A8C solid;
    border-color: #9A9A8C;
  }
  
  #sidebar .menu_body a { text-decoration: none; }
  #sidebar .menu_body a:link { color: #59594F; }
  #sidebar .menu_body a:visited { color: #59594F; }
  #sidebar .menu_body a:hover { color: #FF6600; }
  #sidebar .menu_body a:active { color: #6329F7; }
  
  #sidebar .menu_title {
    border-color: #DADACE;
    color: #FCFCFC;
    background-color: #959587;
    font-size: 1em;
    padding: .3em .5em;
    margin: 0;
    border-width: 1px;
    border-style: solid;
  }

  #sidebar .menu_title a
  {
    text-decoration: none;
    color: inherit;
  }

  
  #sidebar .menu_body {
    padding: 10px;
    margin: 0;
    border-width: 0 1px 1px 1px;
    border-style: none solid solid solid;

    border-color: #DADACE;
    color: #FCFCFC;
    background-color: #ACACA0;
  }

.blog_ip_address
{
  font-size: 0.8em;
}

#sidebar .calendar
{
  font-size: 0.7em;
}

#sidebar .calendar a
{
  font-weight: bold;
  text-decoration: none;
}

#archive_tree_menu li
{
  margin: 0;
  padding: .5em 0 0 0;
}

                div #toggleSetupLanguage, #toggleSetupGeneral, #toggleSetupEntries, #toggleSetupSidebar, #toggleSetupTrackbacks, #toggleSetupComments, #toggleSetupCompression
                {
                        border-color: #9A9A8C;
                }
@media only screen and (max-width: 700px) {
	 
	#header { width:100%; }
	 
	#maincontent { width:98%; }
	 
	#sidebar { width:98%; }
	 
	} 

@media only screen and (max-width: 480px) {

        #header { width:100%; 
                  
}
 #page {
    background-color: #DFDBBA;
   / max-width: 100px;
     width: 100%; }


        #maincontent { width:98%; }

       #maincontent .entry .blog_body,
       #maincontent .static .blog_body,
       #maincontent .comment .blog_body
	{
	  font-size: 1.1em;
	}

        #sidebar { width:98%; 
		   font-size: 1.1em;
                 }

        }