html
{
    background-color: #333;
    background-image: url('/images/binaryd.png');
}
body
{
    color: #f5f5f5;
    background-color: #222;
    border: solid 1px #444;
}
a { color: #0099ff; }
a:visited { color: #0077dd; }
a:hover { color: #0000b4; text-decoration: underline wavy; }

#navbar
{
    background-color: #0f0f0f;
    background: linear-gradient(0deg, #222 25%, #333);
}

#navbar a
{
    color: #f0f0f0;
}

#subnavbar {
    background-color: #222;
    background: linear-gradient(0deg, #222 50%, #222);
}
#subnavbar a
{
    background-color: #333;
    border: solid 1px #555;
    color: #fff;
}

.footer
{
    border-top: solid 1px #333;
}
.bold
{ font-weight: bold; }

.success
{
    border: solid 1px #00b400;
    background-color: #010;
    color: #efe;
}

.failure
{
    border: solid 1px #b40000;
    background-color: #411;
    color: #fee;
    font-weight: bold;
}

.advertisement:after { color: #0099ff; }

.application .subtitle
{
    border-bottom: solid 1px #333;
}

.application .supported_os ul li
{
    border: solid 1px #444;
}

.applisting .category .cattitle
{
    background-color: #333;
}
.applisting .category
{
    border: solid 1px #333;
}

.applisting .category .apps .app
{
    border-bottom: solid 1px #333;
}

pre.code
{
    border: solid 1px #777;
    background-color: #111;
}

.videos .button
{
    color: #fff;
    background-color: #000074;
}
.videos .button:hover
{
    background-color: #000084;
}

.discussion .comment
{
    border-left: solid 1px #333;
}

.discussion .comment .heading
{
    background-color: #333;
    color: #f5f5f5;
}

.discussion .link
{
    color: #0099ff;
}

.discussion .no-comment
{
    padding: 1em;
}

.discussion .note
{
    padding: .5em;
    color: red;
}

.product-links a
{
    border-bottom: dotted 1px #0099ff;
    color: #0099ff;
}

#contactform
{
    border: solid 1px #333;
}

#contactform input[type="text"], form textarea
{
    background-color: #222;
    color: #fff;
    border: inset 2px #555;
}

.hoverhighlight tr:hover
{
    background-color: #eee;
}
.message
{
    background-color: #dfd;
}

.link
{
    color: #0099ff;
}

#blog .blog-entry
{
    border: solid 1px #333;
}

#blog .blog-entry.pinned
{
    border-color: #996000;
}

#blog .blog-entry.pinned .subject
{
    background-color: #996000;
}

#blog .blog-entry .subject
{
    background-color: #333;
    color: #fff;
}

#blog .blog-entry .subject a
{
    color: #fff;
}
#blog .blog-entry .subject a:hover
{
    color: #ccc;
}


#blog .blog-entry .date
{
    color: #ccc;
}

/* mobile friendly stuff */
@media only screen and (max-width: 600px)
{
    #blog .blog-entry .date
    {
        color: #fff;
    }
    #navbar
    {
        border-bottom: solid 1px #ccc;
    }
    #navbar a, #subnavbar a
    {
        border: solid 1px #333;
        background-color: #222;
    }

    .darkmode { float: none !important; display: block;}
    .darkmode label { display: inline; }
}