@font-face {
	font-family: 'Din';
	font-style: normal;
	font-weight: normal;
	src: local( 'Din' ), url( '../media/Din.woff' ) format( 'woff' );
}
@font-face {
    font-family: 'tempussansitc';
    font-style: normal;
    font-weight: normal;
    src: url( '../media/TEMPSITC.ttf' );
}
html, body {
    height: 100vh;
}
* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: Din;
}
iframe {
    border-width: 0px;
}
.background {
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size:cover; position:fixed;
	background-position: 50% 50%;
	width: 100%;
	height: 100%;
	z-index: -100;
    background-image: url( '../media/backgrounds/background.png' );
}
header, footer{
    background-color: transparent;
}
a, p, h1, h2, h3, h4, h5, h6, textarea, pre {
    font-family: Din;
    color:white;
    font-size: 11pt;
}
pre {
    white-space: pre-wrap;
}
a {
    text-decoration: none;
    color: gold;
    cursor: pointer;
}
li {
    list-style: none;
}
.NavBar img {
    display: table;
    margin: 0 auto;
    max-height: 125pt;
    margin-bottom: 10pt;
}
.NavBar {
    width: 90vw;
    margin-left: 5vw;
}
.NavBar > div:first-child {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color: rgb( 75, 75, 75 );
    margin-bottom: 5pt;
    padding: 10pt;
}
.NavBar > div:last-child {
    position: relative;
}
.NavBar div div:first-child {
    float: left;
}
.NavBar div div:nth-child( 2 ) {
    float: right;
}
.NavBar h1 {
    position: absolute;
    z-index: 10;
    font-size: 30pt;
    color:rgb( 100, 100, 100 );
    color: black;
    font-family: tempussansitc;
    width: 300pt;
    left: calc( 50% - 150pt );
    top: 35pt;
    text-align: center;
}
.NavBar h2 {
    position: absolute;
    z-index: 10;
    font-size: 20pt;
    color: black;
    font-family: tempussansitc;
    width: 200pt;
    left: calc( 50% - 100pt );
    top: 75pt;
    text-align: center;
}
.NavBar > div > div > a, .DropDown > a {
    display: inline-block;
    text-align: center;
    border-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    color: gold;
    font-size: 13pt;
    padding-left: 5pt !important;
    padding-right: 5pt !important;
    padding-top: 5pt;
    padding-bottom: 3pt;
    margin-left: -4px;
    border-color: rgba( 140, 140, 140, 0.75 );
    width: auto;
}
.NavBar > div > div:first-child > a:first-child {
    border-left-width: 2px;
}
.NavBar > div > div:first-child > a:last-of-type {
    border-right-width: 2px;
}
.NavBar > div > div:first-child .DropDown a {
    border-left: none;
    border-right-width: 2px;
}
.NavBar > div > div:nth-child( 2 ) > a:first-child {
    border-left-width: 2px;
}
.NavBar > div > div:nth-child( 2 ) > a:last-of-type {
    border-right-width: 2px;
}
.NavBar > div > div:nth-child( 2 ) > .DropDown a {
    border-width: 2px;
}
.NavBar > div > div > .DropDown{
    margin-left: 4px;
    float: right;
}
.NavBar > div > div > a:hover, .DropDown > a:hover{
    background: rgb( 150, 150, 150 );
}
.clear{
    content: "";
    clear: both;
}
section {
    min-height: calc( 100vh - 228pt );
}
section > div{
    width: 90vw;
    margin-left: 5vw;
    margin-right: 5vw;
    padding-bottom: 5pt;
}
footer{
    text-align: center;
    margin-bottom: 10pt;
    margin-left: 5vw;
    margin-right: 5vw;
    width: 90vw;
    bottom: 0;
    background-color: rgb( 75, 75, 75 );
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
}
footer > div{
    padding: 10pt;
}
footer a{
    float: left;
}
.vote > div {
    width: 75%;
    margin-left: 12.5%;
    text-align: center;
    
}
.vote a {
    float: left;
    background-color: rgb( 75, 75, 75 );
    padding: 10pt;
    margin: 5pt;
    display: block;
    width: calc( 33.3% - 30pt );
    height: 40pt;
}
.vote a img {
    float: left;
    height: 2.5vw;
    margin-right: 10pt;
    margin-top: 5pt;
}
.vote a p{
    font-size: 17pt;
    padding-top: 12pt;
}
/*.home > div > div:first-child{
    width: calc( 33.33% - 12.5pt );
    float: left;
    margin-bottom: 5pt;
    margin-right: 5pt;
}
.home > div > div:nth-child( 2 ){
    width: calc( 66.66% - 12.5pt );
    float: left;
    margin-bottom: 5pt;
}
.home > div:nth-child( 2 ) > div:first-child {
    height: 380pt;
}
.home > div:nth-child( 3 ) > div {
    height: 275pt;
    width: calc( 66.66% - 7.5pt );
    margin-right: 0;
    padding-right: 0;
}*/
/*.home > div:nth-child( 3 ) > div:last-child {
    height: 90pt;
}*/
.category, .new_category {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color: rgb( 75, 75, 75 );
    padding-top: 1vw;
    padding-bottom: 1vw;
    margin-bottom: 10pt;
}
.category > div:first-child > div:first-child {
    padding-bottom: 10pt;
    float: left;
    width: 40%;
}
.category > div:first-child > div:first-child p {
    padding-left: 10pt;
    color:gold;
    font-size: 13pt;
    text-transform: uppercase;
}
.category > div:first-child > div:nth-child(2) {
    padding-bottom: 10pt;
    text-align: center;
    float: left;
    width: 18%;
}
.category > div:first-child > div:nth-child(3) {
    padding-bottom: 10pt;
    text-align: center;
    float: left;
    width: 18%;
}
.category > div:first-child > div:last-child {
    padding-bottom: 10pt;
    text-align: center;
    float: left;
    width: 24%;
}
.new_category {
    padding-left: 3pt;
}
.new_forum a{
    margin-left: 3pt;
}
.thread > p, .category > p {
    padding: 10pt;
}
.category > div:not(:first-child):hover {
    background: rgb( 110, 110, 110 );
    box-shadow: 0 6px 20px rgba( 16, 16, 16, 0.2 ), 0pt 8px 17px rgba( 16, 16, 16, 0.3 );
}
.category > div:not(:first-child):not(:last-child) {
    padding-top: 10pt;
    padding-bottom: 0;
}
.category > div:not(:first-child) > div > div > div:last-child {
    padding-top: 5pt;
    margin-left: -5pt;
}
.category > div:not(:first-child) > div > div {
    float: left;
}
.category > div:not(:first-child) > div > div:first-child a p:first-child {
    color: gold;
    font-size: 13pt;
    text-transform: uppercase;
}
.category > div:not(:first-child) > div > div:first-child a p:nth-child( 2 ) {
    padding-left: 5pt;
}
.category > div:not(:first-child) > div > div:first-child{
    padding-left: 10pt;
    padding-top: 7pt;
    padding-bottom: 7pt;
    width: calc( 40% - 10pt );
}
.category > div:not(:first-child) > div > div:nth-child(2){
    padding-top: 14pt;
    text-align: center;
    width: 18%;
}
.category > div:not(:first-child) > div > div:nth-child(3){
    padding-top: 14pt;
    text-align: center;
    width: 18%;
}
.category > div:not(:first-child) > div > div:last-child {
    padding-top: 7pt;
    padding-bottom: 7pt;
    text-align: center;
    width: 24%;
}
.category > div:nth-last-child( 2 ) {
    padding-bottom: 10pt !important;
}
.category > div:not(:first-child) hr {
    background-color: rgba( 100, 100, 100, 0.25 );
    height: 0;
    border: 1px solid rgba( 100, 100, 100, 0.25 );
    margin-top: 10pt;
}


