*/ COLORS --
   Red: #AB2938
   Orange: #B26F2A
   Green: #3D6C31
   Blue: #1D5D6F
   Purple: #64466b;
*/


* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 1095px) {
	#navbar {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
   	-webkit-transition: opacity 0.3s ease-in-out;
	}
}

@media not screen and (max-width: 1095px) {
	#navbar {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	}
}


body {
        background-color: #202020;
	color: #202020;
        font-family: Roboto; Trebuchet MS, Helvetica, sans-serif;
        font-size: 0.825em;
        margin: 0 0 0 0;
        padding: 0px;
}

a {
	color: #5903BF;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#mainbox {
	width: 75%;
	margin: auto;
	max-width: 750px;
	min-width: 500px;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}

#mainbox_twitter {
	width: 800px;
	margin: auto;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
}


#navbar {
	position: fixed;
	top: 10%;
}

.nameplate {
	color: #E4E4E4;
	padding: 5px;
	margin: auto;
	font-size: 1.125em;
	font-weight: bold;
	text-align: center;
}

.header {
	position: relative;
	bottom: 0;
	color: #DDD;
	border-top: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.header-text {
	font-weight: bold;
	font-size: 1.125em;
	margin: 1px 0px 0px 10px;
}

.content {
	background-color: #E4E4E4;
	padding: 10px;
	margin: 0 0 0 0;
	border: 4px solid;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.errorpage {
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	overflow: auto;
}

.gamelinks {
	height: 155px;
}

div.navitem {
	color: #DDD;
	font-weight: bold;
	min-width: 100px;
	max-width: 275px;
	border-width: 1px 1px 1px 0;
	border-style: solid;
	border-color: #FFF;
	margin-bottom: 0.25em;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 0 10px 2px 5px;
}

.navitem a {
	color: #DDD;
	text-decoration: none;
}

.red { border-color: #AB2938; }
.orange { border-color: #B26F2A; }
.green { border-color: #3D6C31; }
.blue { border-color: #1D5D6f; }
.purple { border-color: #64466b; }

.header.red, .navitem.red {
	background-color: #AB2938;
}

.header.orange, .navitem.orange {
	background-color: #B26F2A;
}

.header.green, .navitem.green {
	background-color: #3D6C31;
}

.header.blue, .navitem.blue {
	background-color: #1D5D6F;
}

.header.purple, .navitem.purple {
	background-color: #64466b;
}