body { font-family: Verdana,Geneva,Arial,sans-serif; font-size: 14px; }

#header {
  position: relative; left: 2em; width: 100%; height: 75px; margin: 0px;
   }
#header a { text-decoration:none; }
#header h2, p { margin-left: 10px; margin-top: 10px; }

#page { margin: 1em; }
#wrapper {
  max-width: 72em; margin: 0 auto; position: relative;
  padding: 0; min-height: 30em;
  background: transparent url(images/FrenchAlps.jpg) top left no-repeat; }
#content-wrapper { float: left; width: 100% }

#sidebar {
  position: relative; width: 15em; margin-left: -55em; float: right; 
  overflow: hidden; min-height: 30em;
  top: 75px;
  background-color: #CCE4FE;
  text-align: center; padding-top: 13em; }
#sidebar td { text-align: center; }
#sidebar th a { text-decoration: none; }
#sidebar table { margin-left: auto; margin-right: auto }
#sidebar img { margin-left: auto; margin-right: auto }

#calendar { position: fixed; top: 87px; background-color: #CCE4FE;
  width: 14.4em; margin: 0px; border: 0.1em solid blue; padding: 0.2em; }

#content {
  margin-left: 1em; margin-right: 15em;
  overflow: auto; clear: both; min-height: 30em; }

.entry {
  margin: 1em; border: 1px; border-bottom-style: dotted;
  border-top-style: none; border-left-style: none; border-right-style: none; }
.entry h4 a { text-decoration: none; }
.entry pre { margin: 2em; }
.entry table { margin: 1em; }
.entry img { max-width: 90%; }
.entry iframe { max-width: 90%; }

.post { color: gray; clear: both; }

@media only screen and (max-width: 400px) {
  #sidebar { display: none; }
  #content { margin-right: 0; }
}