html{
    height: 100%;
}
body{
    background: #141414; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat,
                url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxNDE0MTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDYwNjA2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat,
                -moz-radial-gradient(center, ellipse cover,  #141414 0%, #060606 100%); /* FF3.6+ */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat,
                -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#141414), color-stop(100%,#060606)); /* Chrome,Safari4+ */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat,
                -webkit-radial-gradient(center, ellipse cover,  #141414 0%,#060606 100%); /* Chrome10+,Safari5.1+ */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat,
                -o-radial-gradient(center, ellipse cover,  #141414 0%,#060606 100%); /* Opera 12+ */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat,
                -ms-radial-gradient(center, ellipse cover,  #141414 0%,#060606 100%); /* IE10+ */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat,
                radial-gradient(ellipse at center,  #141414 0%,#060606 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#060606',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
    height: 100%;
}
/*
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQIW2NkQAOtra2SjMhiIIHq6urncEGYAEgRWBBZACyILgASBAAsNxGuCZGjCwAAAABJRU5ErkJggg==) repeat
*/
/*data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAL0lEQVQIW2NkY2P7z4AEeHh4GBiRBUECX758QQjCBECawCqRBcCCQkJC/0FakAEAMZgRf0OQ2eEAAAAASUVORK5CYII=*/
#logo h1{
    font-family: 'Days One', cursive;
    font-size: 40pt;
    color:#FFFFFF;
    /*text-shadow:0 1px 0 #ccc,
                0 2px 0 #c9c9c9,
                0 3px 0 #bbb,
                0 4px 0 #b9b9b9;*/
    text-shadow: 0px 1px 0px #888,
                 0px 2px 1px #888;
}
#wrap{
    width: 100%;
    min-height: 100%;
    height: auto;
    display: table;
}
    #inner-wrap{
        width: 100%;
        display: table-cell;
        vertical-align: middle;
    }
    #logo,
    #content,
    #footer{
        text-align: center;
        margin: 2em 0;
    }
    #logo{
        margin: 1em auto;
        width: 70%;
        z-index: 1;
        -webkit-user-select: none;  /* Chrome all / Safari all */
           -moz-user-select: none;     /* Firefox all */
            -ms-user-select: none;      /* IE 10+ */
             -o-user-select: none;
                user-select: none;   
    }
    #content{
        position: relative;
        z-index: 999999;
    }
        #content form {
            -webkit-user-select: none;  /* Chrome all / Safari all */
               -moz-user-select: none;     /* Firefox all */
                -ms-user-select: none;      /* IE 10+ */
                 -o-user-select: none;
                    user-select: none;   
        }
    #footer{
        z-index: 1;
        -webkit-user-select: none;  /* Chrome all / Safari all */
           -moz-user-select: none;     /* Firefox all */
            -ms-user-select: none;      /* IE 10+ */
             -o-user-select: none;
                user-select: none;   
    }