@charset "UTF-8";
/* CSS Document */

body {
background:#f0f0f0;
padding:10px 0;
color:#777;
}

html {
height:101%;
}

/*
.span-14 {
border:8px solid #E9E9E9;
}
*/

.span-14 {
border:8px solid #DDDDDD;border-radius:5px;
}
.container {
width: 90%;
margin: auto;
}

#twitch-embed {
width: 90%;
height: 480px;
margin:auto;
}

#nottoday {
padding: 15px;
margin: 50px 100px 50px 100px;
border: 2px solid #DDDDDD;
text-align:center;
font-size:12px;
border-radius:5px;
}

#otherday {
padding: 15px;
margin: 50px 100px 50px 100px;
border: 2px solid #DDDDDD;
text-align:center;
font-size:18px;
font-weight:bold;
}

#content {
background:#fff;
padding-top:0;
border-radius:5px;
}

#dialog {
font-size:12px;
padding: 0px 35px 11px 35px;
text-align:center;
color:#0000cc;
border-radius:5px;
}

.header {
height:725px;
padding-bottom:0px;
background-color: #FFFFFF;
border-radius:5px;
}

.header h1 {
text-align:center;
padding-top:70px;
font-size:42px;
font-weight:bold;
letter-spacing:-2px;
margin-bottom:10px;
}

.header h2 {
font-size:25px;
padding: 5px 35px 0px 35px;
text-align:center;
color:#666666;
}

h2 {
font-size:25px;
padding: 11px 35px 0px 35px;
text-align:center;
color:#666666;
}

h3 {
font-size:12px;
padding: 0px 35px 3px 35px;
text-align:center;
color:#666666;
}


span.required {
color:#900;
font-weight:bold;
}

p label {
font-weight:bold;
color:#222;
display:block;
border-radius:5px;
}

fieldset {
border:1px solid #e9e9e9;
padding:10px;
margin:10px;
background:#fff;
border-radius:5px;
}

legend {
border:1px solid #e9e9e9;
padding:5px 10px;
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#222;
font-weight:bold;
border-radius:5px;
}

textarea {
background:#fff;
border:1px solid #eee;
padding:5px;
font:100% Arial, Helvetica, sans-serif;
color:#999;
border-radius:5px;
width:450px;
height:100px;
}

input{
background:#fff;
border:1px solid #eee;
padding:5px;
font:120% Arial, Helvetica, sans-serif;
color:#999;
border-radius:5px;
}

.green-border{
    border: 1px solid green;border-radius:5px;
}

a {
color:#025D98;
}

a:hover {
text-decoration:none;
}

input[type=submit] {
background:#025D98;
color:#fff;
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
cursor:pointer;
border:none;
border-radius:5px;
}

input[type=submit]:hover {
background:#498FC0;
}

.header h1 {
color:#fff;
}

* {
outline:none;
}

.nav {
height:50px;
background:url(../images/grad.png) bottom repeat-x;
margin:0;
padding:0;
border-top:1px solid #fff;
border-bottom:1px solid #e9e9e9;
padding-left:30px;
border-radius:5px;
}

.nav li {
list-style:none;
float:left;
margin:0;
padding:17px 0 16px;
}

.nav li a {
padding:17px 15px 16px 15px;
font:10px Arial, Helvetica, sans-serif;
font-weight:bold;
text-transform:uppercase;
color:#025D98;
text-decoration:none;
}


.nav li a.selected, .nav a:hover {
background:url(../images/grad-dark.png) bottom no-repeat;
color:#222;
}



.content {
padding:30px;
background-color: #FFFFFF;
border-bottom:1px solid #e9e9e9;
border-radius:5px;
}

.footer {
padding:30px;
background:url(../images/grad.png) bottom repeat-x;
border-top:1px solid #fff;
font:10px Arial, Helvetica, sans-serif;
color:#999;
border-radius:5px;
}

/*.success {background:#E6EFC2;color:#264409;border-color:#C6D880;} */
.success {background:#eeffe6;color:#264409;border-color:#339900;}
.alert-success {background:#eeffe6;color:#264409;border-color:#339900;}