:root {
  --base-color:rgba(2, 0, 16, 0.77);
  --base-color2: rgb(84, 1, 1);
  --accent-color: #ff7c00;
  --accent-color2: #ad463b;
  --accent-color3: #ff8f00;
  --accent-color4: #c74324;
  --black-control: rgba(99, 86, 47, 0.41);
  --white-control: rgba(255, 255, 255, 0.83);
  --text-color: rgb(163, 165, 129);
  --header-text-color: rgb(253, 255, 217);
  --Header-Font-Family: "Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
  --Body-Font-Family: "Helvetica", "Arial", "Bitstream Vera Sans", "Verdana", sans-serif;
  --Font-Scale: 93.3%;
  --Background: url('http://www.100hdwallpapers.com/wallpapers/1920x1080/mount_olympus_god_of_war_ascension-hd_wallpapers.jpg') center -25px/cover no-repeat fixed var(--base-color);
  --Adapt: Invert(100%) hue-rotate(180deg); /* 0%, 0deg = LIGHT, 100%, 180deg = DARK */
  --Section-Icon:hue-rotate(0deg) saturate(61%) opacity(100%) contrast(127%) brightness(106%) sepia(0%);
  --Wrap-Background:rgba(0, 0, 0, 0.52);
  --H2-Background: url(http://i.imgur.com/CffG0TL.png) repeat-x, linear-gradient(to bottom, rgba(255,255,255,0.16) 0%,rgba(255,255,255,0.22) 1%,rgba(0,0,0,0.48) 5%,rgba(255,255,255,0.16) 9%,rgba(255,255,255,0.16) 11%,rgba(255,255,255,0.06) 12%,rgba(0,0,0,0) 100%) var(--base-color2);
  --H2-Filter: sepia(0%) hue-rotate(0deg) saturate(100%) opacity(100%) contrast(100%) brightness(100%);
  --Category-Buttons: saturate(205%) opacity(133%) contrast(100%) brightness(1.3) hue-rotate(-39deg);
  --Logo-Filter:;
  --Texture: url("www.Do NOT.com leave this without URL if you dont want a texture.png");
}

::-webkit-scrollbar {
    width: .3em;
 background-color: var(--base-color);
}

 ::-webkit-scrollbar-corner{
background-color: var(--base-color2);
}

::-webkit-scrollbar-button{
    background-color:rgba(255, 255, 255, 0.24);
}

 
::-webkit-scrollbar-thumb {
  background-color: var(--text-color);
  border-radius:20px;
 
}


html,body {
background: var(--Background);
color:var(--text-color);
background-color:var(--base-color);
font-family: var(--Body-Font-Family);
font-size:var(--Font-Scale);
margin:0;
padding:0;
}

.profile thead td,.profile thead th{
background: var(--H2-Background);
}

thead td,thead th {
padding:0px;
border-width:0px;
}

a {
color:var(--accent-color2);
text-decoration:none;
  -webkit-transition: border-bottom .25s, color .5s  ease-out;
  -moz-transition: border-bottom .25s, color .5s  ease-out;
  -o-transition: border-bottom .25s, color .5s  ease-out;
  transition: border-bottom .25s, color .5s  ease-out;
}

a:hover {
color:var(--accent-color);
  cursor: pointer;
}

hr {
background-color:var(--black-control);
border:0;
clear:both;
color:#B0B0B0;
height:1px;
}

table {
border-collapse:collapse;
border-spacing:1;
clear:both;
empty-cells:show;
width:100%;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

.calendar{
margin-top: 13px;
}

th,td {border:1px solid var(--black-control);
}

th {
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) -1px,rgba(255, 255, 255, 0.18) -1px,rgba(0,0,0,0.58) 3px,rgba(0, 0, 0, 0.4) 3px,rgba(0,0,0,0) 25px), var(--Texture);background-repeat: repeat, repeat;
background-color:var(--base-color);
text-align: left;
color:var(--text-color);
padding:5px;
}

td {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color: var(--base-color);
color:var(--text-color);
padding:5px 10px;
box-sizing: border-box !important;
}

th a,th a:hover {
font-weight:700;
}

h1 {
font-size:200%;
}

h2,h3 {
font-size:100%;
}

thead th {
background-color:var(--base-color2);
border-bottom:1px solid rgba(0, 0, 0, 0.36);
background-size: auto 100%;
color:var(--text-color);
font-size:110%;
font-weight:700;
font-family:var(--Body-Font-Family);
text-shadow: 0px 0px 1px #cbc9c9;
text-transform:uppercase;
text-align:center;
Padding: 7px;
}

.h2wrap {
border:1px solid var(--black-control);
background: var(--H2-Background);
background-color: var(--base-color2);
background-size: auto 100%;
color:var(--header-text-color);
font-weight:700;
font-family:var(--Header-Font-Family);
text-transform:uppercase;
padding: 8px 10px 8px 10px;
text-align: left;
font-size: %115;
font-weight: 700;
filter: var(--H2-Filter);
}

.h2wrap a{
    color: var(--header-text-color);

}

.h2wrap a:hover{
    color:var(--accent-color);
}

h2.special {
background: var(--H2-Background);
background-color: var(--base-color2);
border-bottom:1px solid rgba(0, 0, 0, 0.36);
}

