@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,600);


*{
  outline:0;
}

.spoiler_codeblock {
 margin-top:5px;
}


.spoiler_codeblock .title {
 margin-bottom:2px;
}

.spoiler_codeblock a{
 width:45px;
 font-size:10px;
 margin:0px;
 padding:0px !important;
}

.hide, .none {
 display:block;
}

.block {
 display:block;
}

.post_meta {
 text-align:right;
}

hr {
  margin:6px auto;
  height:1px;
  border:none;
  background-color:#353333;
  width:25%;
  text-align:center;
  display:block;
}


.signature {
 margin:7px auto;
 width:25%;
 background-color:#353333;
 height:1px;
}

body:not(.forumdisplay_main):not(.showthread_page) .pagination {
 padding:4px 0px;
}

.posturl + input {
 margin-left:4px !Important;
 vertical-align:middle !Important;
 display:inline-block;
}

.post .author_avatar img {
 border-radius:4px;
}

div[id*="edit_post_"] {
 margin-top:2px !Important;
}

body {
  background-color: #181818;
  padding: 0;
  margin: 0;
 font-family: "Titillium Web",Arial,sans-serif;
  line-height: 1.5;
  font-style: normal;
  font-weight: 300;
  font-size: 13px;
  color: #868686; /*646464 - org color*/
  background-image: urlb(images/modern/body_bg.png);
  text-rendering: optimizeLegibility;
}

table {
 font:inherit;
}

.float_left {
 float:left;
}

.float_right {
 float:right;
}

.clear {
 clear:both;
}

strong, b, [style*="bold"] {
  font-weight: 600;
}
.material-icons {
  font-size: inherit;
}
a:link, a:visited {
  color: #cecece;
  text-decoration: none;
}
a:hover, a:active, li.current_rating[style*="20"]~li a.one_star, li.current_rating[style*="40"]~li:nth-child(n+5) a, li.current_rating[style*="60"]~li:nth-child(n+4) a, li.current_rating[style*="80"]~li:nth-child(n+3) a, li[style*="100"]~li:nth-child(n+2) a, .theme_text {
  color: #892222;

}
.top {
  background-color: #1c1c1c;
}

.top .bottom_border {
  height:2px;
   width:auto;
  padding:0;
  background-color: #892222;
}

.top>div {
  padding: 10px 0px;
}
.top>div>a i {
  font-size: 120%;
  position: relative;
  vertical-align: middle;
}
.top>div>a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px;
}

.count_0 {
  display: none!Important;
}
a[href='#user_menu'] img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
  border-radius: 4px;
}
a[href='#user_menu'] {
}


.relative_position {
  position:relative;
}

.count{
  position:absolute;
  top:-19px;
  right:-6px;
  font-size:9px;
  padding:1px 3px;
  border-radius:3px;
}
  
a:hover .count{
 color:#fff!important;
}

.stavatar img, .sidebar img {
  border-radius: 4px;
}
.top>div .float_right {
  position: relative;
  top: 4px;
}
.header>*, .container, .top>div, #debug {
  width: 88%;
  margin: 0 auto;
}
.header {
  fill:white;
  background-color: #0f0f0f;
  box-shadow: 0px -2px 0px 0px #892222 inset;
  border-bottom: 2px solid #262626;
}

a[href="#bg_prev"],a[href="#bg_next"]{
 font-size:26px;
 position:absolute;
 z-index:3;
 display:none;
 top:110px;
}


a[href="#bg_prev"]{
 left:10px;
}

a[href="#bg_next"]{
 right:10px;
}

