/* OVERRIDE COLORS */

  /* GENERAL SETTINGS */
  body {
    background-color: #64BD3A;
    color: #323232;
    font-family: 'Lucida sans Unicode', Arial, Helvetica, Sans-Serif;
    font-size: 1em;
    margin: 0;
    padding: 0;
  }

  hr  
  {
    color: #9A9A8C;
    background-color: #9A9A8C;
  }

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


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

  img {
    border-style: none;
    max-width:98%;
    height: auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  img:hover {
   -moz-transform: sacle(1.05);
   -webkit-transform: scale(1.05);
   transform: scale(1.05);
  }

  /* HEADERS */
  h1, h2, h3, h4, h5, h6
  {
    font-family: 'Great Vibes', cursive;
    /*font-weight: bold;*/
    margin: .3em 0 .3em 0;
  }
  
  /* TYPEOGRAPHY */
  

 .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: #29770D; }
  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;
  }
  
  /* HEADERS */
 

 
  h1, h2, h3, h4, h5, h6 {
    /* color: #737367; */
  }
  
  blockquote {
    color: #323232;
    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: #96DC76;
   / 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: #96DC76;
  }
  
  #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: #B6B6A2;
    color: #FFFFFF;
    
}
#header img { max-width:100%;
              max-height:100%;
              display:block;
	      margin-left: auto;
              margin-right: auto;
            }

  

}

  #pagebody
  {
    margin: 0;
    padding: 0;
  }
  
  #footer {
    color: #FFFFFF;
    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: #4E4E43;
    background-color: #B6B6A2;
  }
  
  #maincontent .entry .blog_body
  {
    border-color: #95958C;
    color: #323232;
    background-color: #F2F2EB;
  }

  #maincontent .entry .blog_body_solid  {
    border-color: #95958C;
    color: #323232;
    background-color: #95958C;
  }
  
  #maincontent .entry .blog_comment
  {
    border-color: #95958C;
    color: #323232;
    background-color: #F2F2EB;
  }
  
  #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: #B6B6A2;
  }
  
  #maincontent .static .blog_body
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #F2F2EB;
  }
  
  #maincontent .static .blog_comment
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #F2F2EB;
  }
  
  /* COMMENT ENTRY */
  #maincontent .comment .blog_title
  {
    border-color: #95958C;
    color: #666661;
    background-color: #B6B6A2;
  }
  
  #maincontent .comment .blog_body
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #F2F2EB;
  }
  
  #maincontent .comment .blog_comment
  {
    border-color: #95958C;
    color: #4F4F48;
    background-color: #F2F2EB;
  }
  
  /* SIDEBAR */
  
  #sidebar {
   / max-width: 0px;
    width: 20%;
    float: right;
    padding: 10px;
    background-color: #3B7A1D;
    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: #323232; }
  #sidebar .menu_body a:visited { color: #323232; }
  #sidebar .menu_body a:hover { color: #FF6600; }
  #sidebar .menu_body a:active { color: #6329F7; }
  
  #sidebar .menu_title {
    border-color: #DADACE;
    color: #FFFFFF;
    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: #FFFFFF;
    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) {
	  #page { width:100%;}
        #header { 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;
                 }

        }