@font-face {
  font-family: pixel;
  src: url('fonts/PixelOperator.ttf') format('truetype');
       font-size: normal;
       font-weight: normal;
}
html{
    width: 100%;
    background-image: url('images/sky.gif');
    background-size: cover;
}
body{
    width: 670px;
    height: auto;
    margin: auto;
    display: table;
    font-size: 14px;
    font-family: pixel;
}
table {
  border-collapse: collapse;
  font-family: pixel;
  font-size: 14px;
}
img {
  border: 0;
  vertical-align: bottom;
}
#container{
    width: 650px;
    height: 100%;
    margin: auto;
    display: table;
    background-color: #bac0fe;
}
#left{
    width: 150px;
    height: auto;
    display: inline-block;
    background-image: url('images/pattern.gif');
    background-repeat: repeat;
}
#sidebar{
    text-align: center;
    font-size: 12px;
}
#sidebar img{
    margin-bottom: 5px;
}
.side-title{
    font-size: 16px;
    font-weight: bold;
}
#content{
    width: 396px;
    height: 670px;
    background-color: #bac0fe;
    display: inline-block;
}
#right{
    width: 100px;
    height: 670px;
}
#statuscafe {
    padding: .5em;
    font-size: 14px;
}
#statuscafe-username {
    margin-bottom: .5em;
    font-size: 14px;
    border-bottom: 1px solid black;
    text-decoration: none;
}
#statuscafe-content {
    margin: 0 1em 0.5em 1em;
    font-size: 14px;
}