.logo_wrapper {
  text-align: center;
  padding: 30px 0px;
}
.logo {
  display: inline-block;
  margin: 0 auto;
  text-align: center;
  width: 96px;
  height: 76px;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(https://sinister.ly/images/modern/logo.png);
}

.logo:hover {
  background-image: url(https://sinister.ly/images/modern/logo_hover.png);
}


.nav_menu {
  list-style: none;
  padding: 0;
  border: 2px solid #892222;
  border-bottom: none;
  background-color: #141414;
  margin: 0 auto;
  position: relative;
  bottom: 0px;
  border-radius: 4px 4px 0px 0px;
}
.nav_menu:after {
  position: absolute;
  bottom: -2px;
  height: 2px;
  left: 0;
  content: "";
  right: 0;
  width: 100%;
  display: block;
  z-index: 2;
  background-color: #141414;
}
.nav_menu>li:first-child {
  display: none;
}
.nav_menu>li:not(.float_right):not(:first-child) {
  display: inline-block;
}
.nav_menu>li>a.active {
  color: #892222;
  text-align: center;
}
.nav_menu>li>a {
  display: block;
  padding: 10px 14px;
  text-align: center;
}
.nav_menu>li>a>i {
  vertical-align: middle;
  margin-right: 6px;
  font-size: 120%;
}
.nav_menu>li:first-child>a>i {
  margin-right: 0px;
}
.nav_menu>li>a>span {
  display: inline-block;
  vertical-align: middle;
}
.breadcrumb {
  padding: 6px 4px;
  background-color: #111111;
  margin-bottom: 10px;
}
.breadcrumb img {
  display: none;
}
.breadcrumb ul {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
.breadcrumb li {
  float: left;
}
.breadcrumb li:not(.first_crumb) a span {
  position: relative;
  left: 3px;
  z-index: 3;
}
.breadcrumb li.first_crumb a span:first-child {
  visibility: hidden;
  display: inline-block;
  width: 1px;
}
.breadcrumb li.first_crumb>a {
  padding-left: 15px!Important;
}
.breadcrumb li.first_crumb>a span:last-child {
  background-image: url(https://sinister.ly/images/modern/logo.png);
  background-size: 100%;
  width: 16px;
  top: 9px;
  z-index: 3;
  left: 13px;
  height: 12px;
  position: absolute;
  background-position: right center;
  background-repeat: no-repeat;
}
.breadcrumb li a {
  text-align: center;
  text-decoration: none;
  padding: 6px 0 6px 45px;
  background: #1f1f1f;
  position: relative;
  font-size: 11px;
  display: block;
  float: left;
}
.breadcrumb li a:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #1f1f1f;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  z-index: 2;
}
.breadcrumb li a:before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 30px solid #111111;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  margin-left: 3px;
  left: 100%;
  z-index: 1;
}
.breadcrumb .active {
  background-color: #892222;
  transition: none;
  color: #181818;
}
.breadcrumb .active:hover {
  color: #cecece;
}
.breadcrumb .active:after {
  border-left-color: #892222;
}
.breadcrumb a:hover {
  background-color: #272727;
}
.breadcrumb a:hover:after {
  border-left-color: #272727;
}


.breadcrumb li:not(.first_crumb) a span span[style] {
   margin-right:3px;
}

.container {
  padding: 10px;
  background-color: #141414;
  box-sizing: border-box;
  border-radius: 0px 0px 4px 4px;
  margin-bottom: 10px;
  border-top: none;
}
.content, .footer {
  padding: 10px;
  background-color: #1c1c1c;
}
.footer {
  border-top: 2px solid #892222;
  border-radius: 0px 0px 3px 3px;
}
.footer_menu>a {
  margin-left: 6px;
}

.tborder, .jqi   {
  border: 2px solid #141414;
  border-radius: 4px;
}

table.tborder {
 width:100%;
}

.tfixed {
  overflow-wrap: break-word;
  table-layout: fixed;
}

.theme_bg {
  background-color: #892222;
}

.thead, .jqiclose{
  padding: 8px 10px;
  background-color: #892222;
  border-radius: 3px 3px 0px 0px;
  color: #cecece;
}
.thead a:hover, .thead a:active {
  color: #ffffff;
}
.tborder td:not(.thead) {
}
.tcat, .tfoot {
  background-color: #141414;
  font-size: 11px;
}
.trow1, .trow2 {
  border-top: 1px solid rgba(255, 255, 255, 0.050);
  border-bottom: 1px solid rgba(0, 0, 0, 0.150);
  background-color: #202020;
}

.tcat {
  border-top: 1px solid rgba(255, 255, 255, 0.050);
  border-bottom: 1px solid rgba(0, 0, 0, 0.150);
}



.ps_deleted,
.trow_deleted,
.post.tborder.deleted_post {
	background: RGBA(59, 48, 86, 0.14);
}


.post.tborder.trow_selected,
.ps_undermod,
.trow_selected,
tr.trow_selected td {
  background-color:rgba(0, 0, 0, 0.060);
}


.trow_sep {
  font-size: 11px;
}
.forum_minion {
  color: green;
  cursor: pointer;
}
.smalltext {
  font-size: 11px;
}
.largetext {
  font-size: 16px;
  font-weight: bold;
}

span.forum_status {
  background-repeat: no-repeat;
  background-position: center center;
  display: inline-block;
  width: 42px;
  height: 42px;
  margin: 0px 3px;
}
img[src*="shim.gif"], img[src*="null.gif"] {
  display: none;
}


.popup_menu{
 display:none;
 position:absolute;
}

.popup_menu[align]{
 text-align:left;
}


.popup_item,.sceditor-dropdown:not(.sceditor-color-picker)>div>a{
 display:block;
 border-top:1px solid rgba(255,255,255,0.050);
 border-bottom:1px solid rgba(0,0,0,0.150);
 padding:9px 18px
}

.popup_item:hover{
 background-color:#892222;
 color:#f5f5f5;
}
.popup_item:first-child{
 border-radius:3px 3px 0px 0px;
}
.popup_item:last-child{
 border-radius:0px 0px 3px 3px
}

.sceditor-insertvideo  > div{
 padding:6px;
}

.expcolimage {
 float:right;
 width:auto;
 vertical-align:middle;
 position:relative;
 top:8px;
 right:2px;
 opacity:8.8;
}

.expcolimage img{
  width:8px;
}

.forums{
   margin-right:200px;
}
 
.sidebar{
 float:right;
 width:190px;
}

a[href="#sidebar_button"]:before{
 content:"\E23D";
 font-family:"Material Icons";
}

a[href="#sidebar_button"].show_sidebar:before{
 content:"\E23E";
} 

a[href="#sidebar_button"]{
 font-size:120%;
} 

body:not(.index_page) .nav_menu .float_right{
 display:none;
}


.forum_minion {
    color: green;
    cursor: pointer;
}
.smalltext {
    font-size: 11px;
}
.largetext {
    font-size: 16px;
    font-weight: bold;
}

textarea[id*="quickedit"] ~ button {
 margin-right:2px;
 cursor:pointer;
}

.select2-container {
 padding:0px !Important;
}


 .select2-container, .textbox, input[type="text"], input[type="password"], select, textarea, .editor_dropdown_label, .subject_editable input {
    padding: 5px 7px;
    border-radius: 2px;
    font: inherit;
    color: inherit;
    background-color: rgba(0, 0, 0, 0.200);
    border: 1px solid rgba(255, 255, 255, 0.040);
}

input[type="password"], input[id="email"],input[id="email2"]{
    padding: 5px 4px;!important
}
	

body[contenteditable] {

}

button, textarea[id*="quickedit"] ~ button:hover, textarea:focus, .textbox:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus, .editor_dropdown_label:focus, .subject_editable input:focus {
  border-color:#cecece;
}
select {
   
    text-indent: 1px;
    text-overflow: '';
	font-size:12px;
}
fieldset, fieldset[class] {
    padding: 10px;
    border: 2px solid #141414;
    background-color: #202020;
    border-radius: 4px;
}
legend {
    padding: 4px 6px;
    color: #cecece;
    display: block;
    margin-left: -6px;
    border: 2px solid #141414;
    background-color: #892222;
    font-size: 11px;
}



button, textarea[id*="quickedit"] ~ button, .postbit_buttons > a, .button, input[type="submit"], input[type="button"], .pagination a, .pagination .pagination_current, .sceditor-button, blockquote blockquote cite:after, button.jqibutton  {
    padding: 4px 7px;
    border-radius: 2px;
	font-family:inherit;
    color: #b9b9b9!important;
    cursor: pointer;
    background-color: #272727;
    border: 0px solid #141414;
}

textarea[id*="quickedit"]  {
 width:100% !!important;
box-sizing: border-box;
}

.profile_button {
 display:block;
}


button:hover, textarea[id*="quickedit"] ~ button:hover, button:hover, .postbit_buttons > a:hover, input[type="submit"]:hover, input[type="button"]:hover, .pagination a:hover, .sceditor-button:hover, blockquote blockquote cite:hover:after, button.jqibutton:hover {
    background-color: #892222;
}

.pagination .pagination_current {
    background-color: #892222;
}
.button img {
    display: none;
}
.button [src*="on"]+span:before {
    content: "+";
    display: inline-block;
}
.popup_menu {
    display: none;
    position: absolute;
}
.popup_menu[align] {
    text-align: left;
}

.drop_go_page {
 padding:4px 6px !Important;
}

.popup_menu {
  margin-top: 25px;
}

.popup_menu, .sceditor-dropdown, .select2-drop {
    border: 2px solid #141414;
    background-color: #202020;
    border-radius: 4px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.702);
    z-index: 9;
}

.popup_item, .sceditor-dropdown:not(.sceditor-color-picker)>div>a {
    display: block;
    border-top: 1px solid rgba(255, 255, 255, 0.050);
    border-bottom: 1px solid rgba(0, 0, 0, 0.150);
    padding: 9px 18px;
}
.popup_item:hover{
    background-color: #892222;
    color: #f5f5f5;
}
.popup_item:first-child {
    border-radius: 3px 3px 0px 0px;
}
.popup_item:last-child {
    border-radius: 0px 0px 3px 3px;
}
.trow_reputation_positive {
    background: rgba(0, 255, 0, 0.04);
}
.trow_reputation_negative {
    background: rgba(255, 24, 24, 0.04);
}
.reputation_positive, .success_message, .online, .valid_field, .success_message {
    color: #2a6f2a;
}

.postbit_multiquote_on {
 background-color:#2a6f2a;
}

.reputation_neutral {
}
.reputation_negative, .error_message, .invalid_field, .high_warning, .error_message {
    color: #b13131;
}

form input.error {
    border: 1px solid #b13131;
}
form input.valid{
    border: 1px solid #2a6f2a;
}

.error_message, .success_message, form label.error {
    display: block;
    margin: 5px 0px;
    padding: 5px 0px;
    font-size: 11px;
}
.poll {
    background-color: rgba(0, 0, 0, 0.200);
    border: 1px solid rgba(255, 255, 255, 0.040);
    border-radius: 2px;
	font-size: 0px;
}
.poll > span {
    display: inline-block;
    margin: 5px;
    border-radius: 1px;
    padding: 2px;
    height: 1px;
    background-color: #892222;
}

blockquote, .codeblock {
    padding: 6px;
    background-color: rgba(0, 0, 0, 0.200);
    border: 1px solid rgba(255, 255, 255, 0.040);
    margin: 8px 0px;
    overflow: auto;
}

.codeblock .body {
    word-break: break-all;
    max-height: 450px;
}


blockquote cite {
    font-style: normal;
    text-decoration: none;
}
blockquote cite span {
    margin-right:4px;
    float:right;
}
blockquote blockquote cite:after {
    content: "Show";
    position: relative;
    cursor: pointer;
	width:36px;
	text-align:center;
    margin-left: 6px;
    font-size: 10px;
    margin: 0px;
    padding: 2px 0px;
    display: inline-block;
}
blockquote blockquote cite.clicked:after {
    content: "Hide";
}
blockquote blockquote {
    height: 30px;
    overflow: hidden;
}
blockquote cite, .codeblock .title {
    display: block;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: 2px solid #892222;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #892222;
    padding:1px;
    color:#f9f9f9;
	border-radius:2px;
	margin:0px 2px 2px 0px;
}
.pm_alert, .red_alert {
    background: #202020;
    border: 2px solid #141414;
    padding: 10px;
    margin-bottom:11px;
    border-radius: 4px;
    font-size: 11px;
    text-align: center;
}
.moderate_warning {
    color: #b15a31;
}
.low_warning {
    color: #b19431;
}
div.error {
    padding: 5px 10px;
    padding-left: 70px!Important;
    background-color: #202020;
    border-radius: 4px;
    border: 2px solid #141414;
    position: relative;
}
div.error:before {
    font-family: "Material Icons";
    content: "\E002";
    font-size: 22px;
    color: #892222;
    float: left;
    position: absolute;
    top: 30%;
    left: 20px;
    bottom: 30%;
    margin: auto 0;
}
div.error em {
    font-style: normal;
    text-decoration: none;
    color: #892222;
}
div.error ul {
    padding-left: 10px;
    margin-left: 0;
}
.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}
.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}
.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}
.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}
.forum_legend dd {
    float: left;
    margin-right: 10px;
}
.forum_legend dt {
    margin-right: 10px;
    float: left;
}
.success_message {
    margin-bottom: 10px;
}
.error_message {
    margin-bottom: 10px;
}

