html {
  padding:0px;
  background-color: #111;
  font-family: Arial, Helvetica, sans-serif;
}
body {
  background-color: white;
  color: #111;
  width: 95%;
  padding-top:0px;
  left:0px;
  border-radius: 2px;
  display: block;
	float:left;
 }


img {
  max-width: 100%;
}
.imgFull {
  max-width: 100%;  
}
.imgRight {
  max-width:25%;
  float: right;
  margin-left:15px;
}

.imgLeft {
  max-width:25%;
  float: left;
  margin-right:15px;
}
.hentry img{
 display:none;
}
.hentry .imgLeft {
  display:none;
}
.hentry .imgFull {
  display:none;
}
.hentry .imgRight {
  display:none;
}
a:link    { color: #800080; text-decoration: none;      }
a:hover   { color: #800080; text-decoration: underline; }
a:visited { color: #800080;                             }

h1 a { color: inherit !important }
h2 a { color: inherit !important }
h3 a { color: inherit !important }
h4 a { color: inherit !important }
h5 a { color: inherit !important }
h6 a { color: inherit !important }
nav {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}

#menu {
  width:100%;
  background-color: #111;
  

}
#menu ul {
  height: 100%;
  background-color: #111;
  margin-left:0px;
  position: -webkit-sticky; /* Safari */
  position: sticky;
  display: none;
}
#menu a {
  color: whitesmoke;
  font-size: 25px;
  font-weight: bold;
  height: 100%;
  min-width: 200px; 
}
#hamburger {
  color: whitesmoke;
  position: relative;
  font-size:40px;
}
#menuCheck {
  height: 40px;
  width: 40px;
  opacity: 0;
  z-index: 2;
  position: absolute;
}
#menuCheck:checked ~ ul {
  display: block;
}


#post-list {
  margin-bottom: 1em;
  margin-top: 1em;
}


#banner {
  text-align: center;
  height: 200px;
  background-color: #800080;
  background-position: left;


    
}
#banner h1 { 
  display: block;
  font-size: 29px;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-weight: bold;
  text-shadow:  1px  1px 1px white,
                1px -1px 1px white,
                -1px  1px 1px white,
                -1px -1px 1px white;
}
#content {
  width: 90%;
  margin-left: 5%;
float:left;
}
#calender{
	float:left;
	height:100%;
}

.hentry {
  border-bottom: #800080 3px solid;
  padding-bottom:25px;
}

ol, ul{
 list-style-type: none; 
 margin-left:-40px;
}

ol .entry-content h2 h1, ul .entry-content h2 h1 {
  font-size: 20px;
}

#contentinfo {
  vertical-align : bottom;
  background-color: lightgrey;
  padding:10px;
  padding:2%;
  width:96%;
  float:left;

}

@media only screen and (min-width: 500px) {
  #banner h1 {
    display: block;
    font-size: 45px;
  }
  #banner {
    text-align: center;
    background-position: left;
      word-wrap: normal;
  }

}

@media only screen and (min-width: 800px) {
  #menu {
    margin-top:-20px;
  }
  #menu ul {
    display: block;
    padding-left:5%;
  }
  #menu li {
    margin-right:10px;
    display: inline;
  }
  body {
    margin: 2% 10%;
    width: 80%;
  }
  #menuCheck {
    display: none;
  }
  #hamburger {
    display: none;
  }
  #content {
    width: 90%;
    margin-left: 5%;
  }
  #banner h1 {
    display: block;
    font-size: 50px;
  }
  #banner {
    text-align: center;
    background-position: left;
      word-wrap: normal;
  }
}

@media only screen and (min-width: 1000px) {
  #banner h1 {
    display: block;
    font-size: 55px;
  }
  #banner {
    text-align: center;
    background-position: left;
      word-wrap: normal;
  }

}

#contentBox{
	width:100%; 
	float:left;
}

     #callender{
                width:96%; 
                float:left;
                padding:2%;
        }
        #callender li{
                display:block;
                margin-bottom:10px;
                border-bottom:1px solid silver;
        }
        #callender a{
                text-decoration:none;
                color:black;
        }
        @media only screen and (min-width: 800px) {
                #callender{
                width:0%;
                float:right;
                border-left:2px solid purple;
                }
                #callender li:hover{
                        border-bottom:1px solid black;
                }
#contentBox{
	width:100%; 
	float:left;
}
        }