body {
	background-image:	url(/image/boog.jpg);
	background-repeat:	no-repeat;
	background-position:	10% -350px;
    border:     none;
    margin: 0%;
    padding: 0%;
    width:      100%;
    height:     100%;
    font-family:    sans-serif;
    line-height:    1.5;
}

p, ul, li, h1, h2, h3, table, tr, td, br, pre {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1%;
    margin-right: 1%;
}

p {
    margin-bottom: 0.5em;
}

h1, caption {
    font-size: 145%;
    margin-top: 2%;
    text-align: center;
}

h2 {
    font-size: 110%;
    margin-top: 1%;
}

h3 {
    font-size: 105%;
    margin-top: 1%;
}

a {
    text-decoration:    none;
}

img {
    border:         none;
}
img.logoleft,
img.logoright {
    position: absolute;
}
img.logoleft {
    left: 1%;
}
img.logoright {
    right: 1%;
}

table tr th img {
    position: static;
}
td, th {
    vertical-align: top;
}

.constant {
    font-family: "Courier New", "Courier", monospace;
}

pre {
    padding: 0.25em;
    background-color: #f7f7f7;
    border:1px solid #a7a7a7;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.repos td, .repos th {
    padding: 2%;
    text-align: center;
}

.free {
    background-color: #009D41;
    color: white;
    width: 40%;
}
.premium {
    background-color: #8B4C9C;
    color: white;
    width: 40%;
}

.free a, .premium a {
    color: white;
    text-decoration: underline;
}

.distro {
    background-color: gray;
    color: white;
    width: 20%;
}

.info {
    padding: 0.5em;
    margin: 0.5em;
    background-color: gray;
    font-weight: bold;
    text-align: center;
}

th .info {
    padding: 0.1em 1em 0.1em 1em;
}