.jGrowl {
    z-index: 9999;
    position: fixed;
}
.jGrowl.top-left {
    left: 0px;
    top: 0px;
}
.jGrowl.top-right {
    right: 0px;
    top: 0px;
}
.jGrowl.bottom-left {
    left: 0px;
    bottom: 0px;
}
.jGrowl.bottom-right {
    right: 0px;
    bottom: 0px;
}
.jGrowl.center {
    top: 0px;
    width: 50%;
    left: 25%;
}
.jGrowl.center .jGrowl-notification, .jGrowl.center .jGrowl-closer {
    margin-left: auto;
    margin-right: auto;
}
.jGrowl-notification {
    background-color: #202020;
    border: 2px solid #141414;
    border-radius: 4px;
    zoom: 1;
    width: 300px;
    z-index: 6;
    padding: 10px;
    margin: 10px;
    text-align: left;
    display: none;
    min-height: 40px;
}
.jGrowl-notification .ui-state-highlight, .jGrowl-notification .ui-widget-content .ui-state-highlight, .jGrowl-notification .ui-widget-header .ui-state-highlight {
    border: 1px solid #000;
    background: #000;
    color: #fff;
}
.jGrowl-notification .jGrowl-header {
    font-weight: bold;
    font-size: .85em;
}
.jGrowl-notification .jGrowl-close {
    background-color: transparent;
    color: inherit;
    border: none;
    z-index: 99;
    float: right;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
}
.jGrowl-closer {
    background-color: #202020;
    border: 2px solid #141414;
    zoom: 1;
    width: 300px;
    padding: 10px;
    margin: 10px;
    text-align: left;
    display: none;
    border-radius: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    cursor: pointer;
    font-size: .9em;
    font-weight: bold;
    text-align: center;
}
.jGrowl-closer .ui-state-highlight, .jGrowl-closer .ui-widget-content .ui-state-highlight, .jGrowl-closer .ui-widget-header .ui-state-highlight {
}

