html, body {
    margin: 0px 0px;
    padding: 0px 0px;
    font-size: 16px;
}

body {
    background: url('../img/background.jpg');
		font: 13px/20px normal Helvetica, Arial, sans-serif;
		color: #4F5155;    
}

.hidden {
    display: none!important;
}

div#content {
    display: block;
    max-width: 1200px;
    min-width: 320px;
    width: 50%;
    margin: 0px auto;
}

div#content div#logo {
    display: block;
    width: 100%;
    margin: 5px auto;
    text-align: center;
}
div#content div#logo img {
    display: block;
    width: 100%;
    max-width: 160px;
    margin: 0px auto;
}


div#content p {
    text-align: center;
    margin: 0px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}

div#content p.infoline {
    padding: 4px 0px 1px 0px;
    margin: 2px 0px 5px 0px;
    font-weight: 100;
    text-transform: uppercase;
    color: #FFF;
    border: 1px dashed #FFF;
    border-width: 1px 0px;
}
div#content p.infoline.bottom {
    margin: 0px 0px 1px 0px!important;
    padding: 5px 10px!important;
    font-size: 11.5px;
    line-height: 14px!important;
}

div#content p a {
    color: #FFC96B;
    background-color: rgba(0,0,0,0.25);
    font-weight: 100;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 20px;
    padding: 5px 0px;
    display: block;
    text-align: center;
    text-decoration: none;
    -moz-transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;
}

div#content p a.saved {
    color: #FF0!important;
}

div#content p a:hover {
    color: #FFF;
    text-decoration: none;
    background-color: rgba(0,0,0,0.6);
}





/*-------------------------------------------------------------
----------------------- div#status
-------------------------------------------------------------*/
div#status{display:block;position:fixed;right:-49%;top:0;bottom:0;width:50%;padding-left:0;font-family:'Roboto Mono',sans-serif;font-weight:300;font-size:12px;line-height:16px;z-index:5850;text-transform:uppercase;letter-spacing:-.015rem;-moz-transition:all .28s ease-in-out;-webkit-transition:all .28s ease-in-out;-o-transition:all .28s ease-in-out;transition:all .28s ease-in-out;opacity:.25}

div#status.active{right:0;
-moz-transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;transition:all .15s ease-in-out;

opacity:.75}

/* @media (max-width:768px){div#status{display:none;position:fixed;right:-100%;top:0;bottom:0;width:100%} */
@media (max-width:768px){div#status{ width: 95%; right: -95%; }

div#status.active{right:0}}

div#status:hover{opacity:1.0}

div#status .inner{padding:15px 15px;display:block;background-color:rgba(0,0,0,.9);color:#fff;
height:100%;width:100%;float:right;}

div#status input{color:#333}div#status div#debug ul{padding:0 0;margin:0 0 2px 0;display:block}

div#status div#debug ul li{font-size:80%;list-style:none;list-style-type:none;padding:0 0;margin:0 0 2px 0;display:block;font-family:monospace}