:root {
  --color-header-txt1:#e20030;
  --color-header-txt2:#000000;
  --color-header-bg:#ffffff;
  --color-center-bg:#5d5c5c;
  --color-footer-bg:none;
  --color-button-txt:#ffffff;
  --color-button-bg:#e20030;
  --color-tabs1-txt:#ffffff;
  --color-tabs1-bg:#e20030;
  --color-tabs1-border:#e20030;
  --color-tabs2-txt:#666464;
  --color-tabs2-bg:#f0f0f0;
  --color-tabs2-border:#f0f0f0;
}

body {
  background-color: var(--color-center-bg);
}


body #background{
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  opacity: 0.8;
  background-size: cover;
  background-image:url('../images/uploads/sg-bg-da-1024x737.jpg');
  background-position: center 0;
  background-repeat: no-repeat;
  text-align: center;
}

body #container,
body #footer,
body #header{
  position: relative;
  z-index: 10;
}


#header{
  background-color: var(--color-header-bg);
}

#footer {
  background-color: var(--color-footer-bg);
}

ul#history span.pseudo
,#header .wrap span p.title
,header div h2,
.header-text .title{
  color: var(--color-header-txt1);
}

header div h2 span
,#header .wrap span p.subtitle
,#main div#left .desc h3,
.header-text .subtitle{
  color: var(--color-header-txt2);
}

#footer .wrap span p.credits {
  color: var(--color-header-txt1);
}

#footer .wrap span p.credits a{
  color: var(--color-header-txt2);
}

#container #widgets ul#tabs li{
  color: var(--color-tabs2-txt);
  background-color: var(--color-tabs2-bg);
  border: 1px solid var(--color-tabs2-border);
}

.tabContent .title{
    color: var(--color-tabs1-bg);
}

#chat .tabTitle,
#main div#right ul#tabs li.active,
#container #widgets ul#tabs li.active {
  color: var(--color-tabs1-txt);
  background-color: var(--color-tabs1-bg);
  border-color: var(--color-tabs1-border);
}

#container #widgets ul#tabs li:hover:not(.active):before,
#main div#right ul#tabs li:hover:not(.active):before{
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  left: 12.5%;
  width: 75%;
  border: 1px solid transparent;
  border-bottom-color:var(--color-tabs1-border);
}

.instantShare a.facebook,
.instantShare a.twitter,
.instantShare > a.facebook:hover,
.instantShare > a.twitter:hover{
  background-color: var(--color-button-bg);
}

#submit_login,
#submit_message,
.form_container input[type="submit"],
.signin .type-submit,
.signin .signin-content .signin-form input.type-submit 
{
  color: var(--color-button-txt);
  background-color: var(--color-button-bg);
}

.signin .signin-content .box .inside,
.form-whitelisting {
  background-color: var(--color-header-bg);
}