.jqibox   {
 background-color:rgba(0, 0, 0, 0.400);
}

.jqibuttons  {
  text-align:right;
}

.jqibutton  {
 text-align:center;
 margin:0px 2px;
}

.jqi  {
 min-width:400px;
}

.jqiform  {
 position:relative;
}

.jqiclose {
 text-align:right;
}

.jqiclose:before  {
 content:"Confirm your action";
 float:left;
}

.jqimessage, .jqibuttons  {
 padding:6px 8px;
}

.jGrowl-message:before {
    width: 30px;
    vertical-align: middle;
    height: 24px;
    margin-right: 10px;
    background-color: #892222;
    border-radius: 4px;
    float: left;
    padding: 8px 6px;
    display: inline-block;
    content: "";
    background-image: url(https://sinister.ly/images/modern/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 24px;
}


.ajax-spinner {
    position: fixed;
    left: 0!important;
    background: rgba(0, 0, 0, 0.300);
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 0px;
    width: 100%;
    height: 100%;
    border: none;
}

.ajax-spinner span {
    display: block;
    width: 50px;
    height: 50px;
    position: relative;
    margin: 15% auto;
    border-radius: 50%;
    border: 3.125px solid #aaa;
    animation: spinner 1.2s linear infinite;
}
.ajax-spinner span:before, .ajax-spinner span:after {
    content: '';
    position: absolute;
    display: block;
    top: -9.375px;
    left: -9.375px;
    width: 62.5px;
    height: 62.5px;
    border-radius: 50%;
    border: 3.125px solid transparent;
    border-top-color: #892222;
}
.ajax-spinner span:after {
    border-top-color: transparent;
    border-bottom-color: #892222;
}

@keyframes spinner {
    0% {
    transform: rotate(0);
}
100% {
    transform: rotate(360deg);
}
}

/*Postbit*/



.post table[width="100%"] td{
 padding:6px 8px;
}


.post.tborder, .jqi   {
 background-color:#202020;
 
}

.post.classic .post_author {
 float:left;
 width:180px;
 padding:9px 6px;
 box-sizing:border-box;
 text-align:center;
}


.author_statistics > div {
    padding: 2px 0px;
}

.author_statistics {
    margin: 10px auto;
    text-align: left;
    width: 160px;
    box-sizing: border-box;
    padding: 4px 6px;
    border-radius: 4px;
    background-color: #181818;
}

.post.classic .post_content {
   margin-left:184px;
   padding:9px 6px;
}

.post .post_head img {
 vertical-align:middle;
 display:inline-block;
}

.post .post_head {
 padding-bottom:5px;
}

.posturl.thead {
    padding: 2px 5px;
    border-radius: 4px!important;
}
.postbit_avatar img {
    border-radius: 4px;
}
.quick_jump {
    vertical-align: middle;
    display: inline-block;
}
.quick_jump:before {
    font-family: "Material Icons";
    content: "\E5DA";
    font-style: normal;
    display: inline-block;
}

.post_controls {
    padding: 9px 5px;
	border-top: 1px solid rgba(255,255,255,0.050);
    box-shadow: 0px -1px 0px 0px rgba(0,0,0,0.150);
}

img[src*="buddy"] {
 width:10px;
 height:10px;
 vertical-align:middle;
 display:inline-block;
}

.post:not(.classic) .post_content {
 padding:6px;
}

/*Postbit*/


/*Profile tabs*/

.profile_header {
    height: 175px;
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   background-color:#0f0f0f;
    position: relative;
    border-radius: 4px 4px 0px 0px;
    border: 2px solid #141414;
}

.profile_header_sep {
  height:2px;
  position:relative;
  z-index:2;
  top:-2px;
  background-color: #892222;
}

.profile_header[style] {
  height:225px;
}

.profile_sidebar_sep {
  height:2px;
  left:0;
  top:-4px;
  right:0;
  position:absolute;
  width:100%;
  background-color: #892222;
}

.profile_sidebar {
    width: 180px;
    position: relative;
    top: -34px;
    z-index:5;
    border-radius: 0px 0px 4px 4px;
    float: left;
    border: 2px solid #141414;
    padding: 8px;
    box-sizing: border-box;
    background-color: #202020;
    text-align: center;
}


.profile_sidebar:after, .profile_sidebar:before {
    background-color: #892222;
    content: "";
    width: 2px;
    position: absolute;
    display: block;
    height: 31px;
    top: -1px;
}
.profile_sidebar:after {
    right: -2px;
}
.profile_sidebar:before {
    left: -2px;
    display: none;
}
.profile_sidebar>*:not(.profile_avatar) {
    margin: 3px 0px;
}
.profile_avatar img {
    border-radius: 4px;
    margin-bottom: 14px;
}
.profile_stats>div {
    padding: 6px 0px;
    text-align: left;
    border-bottom: 1px solid #1c1c1c;
}
.profile_stats>div :last-child {
    border-bottom: none!important;
}
.profile_sidebar .thead {
    border-radius: 4px;
    display: block;
    padding: 6px 8px!Important;
    margin: 3px 0px;
}
.profile_username {
    max-width: 180px;
    word-break: break-all;
}

.profile_sidebar .thead:hover{
    background-color: #181818;
}
.profile_tabs {
    background-color: #1c1c1c;
    padding: 0px;
    position: absolute;
    right: -2px;
    z-index:3;
    bottom: -2px;
    border: 2px solid #892222;
    border-bottom:0;
    border-right-width:0;
}
.profile_tabs>a {
    font-size: 11px;
    padding: 6px 9px;
    display: inline-block;
}
.profile_tabs>a.active {
    color: #892222;
}
.profile_tabs>a>i {
    display: none;
}
.profile_container {
    margin-left: 190px;
    margin-top: 20px;
}
.profile_container .tborder td[class*="trow"]:first-child {
    width: 240px;
}
div[id*="_tab"]:not(:first-child):not([id*="rating"]):not(#prostats_table) {
    display: none;
}

.awards_block>* {
    padding: 4px 0px;
}
.awards_box {
    text-align: center;
}
.buddy_options {
    margin: 6px auto;
}

.awards_box>span {
    padding: 1px;
    width: auto;
}
.relative_position {
    position: relative;
}

.post_meta {
 margin-top:6px;
 font-size:11px;
}

/*Profile*/


.blocker {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 9 !Important;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.75);
    text-align: center;
}
.blocker:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.05em;
}
.blocker.behind {
    background-color: transparent;
}
.modal {
    display: none;
    vertical-align: middle;
    z-index: 10 !important;
  position: fixed;
left: 50%;
transform: translateX(-50%);
top: 20%;
    width: 360px;
    text-align: left;
}
.modal a.close-modal {
    position: absolute;
    top: -12.5px;
    right: -12.5px;
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background: url(/web/20220330224917im_/https://sinister.ly/images/close.png) no-repeat 0 0;
}

.modal-spinner {
    display: none;
    width: 64px;
    height: 64px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 999;
    margin-right: -32px;
    margin-top: -32px;
    background: url(/web/20220330224917im_/https://sinister.ly/images/spinner.gif) #111 no-repeat center center;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -o-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
}
#posturl_modal ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#posturl_modal ul li {
    padding: 4px 0px;
}
#posturl_modal ul li input {
    display: block;
    box-sizing: border-box;
    width: 100%;
}
#login_modal {
    background-color: #202020;
    border: 2px solid #141414;
    padding: 10px;
    width: 300px;
    border-radius: 4px;
}
#login_modal:before {
    display: block;
    padding: 60px 0px;
    margin: -10px -10px 0px -10px;
    background-image: url(https://sinister.ly/images/modern/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #892222;
    content: "";
    border-radius: 4px 4px 0px 0px;
}
#login_modal .textbox {
    margin: 6px 0px;
    display: block;
    padding: 8px 10px;
    width: 100%;
    box-sizing: border-box;
}
img[src*="buddy"] {
    opacity: 0.7;
    width: 10px;
    height: 10px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.thread_tools {
    font-size: 11px;
    padding: 2px 4px;
    margin: 0;
    list-style: none;
    border-radius: 2px;
    border: 2px solid #141414;
    background-color: #202020;
}
.thread_tools li {
    padding: 3px 0px;
}
a[href="#thread_menu"] {
    position: relative;
    top: 4px;
}

.posturl:hover {
 color:rgba(0, 0, 0, 0.600) !Important;
}

.progress_bar {
    color: white;
    position: relative;
    padding: 4px 6px;
    text-align: right;
    border-radius: 5px;
}
.progress_bar>span[style] {
    border-radius: 6px;
    bottom: 0px;
    display: inline-block;
    height: 100%;
    left: 0px;
    position: absolute;
    right: 0px;
    top: 0px;
}
.progress_bar>span:not([style]) {
    position: relative;
    z-index: 2;
    display: block;
    text-align: center;
}
#prostats_table>table *:not([class])>td {
    padding: 0px;
}
#prostats_table .tborder td {
    padding: 2px 5px;
}
#prostats_table .tborder .thead {
    padding: 8px 10px!Important;
}
#prostats_table .tborder .thead {
    border-radius: 3px 3px 0px 0px;
}

