html {
    display: table;
    width: 100%;
    height: 100%;
    font-family: sans-serif;
    background: url(images/bg.png) #000000;
}

body {
    display: table-cell;
    vertical-align: middle;
}

body > div {
    margin: 0 auto;
    width: 800px;
    background-color: #f0f0f0;
    border: 1px solid #153858;
    border-radius:20px;
    box-shadow: 0 0 2px #153858;
}

ul.titlebar {
    margin: 0;
    padding: 0;
    font-family: Lemon, sans-serif;
    font-size: 1.65em;
    text-align: center;
    border-bottom: 1px solid #153858;
}

ul.titlebar li {
    display: inline;
    margin-left: .125em;
}

ul.titlebar li a {
    text-decoration: none;
    color: #808080;
}

ul.titlebar li.active a {
    color: #333;
}

h1 {
    display: none;
}

h2, h4 {
    text-align: center;
}

h2, h4, #content p {
    margin: .9em;
}

#sidebar {
    float: left;
    margin: 1.05em -.25em 0 -.7em;
    padding: .25em .5em;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background: url(images/bg.png), url(images/bg.png) #3ed140;
    border-radius: 2px;
}

#flagbar {
    float: right;
    margin: 1.05em -.25em 0 -.7em;
    padding: .25em .5em;
    background: url(images/bg.png), url(images/bg.png) #D1403E;
    border-radius: 2px;
}

.date
{
  font-style: italic;
  color: #00733E;
  font-weight: lighter;
  font-size: 13px;
}