@import url(//fonts.googleapis.com/css?family=Roboto:400,100,300,300italic,400italic,500,500italic,700,700italic&subset=latin,latin-ext);
body , html {display:block; width:100%; height:100%; min-width:1400px; min-height:100%; padding:0px; margin:0; font-family: Roboto, Helvetica, Arial, sans-serif; font-size:1.0rem; line-height:1.2rem; color:#666; font-weight:400; }

* {font-family: Roboto, Helvetica, Arial, sans-serif; font-size:1.0rem; line-height:1.2rem; color:#666; font-weight:400;}

.header {
    display:block;
    width:100%;
    height:60px;
    background: #ff9900;
}

.header ul {
    display:block;
    margin:0;
    padding:0;
}
.header li {
    display:block;
    float:left;
    height:60px;
}

.header li a {
    color:#333;
    font-weight:600;
    text-decoration:none;
    display:block;
    padding:20px 10px 0;
    height:40px;
}
.header li a:hover {
    background: #c07301;
}
input[type=submit] , button { font-weight:500;}
.header li.bitly { margin-left:60px;}
.header label {
    color:#333;
    font-weight:600;
    text-decoration:none;
    display:block;
    padding:19px 10px 1px;
    height:40px;
    float:left;
}
.header li.bitly label input[type=text] { width:500px;}
.header .result {

}
.content {
    padding:10px;
}
.loginForm {
    width:300px;
    height:140px;
    border:1px solid #ccc;
    display:block;
    margin:100px auto;
    padding:20px;
    background:#eee;
    border-radius:4px;
}
.loginForm h2 { font-weight:600;}
.loginForm input[type="email"] , .loginForm input[type="password"] {
    margin:4px auto;
    width:290px;
}
.loginForm .submit {
    margin:4px auto;
    width:120px;
    text-align:center;
}
.hoverFx:hover {background: #f4f4f4;}

th { text-align:left; vertical-align: top; padding:2px; font-weight:600;}
td { vertical-align: top; padding:2px;}
textarea {padding:4px;}
.gameName { width:980px;}
.gameHeadline { width:980px;}
.gameDescription { width:980px; height:100px;}
.gameTags { width:980px; height:100px;}
.title { width:980px;}
.recordTag {background:#ff0000; color:#ffffff;}
/* Final Metadata Table */
.copyTitleInput:focus, .copyTags:focus , .copyDescription:focus , .gameName:focus {background: #ec9935;}
.copyTags {height:300px;}

/* Games Overview Table */
.games {}
.games th {font-size:1.2rem;}
.games td , .games td a {font-size:1.0rem; font-weight:500;}
.games th , .games td { padding: 4px 12px}
th { min-width:130px;}
.games td a { text-decoration:none;}
.games td a:hover {color: #046af9; }
.footer-outer {
    width:100%;
    display:flex;
    position:fixed;
    bottom:0;
    clear:left;
    background:#ff9900;
}
.footer-inner {
    margin: 4px auto;
    display: block;
    width: 100%;
    padding: 4px;
    text-align: center;
    color:#333;
}