.scaleimages img {
	max-width: 100%;
}

.showthread_header_author {
 float:left;
 width:180px;
 text-align:center;
} 

.showthread_header_message {
 padding-left:186px;
}

#alerts_menu {
 width:310px;
}
	

.alert--read.alert {
    opacity: 0.5;
}


 .shadetabs {
 list-style:none;
 padding:0;
 margin:20px auto;
 text-align:center;
}

.shadetabs li {
 display:inline;
}

.shadetabs a {
 padding:8px 10px;
 border-radius:4px;
 border:2px solid #141414;
 background-color:#202020;
 margin:0px 3px;
 margin-top:2px !Important;
}

.shadetabs a:hover {
 background-color:#292929;
}

.shadetabs a.selected {
 background-color:#892222;
}

.shadetabs a.selected:hover {
color:#ffffff !important;
}

.post.tborder.unapproved_post .post_date:after{
  padding: 2px 5px;
  border-radius: 4px !important;
  background-color:#721f27;
  content:"Hidden";
 vertical-align:middle;
 display:inline-block;
 margin-right:4px;
}


.post.tborder.unapproved_post.deleted_post .post_date:after{ 
 content:"Deleted";
}


#registration_form fieldset td[width="50%"] {
  padding:5px !Important;
}



@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { .count {
 top:-1px;
} }

		