input,select,textarea,button,a.btn_fake {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
color:var(--text-color);
border: 1px solid var(--black-control);
background-color:var(--base-color);
padding:3px 5px;
vertical-align:middle;
}

textarea {
font-family:var(--Body-Font-Family);
font-size:100%;
margin:auto;
width:98%;
}

input:focus,input.focus,textarea:focus,textarea.focus {
border-color:var(--accent-color2);
}

.submit_error {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background:--var(base-color);
border:1px solid var(--accent-color2);
}

button,a.btn_fake {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
color:var(--text-color);
background-color: var(--base-color);
cursor:default;
font-family:var(--Body-Font-Family);
font-size:90%;
border: 1px solid var(--black-control);
overflow:visible;
width:auto;

  -webkit-transition: border .5s ease-out;
  -moz-transition:  border .5s ease-out;
  -o-transition: border .5s ease-out;
  transition:  border .5s ease-out;
}

button:hover,a.btn_fake:hover {
border-color:var(--accent-color)
  -webkit-transition: border .7s ease-in;
  -moz-transition:  border .7s ease-in;
  -o-transition: border .7s ease-in;
  transition:  border .7s ease-in;;
}

button.btn_text {
background:none;
border:0;
cursor:pointer;
font-family: var(--Body-Font-Family);
font-size:100%;
}

.notice {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background: var(--base-color)
border:2px solid var(--black-control);
color:var(--text-color);
margin:10px auto 0;
width:70%;
}

.notice dt {
color:var(--text-color);
font-weight:700;
}

.notice dd {
font-style:italic;
}

dl.info {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color); 
border-color:var(--accent-color2); 
}

.info dt {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color); 
color:var(--white-control);
}

dl.error {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color); 
border-color:var(--accent-color2);
}

.error dt {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color); 
color:var(--accent-color2);
}

#top ul,#nav,ul.cat-pages,ul.cat-topicpages,table.calendar ul,div.meta_menu ul,#pm_folderlist,#profile_menuwrap ul {
list-style:none;
padding:0;
}

#profile_menuwrap ul,ul.cat-topicpages,blockquote dl,#fast-reply dd {
margin:0;
}

#top li,#nav li,ul.cat-pages li,ul.cat-topicpages li,table.calendar li,#pm_folderlist li,#profile_menuwrap li,#ucp_gallery li {
display:inline;
}

#top_bar {
background:url(http://z4.ifrm.com/static/1/css/topbar.png) repeat-x top #FB9D3A;
height:19px;
display:none;
}

#top_info a {
color:var(--white-control);
}

#top_info a:hover {
color:var(--white-control);
}

#top {
background: var(--H2-Background); 
background-color: var(--accent-color4);
border-bottom:1px solid rgba(0, 0, 0, 0.36);
color:var(--white-control);
font-size:85%;
padding: 7px 2% 5px 2%;
margin-bottom: 20px;
height:20px;
display: block;
float: left;
width: 96%;
-webkit-box-shadow: 0px 0px 60px 1px rgba(0, 0, 0, 0.33);
-moz-box-shadow: 0px 0px 60px 1px rgba(0, 0, 0, 0.33);
box-shadow: 0px 0px 60px 1px rgba(0, 0, 0, 0.33);
}

#top a: hover {
color:var(--white-control);
}

#top_info {
color:var(--white-control);
float:left;
margin-top:2px;
}

#top_menu {
border-left:0px solid #3a5197;
float:right;
margin-top:0px;
}

.drop_menu li {
float:left;
text-align:center;
}

.drop_menu a {

padding:4px .25em;
position:relative;
width:9em;
color:var(--white-control);
}

.drop_menu a:hover {
}

.drop_menu ul {
-moz-opacity:0.85;
border-top:1px solid rgba(255, 255, 255, 0.13);
color:var(--white-control);
left:-999em;
margin:0;
opacity:0.85;
position:absolute;
width:9.4em;
}

.drop_menu ul li {
font-size:85%;
margin:0;
padding:0;
width:100%;
}

.drop_menu ul li a {
background:var(--base-color);
border:0 solid rgba(255, 255, 255, 0.12);
border-width:0 1px 1px;
display:block;
padding:4px 5%;
width:90%;
}

.drop_menu li ul li a:hover {
filter:brightness(140%);
}


#submenu_bar {
background-color: var(--accent-color4);
border-left:1px solid #3a5197;
border-right:1px solid #3a5197;
height:14px;
margin:0 2%;
display:none;

}

#submenu {
background-color: var(--accent-color4);
border-top:2px solid rgba(255, 255, 255, 0.12);
border-bottom:2px solid rgba(0, 0, 0, 0.36);
color:var(--white-control);
font-size:85%;
margin:0 0%;
padding:3px 1% 4px;
text-align:center;
font-size:105%;
text-shadow: 2px 1px 2px #595959;
text-transform:uppercase;
-webkit-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.34);
-moz-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.34);
box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.34);
}

#submenu a {
color:var(--white-control);
padding:3px 32px;
text-shadow:var(--black-control);
border-bottom:0px solid var(--accent-color4);
border-top:0px solid var(--accent-color4);
  -webkit-transition: border .15s ease-in;
  -moz-transition:  border .15s ease-in;
  -o-transition: border .15s ease-in;
  transition:  border .15s ease-in;
}

