body {
  font-family: Verdana, Geneva, "Bitstream Vera Sans", Helvetica, sans-serif;
  color: #333;
  font-size: 13px;
}

#content{
  padding-right  : 2em;
  padding-left   : 2em;
  clear: left;
  max-width: 750px;
  margin: auto;
}

#rightmenu {
  float: right;
  font-size: 16px;
  width: 222px;
  margin-top: -40px;
  padding-top: 50px;
  padding-bottom: 2em;
  background: white url("/grayrect.png") bottom no-repeat scroll;
}

.bottom {
  float: right;
  clear: both;
  padding: 0.5em;
}

h1 {
  width: 50%;
  background: white url("/smallrect.png") center no-repeat scroll;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

h1 > a, h1 > a:visited { color: #333 }
h2 > a, h2 > a:visited { color: #333 }
h3 > a, h3 > a:visited { color: #333 }

h2 {
  text-align: left;
  margin-left: -0.5em;
}

h3 {
  text-align: left;
  margin-left: -0.5em;
}

textarea#comment-body {
  display: block;
  margin: 10px 0;
  width: 78%;
}

ul#rightmenu {
  list-style-type: none;
}

a { 
  text-decoration: none; 
  color: #0000ac; 
}

a:visited {
  text-decoration: none; 
  color: #00008b; 
}

li.selected > a , li.selected > a:visited { color: #333 }

.center {
  text-align: center;
}

img {
  border: none;
  margin: auto;
}  

a > img { border: none; }

iframe {
  border: 0;
}

#changes, #news, #star {
  float: right;
  clear: right;
  max-width: 30%;
  min-width: 30%;
  font-size: 10px;
  margin: 0em 2em 0em 2em;
  padding: 0em 0em 0em 0em;
}

#star {
  text-align:center;
}


#changesbox {
  min-height: 100px;
}
#newsbox {
  min-height: 250px;
}

#newsbox dd {
  margin-left: 2em; 
}

div.figure {
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  text-indent: 0;
}

div.figure img {
  max-width: 100%;
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0;
overflow: hidden; max-width: 100%; height: auto; }

.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@media screen and (max-width:480px) {
  #changesbox, #newsbox {
    display: none;
  }

  #rightmenu {
    font-size: 10px;
    margin-right: 0px;
    padding-left: 1em;
    padding-right: 1em;
    width: 80px;
    background-size: 100%;
  }

  #rightmenu > li {
    margin-bottom: 12px;
  }

  h1 {
    background-size: 100%;
  }
}