body {
    margin: 0;
    font: 10pt "Courier New";
    height: 1000px;
    overflow: hidden;
}

a {
    text-decoration: none;
}

header.screen {
    margin-left: auto;
    margin-right: auto;
    height: 65px;
    width: 275px;
    color: gray;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
    opacity: 0.7;
    background-color: white; 
}

header.mobile {
    display: none;
}

header span.wikistream {
    font-size: 20pt;
    font-weight: bold;
}

header span.pauseInfo {
    font-size: 8pt;
}

header img {
    vertical-align: middle;
    margin-right: 15px;
    float: left;
    margin-right: 30px;
}

#updatePanel {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    padding: 4px;
    background-color: white;
    opacity: 0.7;
}

#controls {
    margin-bottom: 10px;
    width: 100%;
}

#wikis {
    font-weight: bold;
    color: gray;
    float: left;
} 

#slider {
    width: 50px;
    float: left;
    margin-left: 5px;
    vertical-align: middle;
}

#deltaControl {
    width: 275px;
    text-align: right;
}

#deltaLabel {
}

#deltaLimit {
}

#updates {
    clear: both;
}

.update a {
    font-size: 13pt;
    margin-left: 5px;
}

.update {
    vertical-align: top;
}

.update img {
    margin-right: 3px;
    overflow: auto;
}

.update.newPage a {
    color: green;
}

.update.unpatrolled a {
    color: red;
}

.lang {
    margin-right: 10px;
    /*font-family: Courier;*/
    font-weight: bold;
}

.lang.ar {
    direction: rtl;
}

.lang.fa {
    direction: rtl;
}

.lang.ur {
    direction: rtl;
}

.lang.he {
    direction: rtl;
}

.delta {
    color: gray;
    font-size: 8pt;
    float: right;
}

a.page {
    margin-right: 15px;
}

#stats h2 {
    font-weight: bold;
    color: gray;
    font-size: 12pt;
    padding: 0;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 2px;
}

.statsPanel {
    vertical-align: top;
}

.statsPanel ol {
}

#articlesHourly {
    width: 35%;
    float: left;
    display: inline;
    margin-left: 15%;
    margin-right: auto;
}

#articlesDaily {
    width: 35%;
    margin-left: auto;
    margin-right: 15%;
}

#usersDaily {
    clear: both;
    float: left;
    width: 35%;
    margin-left: 15%;
    margin-right: auto;
}

#robotsDaily {
    width: 35%;
    margin-left: auto;
    margin-right: 15%;
}

#about {
    font-size: 12pt;
    margin-left: 20%;
    margin-right: 20%;
}

select#wikis {
    width: 175px;
}

#background {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#backgroundInfo {
    background-color: #eeeeee;
    border: thin #cccccc;
    position: absolute;
    left: 10px;
    top: 10px;
    max-width: 300px;
    font-size: 8pt;
    padding: 3px;
    display: none;
}

/* style changes for mobile devices */

@media only screen and (max-device-width: 480px) {

    header.screen {
        display: none;
    }

    header.mobile {
        font-size: 13pt;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 280px;
        margin-top: 8px;
        margin-bottom: 3px;
        border-bottom: thin solid #aaaaaa;
    }

    header img {
        display: none;
    }

    #controls {
        display: none;
    }

    #github {
        display: none;
    }

    .update img {
        display: none;
    }

    .update .lang {
        display: none;
    }

    .update .delta {
        display: none;
    }

    .update {
        margin-bottom: 5px;
        border: thin #eeeeee solid;
        background-color: #eeeeee;
    }

    .update a {
        font-size:  11pt;
    }

    #updatePanel {
        padding-top: 0px;
        width: 90%;
        margin-top: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    #about {
        width: 95%;
        font-size: 12pt;
        margin-left: auto;
        margin-right: auto;
    }

    #stats {
        padding: 0px 0px 0px 0px;
    }

    #stats h2 {
        text-align: center;
    }

    .statsPanel {
        clear: both;
    }

    #articlesHourly {
        margin: 0px 0px 0px 0px;
        width: 95%;
    }

    #articlesDaily {
        margin: 0px 0px 0px 0px;
        width: 95%;
    }

    #usersDaily {
        margin: 0px 0px 0px 0px;
        width: 95%;
    }

    #robotsDaily {
        margin: 0px 0px 0px 0px;
        width: 95%;
    }

    #backgroundInfo {
        display: none;
    }

}