#submenu a:hover {
text-decoration:none;
border-bottom:10px solid var(--accent-color4);
border-top:10px solid var(--accent-color4);
}

#wrap {
background: var(--Wrap-Background);
border:1px solid var(--accent-color3);
margin: 25px 12% 30px;
}



#nav {
color: var(--header-text-color);
height:1%;
float: left;
font-weight:bold;
margin-left: 15px;
padding-right: 22px;}


.logo img{
margin: auto;
display: block;
filter: var(--Logo-Filter);
}

.meta_menu {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color);
border: 1px solid var(--black-control);
padding:0;
width:49%;
}

.meta_menu h3 {
background:var(--base-color2);
border-bottom:1px solid rgba(0, 0, 0, 0.36);
color:var(--text-color);
font-size:100%;
font-weight:700;
font-family: var(--Body-Font-Family);
text-transform:uppercase;
clear:both;
font-size:100%;
font-weight:700;
margin:-1px;
text-align:center;
}

.meta_menu a,.meta_menu a:hover {
color:var(--accent-color2);
}

ul.cat-pages {
float:left;
font-size:90%;
padding: 5px 1px;
width:49%;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color: var(--base-color);
border:1px solid var(--black-control);
color:var(--accent-color2);
}

.cat-pages a:hover,.cat-topicpages a:hover {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background: var(--base-color2);
color:var(--accent-color2);
}

.cat-pages span {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background:var(--base-color);
border:1px solid var(--accent-color2);
color:var(--text-color);
cursor:default;
font-weight:700;
padding:2px 5px;
}

.cat-pages input {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background: var(--base-color);
color:var(--accent-color2);
padding:3px 5px;
vertical-align:baseline;
}

ul.cat-topicpages {
float:right;
font-size:80%;
padding:1px 0;
}

tr.generic td,div.generic {
font-size:120%;
font-weight:700;
padding:20px;
text-align:center;
}

td.c_head,td.c_foot,td.c_sort {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color);
font-size:80%;
}

td.c_desc {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color);
font-weight:700;
text-align:right;
vertical-align:middle;
width:200px;
}

tr.row2.newreplies{
background-color:var(--base-color);
}

td.c_desc small {
display:block;
font-weight:400;
}

tr.pm_new td {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color);
font-weight:700;
}

tr.hidden td.c_post {
background:#eeeee5;
}

.bday {
background:url(http://z4.ifrm.com/static/1/s_minibday.png) no-repeat;
color:var(--accent-color2);
font-size:90%;
font-weight:700;
height:16px;
padding:2px 2px 2px 18px;
width:20px;
}

.c_mark {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color);
text-align:center;
width:1%;
}

.c_forum {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color);
color:var(--text-color);
font-size:80%;
width:60%;
line-height: 130%;
}

.c_forum strong a,.c_last strong a {
font-family: var(--Header-Font-Family);
color:var(--accent-color2);
}

.c_forum strong a {
font-size:135%;
line-height: 26px;
color:var(--header-text-color);
}

td.c_last {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color: var(--base-color);
font-size:85%;
}

.c_forum-desc {
background: var(--base-color);
color:var(--text-color);
font-size:85%;
}

.c_last-title {
background:url(http://z4.ifrm.com/static/1/last.gif) no-repeat left;
display:block;
line-height:16px;
padding-left:10px;
}

td.c_info-v,td.c_info-t,td.c_info-r {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color: var(--base-color);
font-size:80%;
padding:5px;
text-align:center;
}

td.c_subforum {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color: var(--base-color);
font-size:80%;
font-style:italic;
color:var(--text-color);
}

.cat_head td {
border-color:rgba(0, 0, 0, 0.36);
border-left:0px;
border-right:0px;
border-top:0px;
padding:0;
}

#stats .cat_head td {
border-color:rgba(0, 0, 0, 0.36);
border-left:0px;
border-right:0px;
border-top:0px;
}

.description {
color:var(--text-color);
font-size:85%;
}

a.member:hover {
color:var(--text-color);
}

td#stats_events a,td#stats_events span {
background:url(http://z4.ifrm.com/static/1/s_minical.png) no-repeat 2px;
padding:4px 0 4px 20px;
}

td.c_username {
color: var(--header-text-color);
text-align:center;
width:175px;
}

td.c_username a {
font-size:140%;
font-weight:700;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.27);
}

td.c_user {
font-size:80%;
}

td.c_user dl {
  background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
  padding: 6px;background-color: rgba(255, 255, 255, 0.03);
  border: 1px solid var(--black-control);
  margin:10px 0padding:5px 7pxwidth:160px;
  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

dl.user_profile {
overflow:hidden;
word-wrap:break-word;
}

dl.user_profile dd {
font-style:italic;
margin-left:8px;
}

dl.user_info dd {
font-weight:700;
margin-bottom:1px;
}

#profile_menu ul {
-moz-opacity:1;
border-top:0;
opacity:1;
}

#profile_menu a {
border-top:1px solid rgba(255, 255, 255, 0.12);
border-bottom:1px solid rgba(0, 0, 0, 0.36);
color:var(--white-control);
}