.post{
    margin-bottom: 5pt;
}
.post > div:first-child {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color:rgb( 75, 75, 75 );
    width: 20%;
    margin-right: 5pt;
    float: left;
}
.post > div:first-child > div {
    padding: 1vw;
}
.post > div:first-child div img {
    max-height: 100pt;
    height: 100%;
    max-width: 100pt;
    width: 100%;
    margin-left: 50%;
    transform: translateX( -50% );
    margin-bottom: 10pt;
}
.post > div:first-child > div > p {
    text-align: center;
}
.post > div:nth-child(2) {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color:rgb( 75, 75, 75 );
    width: calc( 80% - 5pt );
    min-height: 20vw;
    float: left;
}
.post > div:nth-child( 2 ) > div:first-child{
    padding: 1vw;
}

.post > div:nth-child( 2 ) > div:first-child  > div:nth-child(1){
    height: 20pt;
}
.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 1 ) p {
    text-transform: uppercase;
    font-size: 13pt;
    color: gold;
}

.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 3 ){
    min-height: 14vw
}
.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 3 ) pre{
    margin-top: 0.35vw;
    margin-bottom: 0.35vw;
    padding-left: 5pt;
    padding-right: 5pt;
    font-size: 11pt;
}

.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 5 ){
    height: 12pt;
    padding-top: 1vw;
}
.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 5 ) p{
    float:left;
    margin-top: 1pt;
}
.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 5 ) div{
    float:right;
}
.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 5 ) div a{
    font-size: 13pt;
    margin-right: 5pt;
}
.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 5 ) div a:last-child{
    margin-right: 0;
}
.post > div:nth-child( 2 ) > div:first-child  > div:nth-child( 5 ) div a:hover, .PostEditor > div:nth-child( 2 ) > div > div:last-child a:hover, .ThreadEditor > div:first-child > div > div:last-child a:hover{
    border-width: 2px;
    border-bottom-style: solid;
    border-color: rgba( 140, 140, 140, 0.75 );
}
.post > div:last-child {
    content: "";
    clear: both;
}
.post pre img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
}

hr {
    background-color: rgb( 100, 100, 100 );
    height: 0;
    border: 1px solid rgb( 100, 100, 100 );
}

.userlist .DropDown > div {
    left: calc( 50% + 5pt );
    transform: translate( -50%, 0% );
}
.userlist p,label {
    color: white;
    font-size: 12pt;
}
.userlist input {
    float: left;
    margin-right: 5pt;
}


