html {
    height: 100%;
}
body {
    background-color: #f8f8f8;
    min-height: 100%;
    border-left: 1px solid black;
    border-right: 1px solid black;
}
hr {
   margin:0;
}
a {
    text-decoration: none;
}
#logo {
    width: 100%;
}
#logo img {
    width: 100%;
}
#header {
    border-top: 1px solid black;
    position:fixed;
    top:0;
    width: 100%;
}
#footer {
    border-top: 1px solid black;
    position:fixed;
    bottom:0;
    width: 100%;
}
.listing {
    padding: 2.7777778%;
}
.listing .picture {
    width: 40%;
    text-align: center;
    float: left;
}
.listing .text {
    float:right;
    width: 55%;
}
.listing img {
    max-width: 100%;
    padding-bottom: 4.4642857%;
}
.listing-header {
    color: #000000;
    text-decoration: none;
    font-size: 1.2em;
}
.clear {
    clear:both;
}
#scrollup, #scrolldown {
    width: 100%;
    height: 20px;
    z-index: 10;
    position: fixed;
    text-align: center;
}
#scrollup {
    top: 0;
}
#scrolldown {
    bottom: 0;
}
.showscrollup, .showscrolldown {
    background-repeat:no-repeat;
    background-position:center;
    background-color: #dcdcdc;
    opacity: .8;
}
.showscrollup {
    background-image:url('../img/icons/red_triangle_up.png');
}
.showscrolldown {
    background-image:url('../img/icons/red_triangle_down.png');
}

@media screen and (max-width: 180px) {
    body {
        font-size: 11px;
    }
    .listing-header {
        font-size: 1em;
    }
}