/* Default CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font-family: 'Ubuntu Condensed';}
root {display: block;}
body {background-color: #4c4c4c;color: #ededed;font-family: 'Ubuntu Condensed';}
a {color: #99ccff;font-weight: bold;text-decoration: none;}
a:hover {color: #fff;}
h1 {font-size: 24px;}
h2 {font-size: 60px;color: #949494;}
h3 {font-size: 26px;}
div.textblock {}
div.steamform {width: 100%;height: 174px;margin: 0 auto;text-align: center;}
div#header {width: 100%;margin-bottom: 75px;display: inline-block;margin-top: -10px;}
div#bar {text-align: center;background-color: #000;width: 100%;height: 50px;}
div#bar_m {text-align: center;background-color: #000;width: 100%;height: 30px;}
img#bannerimg {border-left: 5px solid #4c4c4c;border-right: 5px solid #4c4c4c;border-bottom: 5px solid #4c4c4c;width: 400px;}
img#bannerimg_m {margin-top: -30px;border-left: 2px solid #4c4c4c;border-right: 2px solid #4c4c4c;border-bottom: 2px solid #4c4c4c;width: 75%;}
div#content {text-align: center;}
div#content_m {text-align: center;padding: 10px;}
div#content p {font-size: 16px;margin-bottom: 5px;}
div#content_m p {font-size: 12px;margin-bottom: 5px;}
div.statbox {padding: 5px 0px 5px 0px;float: left;width: 49%;color: #4c4c4c;background-color: #949494;margin: 2px;height: 72px;}
div.statbox#chart {width: 100%;height: 400px;margin: 0px 0px 2px 0px;}
div.statbox#recent {height: 142px;}
div.fullbox {margin: auto;width: 100%;position: relative;display: inline-block;}
input#textbox {background-color: #949494;border: 4px solid #949494;color: #fff;height: 70;font-size: 50px;float: none;margin: 0px 0px 10px 0px;width: 390px;}
input#submitbutton {background-color: #353535;border: 4px solid #353535;color: #949494;font-weight: bold;height: 70;font-size: 30px;float: none;}
input#retrybutton {background-color: #353535;border: 4px solid #353535;color: #949494;font-weight: bold;}
div#rotate {float: left;margin-top: 20px;margin-right: -32px;-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);}
table {text-align: center;}
table#form {width: 600px;}
img#appimg {padding: 4px;border: 4px solid #949494;}
img#rappimg {padding: 4px;border: 4px solid #4c4c4c;}
div.footer {background-color: #353535;width: 100%;clear: both;padding-top: 4px;padding-bottom: 4px;position: fixed;bottom: 0px;}
div.footer#alt {position: absolute;bottom: 0px;}
div.footer p {font-size: 11px;margin-left: 5px;}

/* DESKTOP values */
@media only screen and (min-width: 600px) {
    div.steamform {width: 800px;height: 100px;}
    input#textbox {float: left;margin: 0px 10px 0px 0px;}
    input#submitbutton {float: left;}
    div.fullbox {width: 47%;}
    div.statbox#chart {width: 400px;height: 400px;margin: 2px;}
    div.statbox {width: 250px;}
}