.threads > div > div:first-child {
    margin-bottom: 5pt;
}
.threads > div > div:first-child a {
    font-size: 13pt;
    margin-left: 5pt;
}
.threads > div > div:first-child a:hover {
    border-width: 2px;
    border-bottom-style: solid;
    border-color: rgba( 140, 140, 140, 0.75 );
}
.threads > div > div {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color: rgb( 75, 75, 75 );
    padding-top: 1vw;
    padding-bottom: 1vw;
}
section > div > div > div:last-child hr:last-of-type, .category > div:nth-last-child( 2 ) hr {
    display: none;
}
.threads > div > div > div:first-child > div:first-child {
    padding-bottom: 10pt;
    float: left;
    width: 40%;
}
.threads > div > div > div:first-child > div:first-child p {
    color:gold;
    font-size: 13pt;
    text-transform: uppercase;
    padding-left: 10pt;
}
.threads > div > div > div:first-child > div:nth-child(2) {
    padding-bottom: 10pt;
    text-align: center;
    float: left;
    width: 18%;
}
.threads > div > div > div:first-child > div:nth-child(3) {
    padding-bottom: 10pt;
    text-align: center;
    float: left;
    width: 18%;
}
.threads > div > div > div:first-child > div:last-child {
    padding-bottom: 10pt;
    text-align: center;
    float: left;
    width: 24%;
}
.thread:hover {
    background: rgb( 110, 110, 110 );
    box-shadow: 0 6px 20px rgba( 16, 16, 16, 0.2 ), 0pt 8px 17px rgba( 16, 16, 16, 0.3 );
}
.thread {
    padding-top: 10pt;
}
.threads > div > div > div:last-child {
    padding-bottom: 10pt;
}
.thread > div > div {
    float: left;
}
.thread > div > div:first-child > a:first-of-type {
    color: gold;
    font-size: 13pt;
    text-transform: uppercase;
}
.thread > div > div:first-child p{
    margin-left: 5pt;
}
.thread > div > div:first-child p a{
    color: gold;
    font-size: 11pt;
}
.thread > div > div:first-child{
    padding-left: 10pt;
    padding-top: 7pt;
    padding-bottom: 7pt;
    width: calc( 40% - 10pt );
}
.thread > div > div:nth-child(2){
    padding-top: 17pt;
    text-align: center;
    width: 18%;
}
.thread > div > div:nth-child(3){
    padding-top: 17pt;
    text-align: center;
    width: 18%;
}
.thread > div > div:last-child {
    padding-top: 9pt;
    text-align: center;
    width: 24%;
}
.thread hr {
    background-color: rgba( 100, 100, 100, 0.25 );
    height: 0;
    border: 1px solid rgba( 100, 100, 100, 0.25 );
    margin-top: 10pt;
}


.login, .register, .popup, .activateUser {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    z-index: 1000;
}
.login > div, .register > div, .popup > div, .activateUser > div {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba( 16, 16, 16, 0.5 );
}
.login > div > div, .register > div > div, .popup > div > div, .activateUser > div > div {
    background-color:rgb( 75, 75, 75 );
    box-shadow: 0 6px 20px rgba( 16, 16, 16, 0.16 ), 3px 5px 14px rgba( 16, 16, 16, 0.4 );
    width: 225pt;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50% );
    position: fixed;
    
}
.activateUser  > div > div {
    width: 275pt;
}
.activateUser input {
    width: 150pt;
}
.new_forum > div > div > div > div:nth-child( 3 ) p {
    font-size: 12pt;
    margin-top: 5pt;
    margin-left: 20pt;
    text-align: left;
}
.new_forum > div > div {
    width: 300pt;
}
.new_forum > div > div > div > div:nth-child( 4 ) {
    text-align: left;
}
.new_forum > div > div > div > div:nth-child( 4 ) > div:last-child {
    width:240pt;
}
.new_forum .DropDown {
    float: left;
}
.new_forum .DropDown div {
    max-height: 250pt;
    overflow-y: scroll;
}
.login > div > div > div, .register > div > div > div, .popup > div > div > div, .activateUser > div > div > div {
    padding: 10pt;
}
.login > div > div > div > div:first-child, .register > div > div > div > div:first-child, .popup > div > div > div > div:first-child {
    min-height: 20pt;
}
.login > div > div > div > div:first-child p, .register > div > div > div > div:first-child p, .popup > div > div > div > div:first-child p, .activateUser > div > div > div:first-child p {
    font-size: 13pt;
    text-align: center;
    color: gold;
    margin-top: 0pt;
}
.login > div > div > div > div:first-child div p, .register > div > div > div > div:first-child div p, .popup > div > div > div > div:first-child div p, .activateUser > div > div > div:first-child div p {
    font-size: 11pt;
    text-align: center;
    color: red;
    margin-top: 2pt;
}
.login input, .register input, .popup input, .new_forum textarea, .activateUser input {
    color: gold;
    height: 15pt;
    text-align: center;
    padding: 5pt;
    font-size: 11pt;
    margin-top: 5pt;
    background-color: transparent;
    border: 2px solid transparent;
    border-bottom-color: rgb( 100, 100, 100 );
}
.new_forum textarea, .new_forum input{
    color: white;
    text-align: left;
    margin-top: 0;

}
.new_forum textarea { 
    resize: vertical;
    min-height: 15pt;
    max-height: 50px;
}
.new_forum textarea::-webkit-input-placeholder {
    color: rgb( 150, 150, 150 )
}
.login input:last-child, .register input:last-child, .popup input:last-child{
    margin-bottom: 5pt !important;
}
.login input:hover, .register input:hover, .popup input:hover, .popup textarea:hover{
    border: 2px solid rgb( 100, 100, 100 );
}
.login > div > div > div > div:nth-of-type( 3 ), .register > div > div > div > div:nth-of-type( 3 ), .popup > div > div > div > div:nth-of-type( 3 ){
    display: table !important;
    margin: 0 auto !important;
}
.login > div > div > div > div:nth-of-type( 3 ) a, .register > div > div > div > div:nth-of-type( 3 ) a, .popup > div > div > div > div:nth-of-type( 3 ) a {
    display: block;
    color: gold;
    font-size: 13pt;
    cursor: pointer;
    margin-top: 10pt;
}
.popup > div > div > div > div:nth-of-type( 3 ) a { display: inline-block; margin-top: 5px; margin-bottom: 5px; }
.login > div > div > div > div:nth-of-type( 3 ) a:first-child{
    margin-top: 5pt;
}
.login hr:last-of-type, .register hr:last-of-type, .popup hr:last-of-type {
    margin-top: 5pt;
}
.login > div > div > div > a {
    color: gold;
    display: block;
    margin-top: 10pt;
}


