#profile_menu li li a {
border-top:0;
}

#profile_menu li ul li a:hover {
}

td.c_poll-choice label {
font-weight:700;
padding-left:1em;
}

td.c_poll-votes {
font-size:120%;
text-align:center;
width:15%;
}

td.c_poll-bar div {
border: 2px solid rgba(0, 0, 0, 0.2);
border-top: 2px solid rgba(255, 255, 255, 0.12);
border-left: 2px solid rgba(255, 255, 255, 0.39);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(193, 69, 34, 0)), color-stop(100%,rgba(255, 255, 255, 0.33)));
background-color: var(--accent-color);
float:left;
height:12px;
padding-right:3px;
}


float:left;
height:12px;
padding-right:3px;
}

td.c_poll-bar span {
background: var(--accent-color2);
display:block;
float:left;
height:12px;
width:3px;
}


.editby,.queued {
border: 1px solid var(--black-control);
padding: 2px 12px;
margin-top: 10px;
filter: opacity(23%);
font-size:85%;
font-style:italicmargin-top:1empadding:3px 5px;}

.queued {
background-color: var(--base-color);
border-color:var(--accent-color);
}

blockquote {
margin:6.5px auto;
padding-bottom:1px;
width:99.7%;
border: 1px solid var(--black-control);
}

blockquote dl {
background: var(--H2-Background);
background-color: var(--base-color2);
filter: var(--H2-Filter);
border-bottom:1px solid var(--black-control);
color:var(--text-color);
font-size:110%;
font-weight:700;
line-height: 100%;
font-family: var(--Body-Font-Family);
text-shadow: 0px 0px 1px #cbc9c9;
text-transform:uppercase;
padding: 5px;
padding-top: 6px;
padding-bottom: 4px;
}

blockquote dl dt {
float:left;
}

blockquote dl dt {
float:left;
}

code {
background:none;
display:block;
font-family: var(--Body-Font-Family);
box-sizing: border-box;
width: 100% !important;
}

div.spoiler {
border:1px solid var(--black-control);
border-top:0;
padding:5px 7px;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

div.spoiler_toggle {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color: var(--base-color);
border:1px solid var(--black-control);
color:var(--text-color);
cursor:pointer;
font-weight:700;
padding:2px 4px;

}


td.c_postinfo {
color:var(--text-color);
font-size:80%;
vertical-align:middle;
line-height:200%;
}

td.c_sig {
color:var(--text-color);
font-size:80%;
}

td.c_sig blockquote {
background:none transparent;
border:0;
border-left:3px solid var(--accent-color2);
padding-left:5px;
}

td.c_sig blockquote dl {
background:none transparent;
border:0;
color:var(--text-color);
}

td.c_sig blockquote dl dt,td.c_sig blockquote dl dd {
color:var(--text-color);
padding:0;
}

td.c_sig blockquote div {
background:transparent;
margin-left:5px;
padding:0;
}

tr.c_postfoot {
background: var(--base-color);
clear:both;
}

td.c_footicons,td.c_postinfo {
width:100%;
padding-top:6px;
}

.c_next a {
display:block;
font-size:125%;
font-weight:700;
text-align:center;
}

td.c_view {
color:var(--text-color);
}

div.c_view-list {
color:var(--text-color);
font-size:92.5%;
}

dl#fast-reply dt {
background:var(--H2-Background);
background-color:var(--base-color2);
filter:var(--H2-Filter);
border-bottom:1px solid var(--base-color);
color:var(--text-color);
font-size:110%;
font-weight:700;
font-family: var(--Body-Font-Family);
text-shadow: 0px 0px 1px #cbc9c9;
text-transform:uppercase;
margin:0;
padding:5px;

}

dl#fast-reply dd {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color:var(--base-color);
border:1px solid var(--black-control);
padding:15px 0;
text-align:center;
}

#c_post-preview {
margin:0 auto 10px;
padding:5px;
text-align:left;
width:98%;
}

#c_post-resize span {
color: var(--accent-color2);
cursor:pointer;
font-size:225%;
padding:20px 5px 0;
}


#emot_wrap {
background:var(--base-color);
border:1px solid var(--black-control);
}

#emot_wrap h3 {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
background-color: var(--accent-color4);
color:var(--white-control);
font-size:120%;
text-align:center;
}

#emot_end {
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
border-top:1px solid var(--black-control);
display:block;
font-weight:700;
padding:4px 0;
text-align:center;
}

#pm_folders {
padding-top:30px;
vertical-align:top;
width:150px;
}

#pm_folderlist {
position: relative;
margin-left:0;
margin-top:0
}

#pm_folderlist li {
background:url(http://z4.ifrm.com/static/1/pmfolder.png) no-repeat 5px;
display:list-item;
margin-bottom:4px;
padding-left:28px;
}

#pm_forwarded {
border:1px dashed var(--white-control);
color:var(--text-color);
font-size:90%;
font-style:italic;
margin-top:1em;
padding:3px 5px;
}

#ucp_gallery a {
color:var(--accent-color2);
font-weight:700;
}

#ucp_gallery a:hover {
color:var(--accent-color);
}

.calendar td.cal_inactive {
}

