body {
    font-family: 'Open Sans', Helvetica, 'Trebuchet MS', Arial, Tahoma, serif;
    font-weight: 400;
}

h1, h2 {
    font-weight: 300;
}

#header {
    width: 100%;
    height: 50px;
    padding-top: 20px;
    z-index: 2;
}

#footer {
    padding: 0 20px 0 250px;
    margin-top: 0;
    border-top: none;
}

#footer .block {
    float: right;

}

#footer .block.block-block-contact {
    float: none;
    display: inline-block;
}

#footer #age-warning {
    margin-bottom: 15px;
    display: table;
}

#footer #age-warning #age {
    display: table-cell;
    font-size: x-large;
    border: 1px solid;
    padding: 0 2px;
    vertical-align: middle;
}

#footer #age-warning #warning {
    display: table-cell;
    vertical-align: middle;
    padding: 10px;
}

#main {
    display: table;
    margin: 0;
}

#sidebar-left {
    display: table-cell;
    width: 250px;
    min-width: 250px;
    z-index: 2;
    height: 100%;
}

#sidebar-left .section {
    position: fixed;
    top: 0px;
}

#sidebar-right {
    display: table-cell;
    width: 250px;
    min-width: 250px;
    z-index: 2;
    height: 100%;
    background-color: white;
}

#sidebar-right li {
    list-style: none
}

#sidebar-right a {
    font-size: small;
}

#content {
    width: 100%;
    display: table-cell;
    vertical-align: top;
    z-index: 1;
    text-align: justify;
}

#content h1 {
    font-size: xx-large;
    margin-left: 30px;
}

#content .tabs li {
    float: right;
}

#content .page-content-header,
#content .region-content {
    margin: 0 20px 0 20px;
}

.sidebar .section {
    padding-top: 0;
}

.sidebar .block {
    margin: 0;
}

#site-logo {
    height: 120px;
    padding: 20px 0;
    text-align: center;
}

#logo {
    padding: 0;
    float: none;
}

#logo img {
    height: auto;
    width: 220px;
}

.region-header #block-locale-language {
    padding: 0;
    float: right;
}

#block-locale-language .language-switcher-locale-url {
    text-align: center;
}

#block-locale-language .language-switcher-locale-url li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

.region-header #block-search-form {
    float: right;
    width: 220px;
}

#block-search-form #search-block-form input[type="text"]  {
    width: 160px;
}

.user-picture img {
    border-radius: 50%;
    margin: 0;
}

#block-system-user-menu .user-picture img {
    width: 50px;
    height: auto;
    margin-right: 10px;
}

#block-system-user-menu .user-picture,
#block-system-user-menu .user-name {
    display: inline-block;
    vertical-align: middle;
}

#sidebar-left .block {
    margin-bottom: 0;
}

#sidebar-left .block h2 {
    color: white;
}

#sidebar-left .block-menu ul li {
    list-style-type: none;
    list-style-image: none;
    font-size: larger;
}


#sidebar-left .section,
.region-sidebar-left {
    height: 100%;
}

#header .region-header {
    height: 50px;
    text-align: right;
}

#block-system-main-menu {
    font-family: Helvetica, 'Trebuchet MS', Arial, Tahoma, serif;
    font-variant: small-caps;
}

#block-system-main-menu li {
    text-align: center;
}

#block-system-main-menu li:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 10px 0;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 204, 204, 0.75), rgba(0, 0, 0, 0));
}

#block-system-main-menu a {
    font-size: x-large;
}

.sidebar .block.block-block-typo {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 20px 0;
}
.block-block-typo .content {
    text-align: center;
    color: grey;
}

#block-views-view-site-news-block .view-content {
    display: block;
}

#block-views-view-site-news-block .views-row {
    min-height: 0;
}

#block-views-view-site-news-block .views-field-created {
    font-size: smaller;
}

.not-logged-in .social {
    margin-bottom: 10px;
}

#block-user-login .form-item-pass,
#block-user-login .form-new-password-link,
#block-user-login .form-register-link {
    display: inline-block;
}

#block-user-login .form-actions {
    margin: 0;
    display: inline-block;
}

#block-user-login .form-new-password-link ul,
#block-user-login .form-register-link ul {
    padding: 0;
}

#sidebar-right #block-user-login a.button {
    color: black;
    font-size: 0.929em;
}

#sidebar-right #block-user-login a.button:hover {
    background: #dedede;
}

.block-block-add-fact .content {
    text-align: center;
    background-color: #009999;
    margin: 0;
}

.block-block-add-fact .content a:link, 
.block-block-add-fact .content a:hover, 
.block-block-add-fact .content a:visited { 
    color: white !important;
    font-size: large !important;
}

.block-block-add-fact .content .block-add-fact-already-added {
    font-size: small;
    padding-bottom: 5px;
}