.forumactionbar {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color: rgb( 75, 75, 75 );
    margin-bottom: 5pt;
}
.profile > div > div:first-child{
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color: rgb( 75, 75, 75 );
    float: left;
    width: 15vw;
    min-height: 15vw;
    margin-right: 5pt;
}
.profile > div > div:nth-child(2) > div > p:first-child {
    font-size: 13pt;
}
.profile hr:first-of-type {
    margin-top: 5pt;
    margin-bottom: 5pt;
}
.profile hr:last-of-type {
    margin-top: 5pt;
}
.profile > div > div:first-child > div{
    padding: 10pt;
}
.profile > div > div:first-child > div > div:first-child img {
    max-width: 100pt;
    width: 100%;
    max-height: 100pt;
    height: 100%;
    margin-left: 50%;
    transform: translatex( -50% );
    margin-bottom: 10pt;
}
.profile > div > div:nth-child( 2 ){
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color:rgb( 75, 75, 75 );
    float: left;
    width: calc( 100% - 15vw - 5pt );
    min-height: 15vw;
}
.profile > div > div:nth-child( 2 ) > div > div {
    margin-left: 10pt;
    margin-top: 10pt;
    min-height: 10vw;
}
.profile > div > div:nth-child( 2 ) > div{
    padding:10pt;
    min-height: calc( 15vw - 20pt );
}
.Profile > div > div:nth-child( 2 ) > div > p{
    font-size: 13pt;
    color: gold;
}
.profile > div > div:nth-child( 2 ) > div > a {
    padding: 6pt 5pt 4pt 5pt;
    margin-right: 5pt;
    text-transform: uppercase;
}

.profile > div > div:nth-child( 2 ) > div > a:hover {
    background: rgb( 150, 150, 150 );
}

.selectedButton {
    border-bottom: 2px solid rgb( 100, 100, 100 );
}


.edit_profile > div > div:first-child{
    background-color: rgb( 75, 75, 75 );
    margin-bottom: 5pt;
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
}
.edit_profile > div > div:first-child > div{
    padding: 10pt;
    text-align: center;
}
.edit_profile > div > div:first-child a{
    text-align: center;
    padding: 6pt 5pt 4pt 5pt;
    margin-right: 5pt;
    text-transform: uppercase;
}
.edit_profile > div > div:first-child a:hover {
    background: rgb( 150, 150, 150 );
}
.edit_profile > div > div:nth-child( 2 ) {
    background-color: rgb( 75, 75, 75 );
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    width: 300pt;
    margin-left: 50%;
    transform: translatex( -50% );
    
}
.edit_profile > div > div:nth-child( 2 ) > div {
    padding: 10pt;
}
.edit_profile > div > div > div > div > div > div > p {
    font-size: 11pt;
    color: red;
    text-align: center;
    margin-bottom: 5pt;
}
.edit_profile > div > div > div > div > div > p {
    font-size: 13pt;
    color: gold;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 5pt;
}
.edit_profile > div > div:nth-child( 2 ) > div > div > div:last-of-type {
    text-align: center;
}
.edit_profile div div div div a{
    display: inline-block;
    color:gold;
    font-size:13pt;
    cursor: pointer;
    margin-top: 10pt;
}
.edit_profile li {
    width: 226pt;
    padding-top: 5pt;
    margin-left: 50%;
    transform: translatex( -50% );
}
.edit_profile li:last-of-type{
    margin-bottom: 5pt;
}
.edit_profile li > *:first-child {
    float: left;
    width: 55pt;
    margin-top: 3pt;
}
.edit_profile li textarea {
    width: 154pt;
    resize: vertical;
    min-height: 100pt;
    padding: 5pt;
    background: none;
    border: 2px solid rgba( 140, 140, 140, 0.75 );
    color: white;
}
#editsignaturebox {
    border: 2px solid rgba( 140, 140, 140, 0.75 );
    color: white;
    background: none;
    height: 100pt;
    padding: 5pt;
    margin-left: 10pt;
    width: 250pt;
    resize: vertical;
}
.edit_profile li input:not( [ type = 'radio' ] ) {
    width: calc( 154pt + 4px );
    background: none;
    border: none;
    border-bottom: 2px solid rgba( 140, 140, 140, 0.75 );
    color: white;
    padding: 5pt;
    padding-top: 3pt;
}
.edit_profile li input:not( [ type = 'radio' ] ):hover {
    border: 2px solid rgba( 140, 140, 140, 0.75 );
    width: calc( 154pt + 2px );
    margin-top: -2px;
    padding-left: calc( 5pt - 2px );
}
.edit_profile label {
    float: left;
    width: 50pt;
    padding-right: 10pt;
    margin-top: 4pt;
}
.edit_profile label *:first-child {
    float: left;
    margin-top: 1pt;
    margin-right: 5pt;
}
.edit_profile select {
    width: 50pt;
    margin-right: 5pt;
    padding: 5pt;
    padding-bottom: 3pt;
    color: white;
    background: none;
    border: none;
    border-bottom: 2px solid rgba( 140, 140, 140, 0.75 );
    outline: none;
}
.edit_profile select:hover {
    border: 2px solid rgba( 140, 140, 140, 0.75 );
    width: 50pt;
    margin-top: -2px;
    padding-left: calc( 5pt - 2px );
    padding-right: calc( 0pt );
}
.edit_profile select:last-child{
    margin-right: 0pt;
}
.edit_profile select option{
	border-width: 2px;
	border-color: rgba( 140, 140, 140, 0.75 );
	border-style: solid;
	background: rgb( 75, 75, 75 );
    padding: 5pt;
}