.calendar td div {
background:var(--base-color2);
font-weight:700;
padding:5px 7px;
}

.calendar div a {
background:url(http://z4.ifrm.com/static/1/s_minibday.png) no-repeat 5px;
float:right;
font-size:80%;
font-weight:400;
padding:0 0 6px 24px;
}

.calendar li a,.calendar li span {
border-color:transparent;
border-style:solid;
border-width:1px;
display:block;
padding:3px;
}

.calendar td#cal_current {
border:2px solid var(--accent-color2);
}

div.portal_content {
background: var(--base-color);
border:1px solid var(--accent-color2);
font-size:88.3%;
margin:0;
padding:5px 7px;
}

#portal h2 {
font-size:88.3%;
}

#portal h4 {
background: var(--base-color);
border-left:1px solid var(--white-control);
border-right:1px solid var(--white-control);
color:var(--text-color);
font-size:88.3%;
font-weight:400;
margin:0;
padding:5px 7px;
}

#faq dt a {
color:var(--accent-color2);
font-size:120%;
font-weight:700;
}

#faq dd.faq_more a,#faq dl.faq_more a:hover {
color:var(--text-color);
font-style:italic;
}

.search_results {
background: var(--base-color);
border:1px solid #dfdfdf;
margin-bottom:1em;
padding:5px 7px;
}

.search_results h3 {
display:inline;
font-size:125%;
}

.search_results cite,.search_results p {
color:var(--text-color);
font-size:85%;
margin:0;
}

#findposts .c_mark {
color:var(--accent-color2);
font-size:200%;
font-weight:700;
vertical-align:top;
}

#pmtoast {
background: var(--base-color);
border:2px solid var(--accent-color2);
bottom:10px;
color:var(--text-color);
display:none;
font-size:90%;
position:fixed;
right:10px;
text-align:right;
text-decoration:none;
width:200px;
z-index:1;
}

#pmtoast:hover {
border-color:var(--black-control);
}

#pmlink {
background:url(http://z4.ifrm.com/static/1/toast.png) no-repeat 5px;
color:var(--accent-color2);
display:block;
padding:10px 10px 10px 55px;
text-decoration:none;
}

#pmlink big {
color:var(--accent-color2);
display:block;
font-weight:700;
padding-bottom:5px;
}

#pmlink strong {
color:var(--accent-color2);
}

#pmclose {
border-top:1px solid rgva(255,255,255,.5);
color:var(--text-color);
display:block;
font-size:80%;
padding:1px 10px;
}

#pmclose:hover {
color:var(--accent-color2);
}

#foot_wrap {
-webkit-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.34);
-moz-box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.34);
box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.34);
}

#foot td {
border-bottom:0px solid #e7e7e7;
border-top:0px solid #e7e7e7;
border-left:0;
border-right:0;
font-size:80%;
}

#foot a,#foot a:hover {
}

#foot #foot_datetime {
border-left:1px dashed rgba(255, 255, 255, 0.12);
width:1%;
white-space:nowrap;
}

#copyright {
color:var(--text-color);
font-size:80%;
margin:10px 0;
text-align:center;
}

#copyright a {
color:var(--accent-color2);
font-weight:700;
}

#c_tos h3 {
color:var(--text-color);
font-size:120%;
}

td.username_ok {
background:#e0fae0;
}

input.username_ok {
outline:2px solid #0c0;
}

td.username_no {
background:#fae0e0;
}

input.username_no {
outline:2px solid #e77700;
}

#acplogin {
background:var(--Wrap-Background);
border:2px solid var(--accent-color3);
height:275px;
left:50%;
margin:-137.5px 0 0 -250px;
padding:0;
position:absolute;
top:50%;
width:500px;
}

#acplogin h1 {
color:var(--white-control);
font-weight:400;
height:50px;
margin-bottom:20px;
padding:50px 20px 0 0;
text-align:right;
}

#acplogin h1 img {
position:absolute;
left:0;
top:0;
}

a img {
border:0;
}

form {
display:inline;
margin:0;
padding:0;
}

.category h2,.topic h2,#portal h2 {
padding:5px;
padding-top:8px;
text-align:left;
}

h3 {
padding:3px 0;
}

input[type=checkbox] {
background:transparent;
border:0;
padding:0;
}

input[type=radio] {
border:0;
}

select {
margin:0 7px;
padding:0;
vertical-align:bottom;
}

option {
margin:2px 0;
background-color: var(--base-color);
}

button.btn_img {
border:0;
cursor:pointer;
padding:0;
}

.notice dt,.notice dd {
padding:5px 7px;
}

.drop_menu a img {
vertical-align:bottom;
}

.drop_menu li:hover ul,.drop_menu li.hover ul {
left:auto;
}

#main {
height:1%;
padding:0 1%;
padding-bottom:8px;
}

#nav li img {
vertical-align:top;
}

.meta_box,.meta_menu {
margin:10px 0;
}

.meta_box li {
display:list-item;
list-style-position:inside;
list-style-type:square;
margin-left:10px;
}

.meta_menu ul {
font-size:90%;
margin:5px 5%;
}

.meta_menu img,.meta_menu span {
float:right;
margin:10px 20px;
}