.open_close {
  display:inline-block;
  vertical-align:middle;
  position:relative;

top:-2px;
}




.advanced_stats, .user_stats {
  list-style: none;
  margin: 0;
  padding: 0;
  display:flex;
}

.advanced_stats > li, .user_stats > div {

  margin-bottom:8px;
  flex: 0 4 50%;
}


.advanced_stats > li {
  background-color:#202020;
  border: 1px solid  rgba(0, 0, 0, 0.150);
  border-radius: 2px;
  padding: 6px 8px;
  text-align: center;	
}

.user_stats > div:first-child,
.advanced_stats > li:first-child {
  margin-right:4px;
}
.user_stats > div:last-child,
.advanced_stats > li:last-child {
  margin-left:4px;	
}
.user_stats > div:nth-child(2),
.advanced_stats > li:nth-child(2) {
  margin-left:2px;
  margin-right:4px;
}
.user_stats > div:nth-child(3),
.advanced_stats > li:nth-child(3) {
  margin-left:2px;
  margin-right:2px;
}

.advanced_stats .largetext {
  font-weight:400;	
}

.user_stats .avatar {
  width: 26px;
  display:inline-block;
  vertical-align:middle;
  height: 26px;
  border-radius: 2px;
  margin-right: 8px;
}

.user_stats .avatar+ a {
    display: inline-block;
    vertical-align: middle;
}