.edit_profile select option:hover{
    outline: none;
    background-color:rgb( 100, 100, 100 );
}
.edit_profile select option:active, .editprofile select:active{
    outline: none;
    background: rgb( 100, 100, 100 );
}
.edit_profile img{
    max-width: 200pt;
    width: 100%;
    max-height: 200pt;
    height: 100%;
    margin: 5pt;
    margin-left: 50%;
    transform: translatex( -50% );
}
#minecraft_head{
    image-rendering: pixelated
}
#current_password{
    margin-top: 5pt;
}
#current_password:hover{
    margin-top: calc( 5pt - 2px );
}
#password2, #head input{
    margin-top: 5pt;
}
#password2:hover{
    margin-top: calc( 5pt - 2px );
}
#file > p, #head p{
    width: 80pt;
}
#head input{
    width: auto;
}
.upload_button p {
    margin-top: 2pt;
    max-width: 120pt;
    text-overflow: ellipsis;
    overflow: hidden;
}
.upload_button {
    position: relative;
    background: transparent;
    height: auto;
    display: inline-block;
    color: gold;
    width: auto;
    font-size: 11pt;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}
.upload_button input{
    position: absolute;
    z-index: 3;
    opacity: 0;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    width: auto;
}



.hidden {
    display: none;
}



.ThreadEditor > div {
    background-color: rgb( 75, 75, 75 );
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
}
.ThreadEditor > div > div {
    padding: 10pt;
}

.ThreadEditor > div:first-child {
    width: 100%;
    margin-bottom: 5pt;
}
.ThreadEditor > div:first-child > div > a, .ThreadEditor > div:first-child > div > div:not( :last-child ){
    float: left;
    font-size: 13pt;
}

.ThreadEditor > div:nth-child( 2 ) {
    width: calc( 80% - 5pt );
    float: left;
    min-height: 20vw;
    background-color: rgb( 75, 75, 75 );
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
}
.ThreadEditor > div:nth-child( 2 ) input {
    color: gold;
    -webkit-text-fill-color: gold;
    font-size: 15pt;
    margin-top: 5pt;
    margin-bottom: 5pt;
    background: transparent;
    width: 100%;
    border: none;
    border-bottom: 2px solid rgb( 100, 100, 100 );
}
.ThreadEditor #textBox{
    margin-top: 5pt;
    margin-bottom: 5pt;
    padding-left: 5pt;
    padding-right: 5pt;
    min-height: 14vw;
    word-break: break-all;
    font-size: 11pt;
    color: white;
    background: rgba( 0, 0, 0 ,0 );
    width: calc( 100% - 10pt );
    border: none;
    resize: vertical;
}
.ThreadEditor > div:nth-child( 3 ) {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color: rgb( 75, 75, 75 );
    width: 20%;
    margin-left: 5pt;
    float: left;
}
.ThreadEditor > div:nth-child( 2 ) > div > div:last-child a {
    font-size: 13pt;
}
.ThreadEditor > div:nth-child( 2 ) > div > div:last-child a:hover {
    border-bottom: 2px solid rgba( 140, 140, 140, 0.75 );
}
.ThreadEditor > div:nth-child( 2 ) > div > div:last-child, .ThreadEditor li > p {
    padding-top: 10pt;
}
.ThreadEditor td {
    height: 10pt;
    width: 10pt;
    cursor: pointer;
}
.ThreadEditor div > .CBox {
    margin-left: 10pt;
}
.ThreadEditor > div:nth-child( 3 ) > div > p:first-child {
    font-size: 13pt;
}