.cat-pages a,.cat-pagesjump i,.cat-topicpages a {
cursor:pointer;
padding:2px 5px;
}

.cat-topicpages a {
padding:0 2px;
}

.cat-buttons,.topic-buttons{
float:right;
margin-top:15px;
margin-bottom:15px;
text-align:right;
}

.cat-buttons,.topic-buttons, tr.c_postfoot img, .h2wrap img {
filter:var(--Category-Buttons);
-webkit-transition: .25s -webkit-filter ease-in-out;
-moz-transition: .25s -moz-filter ease-in-out;
-moz-transition: .25s filter ease-in-out;
-ms-transition: .25s -ms-filter ease-in-out;
-o-transition: .25s -o-filter ease-in-out;
transition: .25s filter ease-in-out;
}

.cat-buttons:hover,.topic-buttons:hover,tr.c_postfoot img:hover,.h2wrap img:hover {
filter:var(--Category-Buttons) brightness(130%);
}

.cat-buttons:active,.topic-buttons:active,tr.c_postfoot img:active,.h2wrap img:active {
filter:var(--Category-Buttons) brightness(75%);
-webkit-transition: .15s -webkit-filter linear;
-moz-transition: .15s -moz-filter linear;
-moz-transition: .15s filter linear;
-ms-transition: .15s -ms-filter linear;
-o-transition: .15s -o-filter linear;
transition: .15s filter linear;
}


tr.postbtn td {
padding:5px;
text-align:center;
}

.row2 td {
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0)),
                    url('http://i.imgur.com/XhnTUO6.png'), 
                    var(--Texture);
  background-repeat: repeat, repeat-x, repeat;
  }

.row1,.row2 {
line-height:1.4;
}

td.c_head input,td.c_head button,td.c_foot input,td.c_foot button,td.c_sort input,td.c_sort button {
padding:1px;
}

td.c_desc img,td.c_desc input {
float:left;
vertical-align:middle;
}

.category {
margin:10px 0 10px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.1);
}

span.collapse,span.uncollapse {
cursor:pointer;
float:right;
position:relative;
}

.c_mark img {
display:block;
margin:auto;
filter: var(--Section-Icon)
}

.c_last {
line-height:1.4;
min-width:300px;
width:30%;
}

.category td.c_foot {
height:10px;
}

#stats_members {
line-height:1.2;
}

td.c_cat-mark,td.c_cat-icon {
padding:5px 0;
text-align:center;
width:30px;
}

td.c_cat-starter {
width:125px;
}

td.c_cat-lastpost {
width:175px;
}

.c_user {
vertical-align:top;
width:1px;
}

.c_post {
width:100%;
}

.c_sig,.c_nosig {
width:100%;
}

.avatar {
display:block;
margin:auto;
text-align:center;
-webkit-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.3);
}

.av_wrap {
overflow:hidden;
text-align:center;
margin:auto;
}

td.c_user .usertitle {
margin:3px 0;
overflow-x:hidden;
text-align:center;
}

.pip {
margin:3px 0;
white-space:nowrap;
}

dl.user_info dt,dl.user_info dd {
padding:.1em;
}

dl.user_info dt {
float:left;
margin:0;
min-width:4em;
}

dl.user_info dd.spacer,dl.user_profile dd.spacer {
clear:both;
float:none;
height:1px;
padding:0;
}

td.c_poll-choice {
line-height:1.5;
padding-left:45%;
}

td.c_poll-answer {
text-align:right;
width:42.5%;
}

td.c_poll-bar {
text-align:left;
vertical-align:middle;
width:42.5%;
}

* html td.c_poll-bar span {
margin-top:3px;
}

td.c_post {
line-height:1.7;
vertical-align:top;
font-size:85%;
}

td.c_post ul {
list-style-type:square;
margin-left:10px;
}

.c_post img,#topic_review img {
max-width:90%;
}

.c_post-attachment {
font-size:83.3%;
margin-top:1em;
padding:1em;
}

.c_post-attachment dd {
margin-left:1em;
}

.post_sep {
font-size:1px;
height:1px;
}

td.c_sig,td.c_nosig {
height:.5%;
vertical-align:top;
}

td.c_nosig {
}

blockquote dl dt,blockquote dl dd {
}

blockquote div,blockquote code {
margin:0;
padding:5px;
}

dl#fast-reply {
clear:both;
margin:auto;
width:80%;
-webkit-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
border: solid 1px rgba(0, 0, 0, 0.13);
}

dl#fast-reply dd p {
margin:-3px;
padding:0 5% 10px;
text-align:left;
}

dl#fast-reply dd textarea {
display:block;
height:100px;
margin-bottom:10px;
padding:2px;
width:90%;
}

#c_post-text {
height:223px;
}

#c_post-resize {
float:right;
margin-top:-1px;
padding:4px 0 0;
text-align:right;
}

#btn_preview {
float:left;
margin:10px 0 0 1px;
}

#c_emot {
height:225px;
vertical-align:top;
width:210px;
}

#emot_list {
border-top:1px solid var(--black-control);
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
height:275px;
margin:0 auto;
overflow:auto;
padding:5px 0;
text-align:center;
}

div#emot_list {
padding:0;
}

#emot_list li {
display:inline;
padding:4px 10px;
}

