body {
    font-family: Arial, Helvetica, sans-serif;
}

#userbox, #userbox a, #userbox a:visited {
    background-color: #2060ff;
    color: #ccc;
    padding: 0.3em;
    text-align: right
}

#menu, #menu a, #menu a:visited {
    background-color: #d0c090;
    color: #2060ff;
    text-decoration: none;
    padding: 0.1em;
}

#menu a.pending {
    background-color: #ff2020;
    color: #d0c090;
}

ul#menu {
    padding: 0;
    margin: 0;
    padding: 0.3em;
}

#menu li {
    display: inline;
    padding-left: 1em;
    padding-right: 1em;
}

#menu li:hover {
    color: #d0c090;
    background-color:#2060ff;
}

#menu li a {
    text-decorations: none;
}

.title {
    text-align: center;
    margin: 0;
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
    #content {
	background-image: url('/biblio-inv.200.png');
	background-position: right top;
	background-repeat: no-repeat;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1919px) {
    #content {
	/* background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)), url('/biblio-inv.400.png'); */
	background-image: url('/biblio-inv.400.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 500px;
    }
}

@media screen and (min-width: 1920px) {
    #content {
	/* background-image: linear-gradient(to left, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0)), url('/biblio-inv.400.png'); */
	background-image: url('/biblio-inv.1536.png');
	background-position: right top;
	background-repeat: no-repeat;
	min-height: 1200px;
    }
}

#footer {
    background-color: #ccc;
    border-top: solid 1px #000;
    font-size: 70%;
    padding: 0.5em;
}

#footer p {
    text-align: center;
}