.PostEditor > div:nth-child( 2 ) {
    width: calc( 80% - 5pt );
    float: left;
    min-height: 20vw;
    background-color: rgb( 75, 75, 75 );
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
}
.PostEditor > div:nth-child( 2 ) > div {
    padding: 10pt;
}
.PostEditor #textBox, #shadowTextBox{
    margin-top: 5pt;
    margin-bottom: 5pt;
    padding-left: 5pt;
    padding-right: 5pt;
    min-height: 14vw;
    word-break: break-all;
    font-size: 11pt;
    color: white;
    background: rgba( 0, 0, 0 ,0 );
    width: calc( 100% - 10pt );
    border: none;
    resize: vertical;
}
#shadowTextBox {
    position: absolute;
    z-index: 2;
    color: rgba( 0, 0, 0, 0 );
    color:black;   /* sets the color of both caret and text */
    -webkit-text-fill-color: transparent; /* sets just the text color */
}
.PostEditor > div:first-child {
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    background-color: rgb( 75, 75, 75 );
    width: 20%;
    margin-right: 5pt;
    float: left;
}
.PostEditor > div:first-child > div {
    padding: 1vw;
}
.PostEditor > div:first-child div img {
    max-height: 100pt;
    height: 100%;
    max-width: 100pt;
    width: 100%;
    margin-left: 50%;
    transform: translateX( -50% );
    margin-bottom: 10pt;
}
.PostEditor > div:first-child > div > p {
    text-align: center;
}
.PostEditor > div:nth-child( 2 ) > div > div > div{
    float: left;
}

#color-button > div, #size-button > div{
    display: none;
    position: absolute;
    background-color: rgb( 75, 75, 75 );
    border: 2px solid rgba( 100, 100, 100, 1 );
    box-shadow: 0 17px 50px rgba( 16, 16, 16, 0.16 ), 0pt 12px 15px rgba( 16, 16, 16, 0.3 );
    z-index: 1000;
    padding: 5pt;
    padding-left: 10pt;
    width: 600px;
}
#size-button > div{
    padding-left: 0pt;
    width: 75pt;
}
#size-button > div *{
    display: block;
    text-align: center;
    padding-top: 2.5pt;
    padding-bottom: 2.5pt;
}
#size-button > div *:hover{
    background: rgb( 150, 150, 150 );
}
#color-button:hover > div, #size-button:hover > div{
    display: block;
}
.PostEditor > div:nth-child( 2 ) > div > div > a{
    float: left;
}

.PostEditor > div:nth-child( 2 ) > div > div:last-child{
    padding-top: 5pt;
    padding-bottom: 12.5pt;
}
.PostEditor > div:nth-child( 2 ) > div > div:last-child a{
    font-size: 13pt;

}
.PostEditor td {
    height: 10pt;
    width: 10pt;
    cursor: pointer;
}






.DropDown {
	position: relative;
}
.DropDown div{
	border-width: 2px;
	border-color: rgba( 140, 140, 140, 0.75 );
	border-style: solid;
	background: rgb(75,75,75);
	display: none;
	position: absolute;
	font-size: 11pt;
	z-index: 1000;
    margin-left: -3pt;
	box-shadow: 0 17px 50px rgba( 16, 16, 16, 0.16 ), 0pt 12px 15px rgba( 16, 16, 16, 0.3 );
}
.DropDown div *{
    display: block;
    padding: 5pt 10pt 5pt 10pt;
    white-space: nowrap;
    text-align: center;
}
.DropDown div *:hover{
    background-color: rgb( 100, 100, 100 );
}
.DropDown:hover div{
    display: block;
}
.DropDown a img{
    max-height: 20pt;
    max-width: 20pt;
    padding: 0;
    margin: 0;
    margin-top: -5pt;
    transform: translateY( 2.5pt );
}
.DropDown input {
    margin-top: 0pt;
}
.NavBar > div > div:nth-child( 2 ) .DropDown > a {
    padding: 0;
}

.CBox{
	font-size: 11pt;
	padding: 3pt 3pt 3pt 0;
	width: auto;
    list-style: none;
}
.register .CBox{
    text-align: center;
    display: table;
    margin: 0 auto;
}
.CBox label{
	position: relative;
	overflow: hidden;
	margin-right: 5pt;
	float: left;
}
.CBox p:last-child, .CBox a:last-child{
    margin-top: 2pt;
	margin-left: 5pt;
    margin-bottom: 2pt;
    float: left;
}
.CBox a{
    color: gold;
}
.CBox p:nth-child( 2 ), .CBox p:nth-child( 3 ){
	display: none;
	position: relative;
	text-align: center;
	vertical-align: super;
    color: gold;
    float: left;
    cursor: pointer;
}
.CBox input{
    display: none;
}
.CBox input:checked + p {
    display: block;
}
.CBox input:not(:checked) ~ p:nth-child( 3 ){
    display: block
}

