@import 'https://fonts.googleapis.com/css?family=Vollkorn';
@import 'https://fonts.googleapis.com/css?family=Francois+One';

html{
    overflow-y:scroll
}
html, body {
    margin:0;
    padding:0;
}
body {
    width:100%;
    font-size:130%;
    color:#221111;
    background:url("/static/img/bg.png");
    background:#f2f2f2;
    /*background-color: rgb(233,237,211);*/
    font-family: 'Vollkorn', serif;
    /*
    font-family: 'Kreon', serif;
    font-family: 'Gentium Basic', serif;
     */
}
.menu a{
    color:rgb(233,237,211);
    color:#978F87;
    color:#A6927B;
    font-family: 'Francois One', sans-serif;
}
h1,h2,h3{
    display:block;
}
.highlight {
    background-color:yellow;
    background-color:#fcfba2
}
.red{
    color:red !important;
}

.container {
    margin:0 auto;
    padding:0;
    width:900px
}

/* menu bar */
.menu {
    width:100%;
    margin:0;
    background:url("/static/img/bgmenu.png");
    background:#303754;
    height:64px;
}
.menu ul {
    list-style-type:none;
    display:table;
    table-layout:fixed;
}
.menu ul li {
    display:table-cell;
    text-align:center;
    width:33%;
    padding:0;
    margin:0;
    height:64px;
}
.menu ul li a {
    margin:0;
    padding:0;
    display:block;
    height:100%;
    line-height:64px;
    text-decoration:none
}
.menu ul li a:hover {
    opacity:0.8
}
.page-header{
    margin-top: 30px;
}
.page-header img {
    display:inline-block
}
.page-header h1 {
    margin-left:30px;
    display:inline-block
}
h1 {
    font-size:440% !important;
    margin-bottom:0
}