.user_stats .avatar ~ .float_right {
    position: relative;
    top: 4px;
  
}

	
#boardstats_e tr:nth-child(7) td span {
  font-size:0;
}

#boardstats_e tr:nth-child(7) td span:before {
  content:"Today's Birthdays";
  font-size:11px;
}
	

span i {  
 display:inline-block;
 vertical-align:middle;
 margin-right:2px;
}
@media (pointer: fine) {
.ads_zone {
  padding:10px 0px;
  text-align:center;
}

.ads_zone > div {
  display:inline-block;
  vertical-align:middle
}

.ads_zone > div br { 
  display:none;
}

.ads_zone > div img {
  height:75px !important;
  max-width:450px !important;
}
}



.colorpickle{position:relative;min-width:220px;width:auto;box-sizing:border-box;padding:10px;font-size:80%;z-index:1}.colorpickleOnTop{right:90px;position:absolute;z-index:9999}.colorpickle .sliderWrapper{position:relative;height:30px}.colorpickle .sliderWrapper label{line-height:28px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpickle input[type=text]{color:#fff;padding:1px 2px}.colorpickle .sliderValue{width:18px;margin-top:4px;text-align:right;font-size:inherit;float:right}.colorpickle .sliderDiv{position:absolute;top:0;left:26px;right:28px;width:auto}.colorpickle .slider{width:100%;margin-top:4px;cursor:ew-resize}.colorpickle .sliderBg{position:absolute;top:7px;left:30px;right:30px;width:auto;height:10px;border:1px solid #666}.colorpickle .colorPickerWrapper{position:relative;width:auto;height:200px;margin-top:20px;border:1px solid #666;cursor:crosshair;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpickle .colorPickerBg{width:100%;height:100%}.colorpickle .colorPicker{position:absolute;top:0;left:0;width:100%;height:100%}.colorpickle .colorPicker .gradientTp2Black{position:absolute;top:0;left:0;width:100%;height:100%;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,1) 100%)}.colorpickle .colorPicker .gradientTp2White{position:absolute;top:0;left:0;width:100%;height:100%;background:-moz-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%);background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%)}.colorpickle .colorPickerIndicator{position:absolute;top:0;left:0;padding:0;margin:0;width:13px;height:13px;border-radius:50%;border:1px solid #000}.colorpickle .colorPickerIndicator:after,.colorpickle .colorPickerIndicator:before{content:" ";position:absolute;z-index:0;border-radius:50%}.colorpickle .colorPickerIndicator:before{top:1px;left:1px;right:1px;bottom:1px;border:1px solid #000}.colorpickle .colorPickerIndicator:after{top:0;left:0;right:0;bottom:0;border:1px solid #fff}.colorPickerIcon{display:none;width:22px;height:22px;margin:0 0 0 2px;background-color:#7d0707;);background-repeat:no-repeat;border:none;position:relative;cursor:pointer}.colorpickle .swatchHex{margin-top:20px}.colorpickle .swatch{width:48px;height:48px;border:1px solid #666;margin:0 0 5px}.colorpickle .hexValue{width:44px;font-size:inherit}.colorpickle .bWrapper{margin-bottom:20px}.colorpickle .hWrapper .sliderBg{background:-moz-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:-webkit-linear-gradient(left,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%);background:linear-gradient(to right,red 0,#ff0 16%,#0f0 33%,#0ff 50%,#00f 66%,#f0f 83%,red 100%)}.colorpickle div.clear{clear:both}.colorpickle .buttonsWrapper{position:absolute;bottom:10px;right:10px}.colorpickleModalOverlay{width:100%;height:100%;background-color:rgba(0,0,0,.7);position:fixed;top:0;left:0;z-index:0;display:none}.colorpickle .dragHandle{border-top:1px solid #999;border-bottom:1px solid #666;margin-bottom:10px;cursor:move}.colorpickle .dragHandle:after,.colorpickle .dragHandle:before{content:"";display:block;border-top:1px solid #666;border-bottom:1px solid #999;height:3px}input[type=range]{-webkit-appearance:none;background-color:transparent;margin:10px 0;width:100%}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{width:100%;height:10px;animate:.2s;background-color:transparent;border-radius:5px;border:0 solid #000101}input[type=range]::-webkit-slider-thumb{height:28px;width:9px;-webkit-appearance:none;margin-top:-5px;border:none;border-radius:0;background-color:transparent;background-image:url(/web/20220330224917im_/https://sinister.ly/images/slider_thumb.png)}input[type=range]:focus::-webkit-slider-runnable-track{background-color:transparent}input[type=range]::-moz-range-track{width:100%;height:10px;animate:.2s;background-color:transparent;border-radius:5px;border:0 solid #000101}input[type=range]::-moz-range-thumb{height:30px;width:9px;border:none;border-radius:0;background-color:transparent;background-image:url(/web/20220330224917im_/https://sinister.ly/images/slider_thumb.png);background-repeat:no-repeat}input[type=range]::-ms-track{width:100%;height:10px;animate:.2s;background-color:transparent;border-color:transparent;border-width:10px 0;color:transparent}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper,input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background-color:transparent;border:0 solid #000101;border-radius:5px}input[type=range]::-ms-thumb{height:28px;width:9px;margin-top:-36px;border:none;border-radius:0;background-color:transparent;background-image:url(/web/20220330224917im_/https://sinister.ly/images/slider_thumb.png)}
/*Edits*/


.colorpickle {
 border: 1px solid #141414;
 background-color: #202020;
 border-radius: 3px;
 box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.702);
}


.colorpickle .lWrapper, .colorPickerWrapper, .hexValue{
   display:none;	
}

.colorpickle .buttonsWrapper {
  position:static;	
}

.colorpickle .swatch {
  width:auto;	
}


.swatchHex {
  display:none;	
}

.colorPickerWrapper +  div.clear {
    width: 100%;
    height: 60px;
    margin: 10px 0px;
}
.colorPickerWrapper +  div.clear, .button:hover {
  background-color: #892222;
}

/*
     FILE ARCHIVED ON 22:49:17 Mar 30, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:49:28 Jul 31, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.542
  load_resource: 539.981 (2)
  PetaboxLoader3.resolve: 204.706 (2)
  PetaboxLoader3.datanode: 226.406 (2)
*/