input:-webkit-autofill {
    transition: background-color 9999s ease-in-out 0s !important;
    -webkit-text-fill-color: gold;
}
input::-webkit-input-placeholder {
    color: rgb( 150, 150, 150 );
}
.email-icon, .bold-icon, .arrow-up-icon, .link-icon, .underline-icon, .picture-icon, .italic-icon, .bold-icon, .smiley-icon, .size-icon, .paint-icon, .save-icon, .delete-icon, .warning-icon, .plus-icon, .check-icon, .enter-icon, .exit-icon, .cancel-icon, .topic-icon, .register-icon, .edit-icon{
	background-repeat: no-repeat;
	background-position: 5pt 2pt;
	background-size: auto 75%;
}
.upload_button p{
	background-position: 5pt 1.5pt;
}
.plus-icon{
    background-image: url( "../media/icons/plus.png" );
}
.enter-icon{
    background-image: url( "../media/icons/enter.png" );
}
.check-icon{
    background-image: url( "../media/icons/check.png" );
}
.exit-icon{
    background-image: url( "../media/icons/exist.png" );
}
.cancel-icon{
    background-image: url( "../media/icons/cancel.png" );
}
.topic-icon{
    background-image: url( "../media/icons/topic.png" );
}
.register-icon{
    background-image: url( "../media/icons/register.png" );
}
.edit-icon{
    background-image: url( "../media/icons/edit.png" );
}
.delete-icon{
    background-image: url( "../media/icons/delete.png" );
}
.warning-icon{
    background-image: url( "../media/icons/report.png" );
}
.save-icon{
    background-image: url( "../media/icons/save.png" );
}
.paint-icon{
    background-image: url( "../media/icons/color.png" );
}
.size-icon{
    background-image: url( "../media/icons/size.png" );
}
.smiley-icon{
    background-image: url( "../media/icons/smiley.png" );
}
.bold-icon{
    background-image: url( "../media/icons/bold.png" );
}
.italic-icon{
    background-image: url( "../media/icons/italic.png" );
}
.picture-icon{
    background-image: url( "../media/icons/picture.png" );
}
.underline-icon{
    background-image: url( "../media/icons/underline.png" );
}
.link-icon{
    background-image: url( "../media/icons/link.png" );
}
.arrow-up-icon{
    background-image: url( "../media/icons/arrow-up.png" );
}
.email-icon{
    background-image: url( "../media/icons/email.png" );
}
.Icon{
    display: block;
    margin: 0 5pt 0 0;
    height: 20pt;
    width: 20pt;
    cursor: pointer;
    padding: 3pt;
}
.IconButton{
	padding-top: 2pt;
    padding-left: 20pt !important;
    padding-right: 4pt;
}
::-webkit-scrollbar{ width: 5pt;
}
::-webkit-scrollbar-track{
    background: rgba( 16, 16, 16, 0.9 );
}
::-webkit-scrollbar-thumb{
    background: rgba( 98, 98, 98, 1 );
}
::-webkit-input-placeholder{
    color: white;
}