#emot_list img {
cursor:pointer;
vertical-align:baseline;
}

.pm {
margin-bottom:1em;
}

#pm_datesent {
width:200px;
}

#pm_select {
text-align:center;
width:1px;
}

#conversation .c_post {
padding:2em;
}

#ucp_profile,#pm_messages {
float:right;
}

#ucp_settings img,#ucp_profile img {
margin:18px 20px;
}

#ucp_gallery li {
float:left;
margin:15px 5px;
}

#ucp_gallery button {
cursor:pointer;
text-align:center;
}

.ucp button.btn_text {
padding:5px 0;
text-align:center;
width:100%;
}

.calendar td {
height:125px;
padding:0;
vertical-align:top;
width:14.3%;
}

.calendar li {
display:list-item;
font-size:80%;
margin:0;
}

.calendar li.placeholder {
padding:4px;
}

.calendar li span {
cursor:default;
}

.calendar td#cal_current div {
padding-top:3px;
}

#portal_head {
margin-bottom:10px;
}

#portal_foot {
margin-top:10px;
}

#portal_l,#portal_r {
font-size:88.3%;
margin:0;
padding:0;
}

#portal_l {
float:left;
width:200px;
}

#portal_r {
float:right;
width:150px;
}

#portal_news {
margin:0 160px 0 210px;
}

#portal_clear {
background:transparent;
border:none;
clear:both;
font-size:1px;
height:1px;
margin:0;
padding:0;
}

.portal_box {
margin-bottom:5px;
padding:1px;
}

.portal_box table {
clear:none;
}

#portal h2,#portal_foot h2 {
clear:none;
margin:0;
padding:3px 5px;
}

#faq {
margin:20px 0;
}

#faq dl {
padding:1em;
}

#faq dt {
margin-bottom:5px;
}

#faq dd {
display:list-item;
margin:0 0 3px 15px;
padding-left:3px;
}

.search_results div {
display:block;
margin:5px 0;
}

#acplogin #loginform {
display:block;
/* padding:0 50px; */
/* width: 80%; */
margin: auto;
/* width: 40%; */
height: 100%;
width: 92%;
}


.category h2 a,#portal h2 a,#portal_foot h2 a,thead a,.category h2 a:hover,#portal h2 a:hover,#portal_foot h2 a:hover,thead a:hover {
color:var(--text-color);
}

input,select,td,th {
font-size:90%;
}

button.btn_default,#nav li span,.c_post-attachment dt,#c_tos dt {
font-weight:700;
}

.meta_menu a:hover {
}

.meta_box h3,td.c_topicfoot strong,#meta_welcome strong {
font-size:120%;
}

.meta_box h3,.meta_box a,.meta_box a:hover,tr.pm_new td a,tr.pm_new td a:hover,tr.hidden td a,tr.hidden td a:hover,.c_forum strong a:hover,.c_last strong a:hover,#faq dt a:hover,.search_results h3 a,.search_results h3 a:hover {
color:var(--accent-color);
}

.row2 td,blockquote div {

}

a.member,.calendar td a,.calendar a:hover,#faq dd a,#faq dd a:hover {
color:var(--text-color);
text-shadow: .25px .25px 0px rgba(0, 0, 0, .3);
word-break: break-word;
}

img,.meta_box button img,td.c_cat-mark input,.c_post-attachment img,.warn img,#ucp_gallery a img {
vertical-align:middle;
}

h1,h2,h3,#boardmeta,#main {
clear:both;
margin:0;
}

#meta_welcome,.search_results {
clear:both;
}

#stats_events {
line-height:2;
}

.c_cat-starter,.c_cat-replies,.c_cat-views,td.c_poll-total,td.c_poll-vote,td.c_topicfoot,.warn,.ucp th,#c_notes,.calendar th {
text-align:center;
}

blockquote dl dd,#foot #foot_links {
text-align:right;
}

#c_post,#ucp_gallery {
text-align:center;
vertical-align:top;
}

#files_upload input,.pm .row1 a,.pm .row2 a,#ucp_gallery button img,#findposts td a {
display:block;
}

#ucp_settings,#pm_settings {
float:left;
}

#c_tos dd,#username_response {
margin-left:10px;
}

#vlx {
z-index:1;
}

#blog {
background:var(--accent-color2);
border:1px solid #dfdfdf;
color:var(--text-color);
margin:10px 0;
}

#blog blockquote {
background:none;
border:none;
font-size:90%;
padding:0 10px;
}

#blog h1 {
float:right;
}

#blog h2 {
background:none;
clear:none;
font-size:130%;
padding:0;
}

#blog h2,#blog h2 a,#blog h2 a:hover {
color:var(--accent-color2);
}

#blog_foot {
clear:both;
margin-bottom:20px;
}

#blog_head {
background:#f4f4f4;
border:8px solid var(--accent-color2);
padding:10px 14px;
}

#blog_head img.avatar {
display:inline;
}

#blog_main {
margin:20px 200px 10px 10px;
}

#blog_categories,#blog_readers,#blog_about,div.blog_options {
background:#f4f4f4;
margin:15px 0;
padding:5px 7px;
}

#blog_sidebar h3,#blog_sidebar dt {
color:var(--accent-color2);
font-weight:700;
}