.userRow, .groupRow {
    text-align: left;
    width: 420pt;
    margin-left: 25pt;
    margin-top: 5pt;
}
.newGroupRow {
    text-align: left;
    width: 420pt;
    margin-left: 25pt;
    margin-top: 5pt;
}
.userRow div:nth-child( 2 ) .DropDown a, .groupRow div:nth-child( 2 ) .DropDown a {
    width: 110pt;
    margin-right: 5pt;
}
.userRow div:nth-child( 2 ) .DropDown div, .groupRow div:nth-child( 2 ) .DropDown div  {
    width: 110pt;
}
.groupRow div:nth-child( 2 ) .DropDown div  {
    width: 150pt;
}
.groupRow div:nth-child( 3 ) input {
    width: 50pt;
    margin-top: -2pt;
}
.groupRow div:nth-child( 4 ) {
    margin-top: 5pt;
}
.groupRow div:nth-child( 4 ) a {
    margin-left: 5pt;
}
.userRow .DropDown, .groupRow .DropDown {
    margin-right: 5pt;
}
.userRow .DropDown > a, .groupRow .DropDown > a {
    margin-right: 5pt;
}
.userRow > div, .groupRow > div, .newGroupRow > div {
    float: left;
}
.userRow > div:first-child {
    width: 150pt;
}
.groupRow > div:first-child input {
    width: 75pt;
    margin-top: -2pt;
    margin-right: 12pt;
}
.newGroupRow > div:first-child input {
    width: 100pt;
    margin-top: -2pt;
    margin-right: 12pt;
}
.userRow > div:first-child div {
    padding-top: 5pt;
}
.userRow > div:first-child a, .groupRow > div:first-child a {
    margin-left: 5pt;
    padding-top: 5pt;
}
.userRow > div > a, .userRow > div > div > a, .groupRow > div > a, .userRow > div > div > a {
    font-size: 13pt !important;
}
.userRow img {
    float: left;
    max-height: 25pt;
    max-width: 25pt;
    padding: 0;
    margin: 0;
    transform: translateY( 2.5pt );
}
.userlist > div > div, .groupList > div > div {
    width: 400pt;
}
.groupList > div > div {
    width: 375pt;
}
.groupList > div > div > div {
    position: relative;
}
.groupList > div > div > div > div:nth-child( 3 ) {
    max-height: 300pt;
    overflow-y: scroll;
    overflow-x: hidden;
}
.newGroupRow div:nth-child( 2 ) {
    padding-top: 5pt;
}
.NewsBox {
    background-color: rgb( 75, 75, 75 );
    padding: 5pt;
    color: white;
    width: calc( 33.33% - 12.5pt );
    float: left;
    margin-bottom: 5pt;
    margin-right: 5pt;
    height: 175pt;
}
.NewsBox > div:first-child p, .FeedBox > div:first-child p {
    color:gold;
    font-size:16pt;
}
.NewsBox img, .FeedBox img {
    width: auto;
    height: auto;
    max-height: 80pt;
    max-width: 200pt;
}
.NewsBox > div:nth-child( 2 ) div > a:nth-child( 1 ), .FeedBox > div:nth-child( 2 ) div > a:nth-child( 1 ) {
    padding-left: 10pt;
    color:gold;
    font-size:16pt;
}
.NewsBox > div:nth-child( 2 ) div > p:nth-child( 2 ), .NewsBox > div:nth-child( 2 ) div > p:nth-child( 3 ), .FeedBox > div:nth-child( 2 ) div > p:nth-child( 2 ), .FeedBox > div:nth-child( 2 ) div > p:nth-child( 3 ) {
    padding-left: 20pt;
}
.NewsBox > div:nth-child( 2 ) div:nth-child( 2 ) > p, .FeedBox > div:nth-child( 2 ) div:nth-child( 2 ) > p {
    padding-top: 5pt;
    padding-left: 10pt;
    white-space: pre-line;
}
.NewsBox > div:nth-child( 2 ) > div {
    width: 300pt;
    height: 130pt;
    display: none;
}
.FeedBox {
    background-color: rgb( 75, 75, 75 );
    padding: 5pt;
    color: white;
    width: calc( 66.66% - 12.5pt );
    float: left;
    margin-bottom: 5pt;
    height: 175pt;
}
.FeedBox > div:nth-child( 2 ) > div {
    height: 130pt;
    display: none;
}
.FeedBox > div:nth-child( 2 ) > div > div {
    width: 33.3%;
    float: left;
    height: 130pt;
}
.FeedBox > div:nth-child( 2 ) > div:first-child {
    display: block;
}
.NewsBox > div:nth-child( 2 ) > div:first-child, .FeedBox > div:nth-child( 2 ) > div:first-child {
    display: block;
}
.NewsBox > div:nth-child( 2 ), .FeedBox > div:nth-child( 2 ) {
    overflow: hidden;
}
.NewsBox > div:nth-child( 3 ) a:first-child, .FeedBox > div:nth-child( 3 ) a:first-child  {
    padding-left: 10pt;
    font-size: 16pt;
}
.NewsBox > div:nth-child( 3 ) a:nth-child( 2 ), .FeedBox > div:nth-child( 3 ) a:nth-child( 2 )  {
    float: right;
    margin-right: 10pt;
    font-size: 16pt;
}
.DivSlider{
    width: 99.8%;
    animation-name: DivLeft;
    animation-duration: 300ms;
    animation-timing-function: ease !important;
}
@keyframes DivLeft{
    0%{ margin-left: -100%; }
    100%{ margin-left: 0; }
}
.discordList {
    background-color: rgb( 75, 75, 75 );
    padding: 5pt;
    color: white;
    float: left;
    height: 380pt;
    width: calc( 33.33% - 12.5pt );
    margin-right: 5pt;
    height: 380pt;
}
.discordList > div > div {
    margin-bottom: 5pt;
}
.discordList img {
    float: left;
    width: 25pt;
    height: 25pt;
    margin-bottom: 5pt;
    margin-right: 5pt;
}
.discordList img ~ p{
    padding-top: 5pt;
    float: left;
    overflow: hidden;
    width: 125pt;
}
.discordList > div > div > div {
    width: 160pt;
}
.discordList > div > div:nth-child( 2 ), .discordList > div > div:nth-child( 3 ) {
    float:left;
    width: 50%;
}
.discordList > div > div:nth-child( 4 ) {
    content: "";
    clear: both;
    width: 100%;
}
.discordList > div > div:last-child {
    text-align: center;
}
.playerList {
    background-color: rgb( 75, 75, 75 );
    padding: 5pt;
    color: white;
    float: left;
    width: calc( 66.66% - 12.5pt );
    height: 200pt;
}
.playerList > div > div:first-child p, .playerList > div > div > div > p, .discordList > div > div:first-child p, .discordList > div > div:last-child a {
    color:gold;
    font-size:16pt;
}
.playerList > div > div > div > p {
    margin-bottom: 5pt;
}
.playerList > div > div > div {
    float:left;
    width: 25%;
    text-align:center;
}
.playerList > div > div:last-child {
    height: 155pt;
    overflow-y: scroll;
}
.playerList > div > div:last-child::-webkit-scrollbar-track{
    background: rgba( 75, 75, 75, 0.9 );
}
.playerList > div > div > div > div > img {
    float: left;
    margin-right: 5pt;
}
.playerList > div > div > div > div > p {
    float: left;
    margin-top: 5pt;
}
.playerList > div > div > div > div {
    margin: 0 auto;
    display: table;
    margin-bottom: 5pt;
}
.staffList > div > div {
    width: 200pt;
    text-align: center;
    margin-left: 5pt;
    margin-right: 5pt;
    padding: 10pt;
    background-color: rgb( 75, 75, 75 );
    box-shadow: 0 2px 10px rgba( 16, 16, 16, 0.16 ), 0pt 2px 5px rgba( 16, 16, 16, 0.4 );
    float: left;
}
.staffList > div {
    display: table;
    margin: 0 auto;
    padding-bottom: 10pt;
}
.staffList img {
    max-width: 100%;
    width: auto;
    height: 110pt;
}
.staffList p:first-child {
    color:gold;
    font-size:16pt;
}
.groupList .DropDown input{
    float: left;
    margin-right: 5pt;
    margin-top: 5pt;
}
.groupList .DropDown{
    position: inherit;
}
.groupList .DropDown p{
    text-align: left;
}
.groupList .DropDown > div {
    text-align: left;
    width: auto !important;
    max-height: 300pt;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
}
.userActivate {

}