#blog_sub {
background:#f4f4f4;
clear:both;
position:relative;
padding:5px 7px;
text-align:right;
}

#blog_sub span {
padding-top:4px;
}

#blog_sidebar {
background:#48423d;
float:right;
font-size:93.3%;
margin:20px 10px 0 0;
padding:0 10px;
width:160px;
}

#blog_sidebar dd {
margin-left:10px;
}

#blog_user {
font-size:175%;
}

div.blog_options {
font-size:90%;
text-align:right;
}

div.blog_date {
background:#f4f4f4;
border:1px solid var(--accent-color2);
color:var(--text-color);
float:right;
font-weight:700;
margin:0 15px;
text-align:center;
text-transform:uppercase;
width:40px;
}

div.blog_date span {
background:#f4f4f4;
border-top:1px solid #dfdfdf;
color:var(--text-color);
display:block;
font-size:130%;
font-weight:700;
padding:2px 4px;
}

div.blog_entry {
background:#f4f4f4;
margin:10px 0;
padding:5px 7px;
}

#blog_comments li {
padding:5px 7px;
}

#blog_comments li.odd {
  background-image: background-image: linear-gradient(to top, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0)),
                    url('http://i.imgur.com/XhnTUO6.png'), 
                    var(--Texture);
  background-repeat: repeat, repeat-x, repeat;
}

#shoutwrap {
font-size:88.3%;
}

#shoutwrap td {
padding:0;
}

#shoutbox {
list-style-type:none;
margin:0;
padding:0;
}

#shoutbox li {
padding: 5px 10px;
background-image: url('http://i.imgur.com/XhnTUO6.png'), var(--Texture);background-repeat: repeat-x, repeat;
border-bottom:1px solid var(--black-control);

}

#shoutbox li.odd {
background-image: linear-gradient(to top, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0)),
                    url('http://i.imgur.com/XhnTUO6.png'), 
                    var(--Texture);
  background-repeat: repeat, repeat-x, repeat;
  }

#shoutbox dl,#shoutbox dt,#shoutbox dd {
margin:0;
padding:0;
}

#shoutbox dt {
color:var(--text-color);
font-size:80%;
}

#shoutopts,#shoutpost {
clear:both;
text-align:center;
}

table.topic td.c_user img {
padding: 5px;
margin-top: 7px;
}


table.topic td.c_user img.avatar  
{ box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border: 5px solid var(--black-control);
  border-radius: 25px;}



.repbox {
    height: 300px; 
    overflow: scroll;
}

.onerep {
    border-bottom: 1px solid var(--black-control);
    padding: 4px 0px;
}

.reasoncloser {
    position: relative;
    left: 100px;
}

.reasonbox {
    width: 400px;
    position: fixed;
    left: 40%;
    top: 50%;
    display: none;
    text-align: center;
}

.arepplus, .arepminus {
    text-align: left !important;
    height:12px;
    display: block;
    text-indent:-9999px;
    width:12px;
    float: left;
}

.arepplus {
    background-image:url(http://z3.ifrm.com/static/1/w_up.png);
}

.arepminus {
    background-image:url(http://z3.ifrm.com/static/1/w_down.png);
    margin-left: 3px;
}

.repnumber {
    float: left;
    padding: 0px 4px;
}

.bbcode-accent { 
color: var(--accent-color2);
}

.bbcode-adapt { 
}

.bbcode-adapt img{
filter:var(--Adapt);
}

.bbcode-rounded { 
}

.bbcode-rounded img{
border-radius:25px;
}

.bbcode-imgshadow { 
}

.bbcode-imgshadow img{
box-shadow:0px 0px 64px rgba(0, 0, 0, 0.39);
}

.bbcode-imgborder { 
}

.bbcode-imgborder img{
border:3px solid var(--black-control);
}

.bbcode-shadow { 
text-shadow: 1px 1px 0px rgba(0, 0, 0, .7);
}
.bbcode-glow{
    /* Chrome, Safari, Opera */
    -webkit-animation-name: glow;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.72, 0, 0.57, 1);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: glow;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.72, 0, 0.57, 1);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}


.bbcode-glow > span{
    /* Chrome, Safari, Opera */
    -webkit-animation-name: glow;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: cubic-bezier(0.72, 0, 0.57, 1);
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: glow;
    animation-duration: 1s;
    animation-timing-function: cubic-bezier(0.72, 0, 0.57, 1);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}
@-webkit-keyframes glow {
    0%   {text-shadow: 0px 0px 0px,0px 0px 0px}
    100% {text-shadow: 0px 0px 25px, 0px 0px 6px }
}

@keyframes glow {
    0%   {text-shadow: 0px 0px 0px,0px 0px 0px}
    100% {text-shadow: 0px 0px 25px, 0px 0px 6px }
}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}

.l {text-align:left}
.c {text-align:center}
.r {text-align:right}
.left {float:left}
.right {float:right}
#stats_members a.member, .bday_strip {white-space:nowrap}
.calendar li span {cursor:default}
#c_tos li {display:list-item;margin-left:25px}
#c_tos ul li {list-style:disc}
#c_tos ol li {list-style:lower-alpha}
#shoutrefresh {cursor:pointer}