@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);

@font-face {
 font-family: 'MK1 Font';
 src: url('https://www.fdmk.net/extras/fonts/MK1_2023.woff') format('woff');
}

@font-face {
 font-family: 'Outworld';
 src: url('https://www.fdmk.net/extras/fonts/outworld.woff') format('woff');
}

/* DEFAULTS */

html, body, div, span {
 border: 0;
 margin: 0;
 padding: 0;
 vertical-align: baseline;
}

/* html { font-size: 100%; } */

body { background: #090909; }

.opacity-wrap { padding: 0 12px; }

body,
input,
select,
textarea {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
}

a img { border: none; }

.clearboth { clear: both; }

.breadcrumb,
.breadcrumb a {
  font-family: "Roboto Condensed", Verdana, sans-serif;
  text-transform: uppercase;
  height: 33px;
  display: inline-block;
}

.breadcrumb { 
  margin: 0 0 10px 0;
  padding: 0;
  border-radius: 5px;
  border-width: 1px;
  border-style: solid;
  text-shadow: -1px 1px 3px #000000, 1px 1px 3px #000000, 0 -1px 3px #000000, 0 0 3px #000000;
  overflow: hidden;
}

	.breadcrumb a {
      text-rendering: optimizeLegibility;
      line-height: 33px;
      font-size: 22px;
      font-weight: 300;
	  text-decoration: none;
      padding: 1px 10px 0 20px;
	  position: relative;
	}

	.breadcrumb a:first-child {
	  padding-left: 16px;
	  border-radius: 5px 0 0 5px;
	}

    .breadcrumb a:last-child,
    .breadcrumb input[type=text] {
      padding-right: 16px;
      display: inline-block;
      border-radius: 0 5px 5px 0;
      flex: 1;
    }
    
	.breadcrumb a:after,
    .breadcrumb a:before { 
		content: ''; 
		display: block; 
		width: 0; 
		height: 0;
		border-top: 17px solid transparent;
		border-bottom: 17px solid transparent;
  /* make left half the height */
        border-left: 10px solid transparent;
		position: absolute;
        margin: auto;
	    top: 0;
        bottom: 0;
		left: 100%;
		z-index: 2;
		}
		.breadcrumb a:before { 
          margin-left: 1px;
		  z-index: 1;
		}

		.breadcrumb a:last-child {
          color: #fff;
		}

    .breadcrumb a:last-child {
		pointer-events: none;
		cursor: default;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
	}
	
	.breadcrumb a:last-child:after,
    .breadcrumb a:last-child:before,
    .breadcrumb input[type=text] {
		border: none;
    }
    
    .breadcrumb input[type=text] {
      -webkit-appearance: none;
      display: inline-block;
      text-indent: 24px;
      padding: 0 16px;
      height: 33px;
      width: 10px;
      outline: 1px solid transparent;
      background-origin: content-box;
      background-position: left 50%;
      background-repeat: no-repeat;
      background-size: 15px 15px;
      transition-property: all;
      transition-duration: .13s;
      transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    }
    
    .breadcrumb input[type=text]:hover,
    .breadcrumb input[type=text]:focus {
      width: 100px;
    }

/* DARK COLORS */
.dark .breadcrumb {
  border-color: #000000;
}

.dark .breadcrumb a {
   color: #FFFFFF;
   background-color: #222222;
   text-shadow: -1px 1px 3px #000000, 1px 1px 3px #000000, 0 -1px 3px #000000, 0 0 3px #000000;
   box-shadow: inset 0 1px 0 #333333;
} 

.dark .breadcrumb a:after {
   border-left-color: #222222;
}

.dark .breadcrumb a:before { 
   border-left-color: #000000;
}

.dark .breadcrumb a:hover {
   background: #333333;
}

.dark .breadcrumb a:hover:after {
   border-left-color: #333333;
}

.dark .breadcrumb a:active:before {
   border-left-color: #222222;
 }

.dark .breadcrumb a:last-child, .dark .breadcrumb input[type=text] {
 background-color: rgba(40,40,40,0.5);
 -webkit-box-shadow: inset 0 20px 12px -12px rgba(0,0,0,1);
 -moz-box-shadow: inset 0 20px 12px -12px rgba(0,0,0,1);
 box-shadow: inset 0 15px 10px -10px rgba(0,0,0,1);
  border-top: 1px solid #333333;
 border-right: 1px solid #222222;
 border-bottom: 1px solid #222222;
 border-left: 1px solid #333333;
}

.dark .breadcrumb input[type=text] {
   color: #FFFFFF;
   background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/49364/search-light.svg);
}

.mobileNoBC {
 display: flex;
}

.mobileOnlyBC {
 display: none;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media only screen and (max-width: 600px) {
    
  .breadcrumb a {
    font-size: 18px;
  }

 .mobileNoBC {
  display: none;
 }

 .mobileOnlyBC {
  display: flex;
 }

}

.table {
 display: table;
 width: 100%;
 margin: 0;
 padding: 0;
}

.stickyBottomRight {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 340px;
  height: 80px;
  z-index: 999;
}

.tableRow {
 display: table-row;
 width: 100%;
 padding: 0;
}

.tableCell {
 display: table-cell;
}

.font8 {
 font-size: 8px;
}

.font9 {
 font-size: 9px;
}

.font10 {
 font-size: 10px;
}

.font11 {
 font-size: 11px;
}

.font12 {
 font-size: 12px;
}

.font16 {
 font-size: 16px;
}

.font18 {
 font-size: 18px;
}

.font20 {
 font-size: 20px;
}

.noWrap {
 white-space: nowrap;
}

.displayInline {
 display: inline-block;
}

.noselect {
 -webkit-touch-callout: none; /* iOS Safari */
 -webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
 -moz-user-select: none; /* Firefox */
 -ms-user-select: none; /* Internet Explorer/Edge */
 user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

/* FDMK HEAD */

.latestNewsBar {
 position: relative;
 z-index: 999;
 border-bottom: 1px solid #222222;
 background-color: #000000;
 margin: 0 0 0 0;
 padding-left: 3px;
 padding: 3px 10px 3px 20px;
 padding: 3px 10px 3px calc((100% - 1060px)/2);
 -webkit-box-shadow: inset 0 20px 12px -12px rgba(0,0,0,1);
 -moz-box-shadow: inset 0 20px 12px -12px rgba(0,0,0,1);
 box-shadow: inset 0 15px 10px -10px rgba(0,0,0,1);
 behavior: url(css/PIE/PIE.htc);
}

.latestNewsBarWrapper {
 width: 100%;
 margin: 0;
 padding: 0;
 -webkit-box-shadow: 0 3px 5px -1px #000000;
 -moz-box-shadow: 0 3px 5px -1px #000000;
 box-shadow: 0 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.locationContainer {
 margin: 2px 5px 0 0;
}

.location, .locationArrow {
 font-family: "Roboto Condensed", Verdana, sans-serif;
 font-size: 20px;
 text-decoration: none;
 text-transform: uppercase;
 line-height: 90%;
}

.locationIcon {
 background-position: center center;
 background-repeat: no-repeat;
 width: 42px;
 height: 42px;
 min-width: 42px;
}

.locationArrow {
 font-size: 20px;
}

.locationArrow::before {content:  ' ';}

.locationArrow::after {content: ' ';}

.account {
 font-size: 11px;
 text-decoration: none;
 padding: 5px 0 0 0;
}

.network {
 width: 80px;
 padding: 0;
 margin: 0;
 float: right;
}

.mobileMenu {
 float: left;
 width: 20px;
 padding: 0 6px 1px 5px;
 margin: 2px 0 0 1px;
 font-size: x-large;
 color: #FFFFFF;
 border: 1px solid #555555;
 border-radius: 5px;
 z-index: 1000;
}

.mobileMenuSelect { 
 width: 100%;
 font-size: 16px;
}

.mobileMenuLink, .mobileMenuLink:hover {
 text-decoration: none;
 color: #FFFFFF;
}

.shadowImg {
 top: 90px;
 border: none;
 position: absolute;
 left: -100px;
 visibility: hidden;
 cursor: pointer;
}


/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding: 20px 0 20px 0;
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
  color: #FFFFFF;
}

/* width */
.sidenav::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.sidenav::-webkit-scrollbar-track {
  background: #888888; 
}
 
/* Handle */
.sidenav::-webkit-scrollbar-thumb {
  background: #777777; 
}

/* Handle on hover */
.sidenav::-webkit-scrollbar-thumb:hover {
  background: #444444; 
}

.menuCat {
  padding: 16px 8px 4px 16px;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  display: block;
}

/* The navigation menu links */
.menuLink a {
  padding: 4px 4px 4px 32px;
  text-decoration: none;
  font-size: 12px;
  color: #FFFFFF;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.menuLink a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.closebtn {
 text-decoration: none;
 color: #FFFFFF
}

.network img {
 margin: 0;
}

.fdmkHeader {
 margin: 10px 0 10px 0;
 height: auto;
}

.logo {
 background: url(/gallery/layout/fdmk_logo_2024.png);
 position: relative;
}

.logoHalloween {
 background: url(/gallery/layout/fdmk_logo_v3_halloween.png);
}

.logoXmas {
 background: url(/gallery/layout/fdmk_logo_v3_xmas.png);
}

.logo, .logoHalloween, .logoXmas {
 float: left;
 margin: 0 0 4px 0;
}

.logo, .logoHalloween, .logoImage, .logoImageHalloween {
 width: 294px;
 height: 108px;
}

.logoXmas, .logoImageXmas {
 width: 510px;
 height: 146px
}

.logoImage, .logoImageHalloween, .logoImageXmas {
 margin: 0;
 padding: 0;
}

.bloodDrip {
 background-image: url("http://www.fdmk.net/gallery/layout/blood_drip_top.png");
 background-repeat: repeat-x;
}

.menuContainer {
 text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
 margin: 4px 0 0 40px;
 color: #FFFFFF;
 font-size: 11px;
 float: left;
}

.menu {
 text-decoration: none;
}

.button, .buttonHighlight {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-border-radius:0;
  border-radius:0;
  min-width: 50px;
  border: #000000 1px solid;
  font-size: 12px;
  font-weight: bold;
  text-shadow: 1px 0 0 #000000, -1px 0 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
  padding: 5px 10px;
  margin: 5px 3px;
  -webkit-box-shadow: 3px 3px 5px -1px #000000;
  -moz-box-shadow: 3px 3px 5px -1px #000000;
  box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.button {
 color: #888888;
 background-image: linear-gradient(bottom, #333333 12%, #000000 56%);
 background-image: -o-linear-gradient(bottom, #333333 12%, #000000 56%);
 background-image: -moz-linear-gradient(bottom, #333333 12%, #000000 56%);
 background-image: -webkit-linear-gradient(bottom, #333333 12%, #000000 56%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#333333');
 background: -ms-linear-gradient(top, #000000 0%,#333333 100%);
 background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.12, #333333), color-stop(0.56, #000000));
}

/* CONTENT */

.mobileNo {
 display: block;
}

.mobileOnly {
 display: none;
}

.mobileNo1000 {
 display: block;
}

.mobileOnly1000 {
 display: none;
}

.mobileNo780 {
 display: block;
}

.mobileOnly780 {
 display: none;
}

.tableMobileNo {
 display: table;
}

.cellMobileNo {
 display: table-cell;
}

.cellMobileNo780 {
 display: table-cell;
}

.cellMobileOnly780 {
 display: none;
}

.cellMobileOnly {
 display: none;
}

.spanMobileOnly {
 display: none;
}

.spanMobileNo {
 display: inline-block;
}

.noDecoration {
 text-decoration: none;
}

.contentWrapper {
 width: 100%;
 margin: 0 0 10px 0;
 -webkit-box-shadow: 3px 3px 5px -1px #000000;
 -moz-box-shadow: 3px 3px 5px -1px #000000;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.shadow {
 -webkit-box-shadow: 3px 3px 5px -1px #000000;
 -moz-box-shadow: 3px 3px 5px -1px #000000;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.glowGreen {
 -webkit-box-shadow: 0 0 15px 5px #1c740a;
 -moz-box-shadow: 0 0 15px 5px #1c740a;
  box-shadow: 0 0 15px 5px #1c740a;
  behavior: url(css/PIE/PIE.htc);
}

.glowRed {
 -webkit-box-shadow: 0 0 15px 5px #740a0d;
 -moz-box-shadow: 0 0 15px 5px #740a0d;
  box-shadow: 0 0 15px 5px #740a0d;
  behavior: url(css/PIE/PIE.htc);
}

.glowBlue {
 -webkit-box-shadow: 0 0 15px 5px #054d7a;
 -moz-box-shadow: 0 0 15px 5px #054d7a;
  box-shadow: 0 0 15px 5px #054d7a;
  behavior: url(css/PIE/PIE.htc);
}

.glowOrange {
 -webkit-box-shadow: 0 0 15px 5px #ab2901;
 -moz-box-shadow: 0 0 15px 5px #ab2901;
  box-shadow: 0 0 15px 5px #ab2901;
  behavior: url(css/PIE/PIE.htc);
}

.glowPurple {
 -webkit-box-shadow: 0 0 15px 5px #67029e;
 -moz-box-shadow: 0 0 15px 5px #67029e;
  box-shadow: 0 0 15px 5px #67029e;
  behavior: url(css/PIE/PIE.htc);
}

.glowYellow {
 -webkit-box-shadow: 0 0 15px 5px #957804;
 -moz-box-shadow: 0 0 15px 5px #957804;
  box-shadow: 0 0 15px 5px #957804;
  behavior: url(css/PIE/PIE.htc);
}

.glowPink {
 -webkit-box-shadow: 0 0 15px 5px #b10048;
 -moz-box-shadow: 0 0 15px 5px #b10048;
  box-shadow: 0 0 15px 5px #b10048;
  behavior: url(css/PIE/PIE.htc);
}

.glowSilver {
 -webkit-box-shadow: 0 0 15px 5px #999999;
 -moz-box-shadow: 0 0 15px 5px #999999;
  box-shadow: 0 0 15px 5px #999999;
  behavior: url(css/PIE/PIE.htc);
}

.shadowUpperLeft {
 background-image: linear-gradient(-90deg, #333333, #111111);
 background-image: -o-linear-gradient(-90deg, #333333, #111111);
 background-image: -moz-linear-gradient(-90deg, #333333, #111111);
 background-image: -webkit-linear-gradient(-90deg, #333333, #111111);
}

.stroke {
  text-shadow: 1px 0 0 #000000, -1px 0 0 #000000, 0 1px 0 #000000, 0 -1px 0 #000000, 1px 1px #000000, -1px -1px 0 #000000, 1px -1px 0 #000000, -1px 1px 0 #000000;
}

.contentHeader, .contentHeaderInline, .catInline {
 font-size: 24px;
 line-height: 24px;
 word-spacing: 4px;
}

.contentHeaderInline, .catInline {
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
}

.contentHeader, .newsHeader, .newsHeaderPreview, .cat {
 border: 1px solid #000000;
}

.newsHeader, .newsHeaderPreview {
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 display: block;
}

.contentHeader, .contentHeaderInline, .newsHeader, .newsHeaderPreview, .cat, .catInline {
 font-family: "MK1 Font", Verdana, sans-serif;
 text-transform: uppercase;
 color: #FFFFFF;
 text-decoration: none;
 margin: 0;
 text-shadow: -1px 1px 3px #000000, 1px 1px 3px #000000, 0 -1px 3px #000000, 0 0 3px #000000;
 min-height: 16px;
}

.newsHeader a:hover, .newsHeaderPreview a:hover {
 color: #999999;
 text-decoration: none;
 font-family: "Outworld";
 word-spacing: -12px;
}

.fdmkContent, .newsBody {
 background-color: #333333;
 margin: 0;
 overflow: hidden;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444;
 -moz-box-shadow: inset 1px 1px 0 0 #444444;
 box-shadow: inset 1px 1px 0 0 #444444;
 z-index: -2;
}

.contentHeader, .contentHeaderInline, .newsHeader, .newsHeaderPreview, .fdmkContent, .cat, .catInline {
  padding: 7px 7px;
}

.roundCornerTopLeft, .roundCornerTop, .roundCornerAll, .breadcrumb {
 -moz-border-radius-topleft: 5px;
 border-top-left-radius: 5px;
}

.roundCornerTopRight, .roundCornerTop, .roundCornerAll, .breadcrumb {
 -moz-border-radius-topright: 5px;
 border-top-right-radius: 5px;
}

.roundCornerBottomLeft, .roundCornerBottom, .roundCornerAll, .breadcrumb {
 -moz-border-radius-bottomleft: 5px;
 border-bottom-left-radius: 5px;
}

.roundCornerBottomRight, .roundCornerBottom, .roundCornerAll, .breadcrumb {
 -moz-border-radius-bottomright: 5px;
 border-bottom-right-radius: 5px;
}

.warningBox {
 display: block;
 padding: 5px 10px;
 width: auto;
 font-size: 11px;
 color: #FFFFFF;
 background-color: #FF0000;
}

/* NEWS */

.newsPreviewFeed {
 width:auto; 
 margin:0 0 10px 0;
 -moz-column-count:2;
 -webkit-column-count:2;
 column-count:2;
 -moz-column-gap:10px;
 -webkit-column-gap:10px;
 column-gap:10px;
}

.newsItem {
 float: left;
 margin:0 1% 0 0;
 width:49%;
 vertical-align:middle;
 white-space:nowrap;
}

.newsHeader, .newsHeaderPreview {
 position: relative;
 min-height: 20px;
}

.newsHeaderTitle, .newsHeaderTitlePreview {
 font-weight: 500;
 text-decoration: none;
 word-spacing: 4px;
}

.newsHeaderTitle {
 font-size: 35px;
 margin: 0 0 0 35px;
 line-height: 32px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}

.newsHeaderTitlePreview {
 font-size: 28px;
 margin: 5px 0 4px 32px;
 line-height: 24px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
}

.newsHeaderTitle, .contentHeaderTitle a:link {
 color: #FFFFFF;
 text-decoration: none;
}

.newsHeaderTitle, .contentHeaderTitle a:hover {
 color: #999999;
 text-decoration: none;
}

.newsHeaderTitle, .contentHeaderTitle a:visited {
 color: #FFFFFF;
 text-decoration: none;
}

.newsBody {
 padding: 10px; 
}

.newsBody, .newsBody p {
 line-height: 1.5;
}

.newsBody p {
 margin: 0 0 12px 0;
}

/*
.newsBody a[href^="http://"]:after, .newsBody a[href^="https://"]:after {
 content: url(http://fdmk.net/gallery/new_window.gif);
 margin: 0 5px 0 5px;
}

.newsBody a[href*="//www.fdmk.net/"]:after, .newsBody a[href*=".jpg"]:after, .newsBody a[href*=".png"]:after, .newsBody a[href*=".gif"]:after {
  content: '';
  margin: 0;
}
*/

.views_icon, .replies_icon, .kredits_icon {
 vertical-align:middle;
 margin: 0 2px 2px 0;
}

.newsRow {
 background-color: #333333;
 margin: 0;
 padding: 5px;
 vertical-align: middle;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444;
 -moz-box-shadow: inset 1px 1px 0 0 #444444;
 box-shadow: inset 1px 1px 0 0 #444444;
}

.newsCat {
 width: 29px;
 height: 29px;
 padding: 2px;
 border-left: 1px solid #000000;
}

.newsTitleAlt {
 border-left: 1px solid #000000;
}

.newsDate {
 width: 160px;
}

.newsReplies {
 width: 100px;
}

.newsIcon {
 margin: 4px 6px 0 0;
 vertical-align: bottom;
 width: 28px;
 height: 20px;
 float: left;
}

.newsCatIconList, .newsCatIcon {
 width: 25px;
 height: 25px;
}

.newsCatIcon {
 margin:auto 10px auto 0;
 float: left;
 position: absolute;
 top: 0;
 bottom: 0;
 vertical-align: middle;
 background-color: #000000;
}

.views::before {
  content: url(http://fdmk.net/gallery/layout/views_icon.png);
}

.invisible {
 display: none;    
}

.invisible2 {
 padding-top:0;
 max-height:100px;
 overflow:hidden;
 text-overflow: ellipsis;
 position:relative;
}

.invisible2:before {
    content:'';    
    position:absolute;
    background:linear-gradient(transparent 150px, white);
}

.authorUsername {
 font-size: 24px;
 font-family: "Roboto Condensed", Verdana, sans-serif;
 text-transform: uppercase;
 color: #FFFFFF;
 text-decoration: none;
 text-shadow:-1px 1px 3px #000000, 1px 1px 3px #000000, 0 -1px 3px #000000, 0 0 3px #000000;
}

.authorAvatar {
 display: table-cell;
 background-color: #222222;
 padding: 10px;
 width: 170px;
 height: 170px;
 vertical-align: middle;
 border: 1px solid #111111;
 -webkit-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 -moz-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.authorAbout {
  display: table-cell;
  padding: 10px;
}


/* LATEST FORUM ACTIVITY WIDGET */

.latestTopicTitle {
 font-size: 11px;
 color: #FFFFFF;
 text-decoration:none;
 float: none;
}

.latestTopicDetails {
 font-size: 10px;
 color: #888888;
 float: none;
}

.latestTopicDetails a:link { 
  color: #888888;
  text-decoration: none; 
}
.latestTopicDetails a:visited { 
  color: #888888;
  text-decoration: none; 
}

.latestTopicDetails a:hover { 
  color: #999999;
  text-decoration: none; 
}

/* PAGINATION */

.pagination {
 padding: 0 0 10px 0;
 font-size: 12px;
}

.pageItem {
 display: inline-block;
 padding: 2px 6px;
 border: 1px solid #555555;
 -webkit-box-shadow: inset 1px 1px 0 0 #55555;
 -moz-box-shadow: inset 1px 1px 0 0 #55555;
 box-shadow: inset 1px 1px 0 0 #55555;
}

.pageNumber {
 margin: 5px 2px;
}

.pagePrev {
 margin: 5px 2px 5px 0;
}

.pageNext {
 margin: 5px 0 5px 2px;
}

.pageCurrent {
 background-color: #666666;
}

.pageNotCurrent {
 background-color: #444444;
}

/* REFERENCE */

input[type="search"] {
 border: none;
 background: transparent;
 margin: 0;
 padding: 7px 8px;
 font-size: 14px;
 color: inherit;
 border: 1px solid transparent;
 border-radius: inherit;
}

input[type="search"]::placeholder {
 color: #bbb;
}
            
button[type="submit"] {
 text-indent: -999px;
 overflow: hidden;
 width: 40px;
 padding: 0;
 margin: 0;
 border: 1px solid transparent;
 border-radius: inherit;
 background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat center;
 cursor: pointer;
 opacity: 0.7;
}

button[type="submit"]:hover {
 opacity: 1;
}
            
button[type="submit"]:focus, input[type="search"]:focus {
 box-shadow: 0 0 3px 0 #1183d6;
 border-color: #1183d6;
 outline: none;
}

.referenceCategory {
 position: relative;
 background-color: #000000;
 background-repeat: no-repeat;
 background-size: contain;
 width: 220px;
 height: 220px;
 margin: 10px; 
 padding: 0;
 display:inline-block;
}

.categoryImage {
 width: 219px;
 height: 219px;
 margin: 0;
}

.categoryName {
 font-size: 14px;
 position: absolute;
 padding: 7px 3px 3px 5px;
 left: 1px;
 top: 190px;
 width: 100%;
 height: 20px;
 z-index: 10;
 background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
 background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

.volumes {
 margin: 10px 0 0 0;
 padding: 0 0 0 5px;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 display: block;
}

.volumeIcons {
 border: 0;
 width: 747px;
 height: 27px;
}

.volumeMenuIcon {
 font-family: "Outworld";
 font-size: 36px;
 line-height: 30px;
 display: inline-block;
 width: 30px;
 text-decoration: none;
 padding: 0 3px 0 3px;
 text-align: center;
 text-shadow: -1px 1px 3px #000000, 1px 1px 3px #000000, 0 -1px 3px #000000, 0 0 3px #000000;
}

.volumeMenuIcon:hover { 
 font-family: "Verdana";
 font-size: 28px;
 line-height: 26px;
 color: #999999;
}

.volumesMore {
    display: none;
    padding: 5px 5px 7px 7px;
}

.volumeEntry {
 min-width: 150px;
 display: inline-block;
 padding: 0 20px;
 margin: 20px auto 30px auto;
 vertical-align: top;
}

.volumeEntryImage {
 max-width: 150px;
}

.volumeEntryName {
 padding-top: 3px;
}

.catLetterGroup {
 display: inline-block;
 width: 20%;
 min-width: 170px;
 padding: 0 20px;
 margin: auto;
 vertical-align: top;
}

.refImageSpacer {
 max-width: 200px;
 height: 200px;
 max-height:200px;
 margin: 0 10px 20px 0;
}

.primaryImageContainer {
 padding: 10px;
 margin: 0 10px 10px 0;
 background-color: #222222;
 border: 1px solid #111111;
 overflow: hidden;
 -webkit-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 -moz-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.primaryImage {
 margin-bottom: 5px;
}

.additionalImageContainer {
 padding: 10px;
 margin: 0 10px 10px 0;
 background-color: #222222;
 border: 1px solid #111111;
 overflow: hidden;
 max-width: 180px;
 max-height: 180px;
 -webkit-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 -moz-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.additionalImage {
 max-width: 150px;
 max-height: 150px;
 margin-bottom: 5px;
}

.refImageCaption {
 font-size: 10px;
 margin: 0;
 padding: 3px 5px 0 0;
}

.additionalImageContainer {
 margin: 0 10px 10px 0; 
 float: left;
}

.additionalImage {
 width: auto;
 margin-bottom: 0;
}

.deathFallWeaponContainer {
 width: auto;
 height: auto;
}

.deathFallWeapon {
 margin: 10px 5px 0 5px;
 -webkit-filter: drop-shadow(2px 2px 2px #000000);
 filter: drop-shadow(2px 2px 2px #000000);
}

.deathFallWeaponAdditional {
 margin: 5px 5px 0 5px;
}

.detailLeft {
 width: 120px;
 padding: 5px 10px;
 font-size: 12px;
 vertical-align: top;
 background-color: #333333;
 margin: 0;
 border-left: 1px solid #000000;
 border-bottom: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444;
 -moz-box-shadow: inset 1px 1px 0 0 #444444;
 box-shadow: inset 1px 1px 0 0 #444444;
}

.detailRight {
 padding: 5px 10px;
 font-size: 12px;
 vertical-align: middle;
 background-color: #333333;
 margin: 0;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444;
 -moz-box-shadow: inset 1px 1px 0 0 #444444;
 box-shadow: inset 1px 1px 0 0 #444444;
}

.bioEnding {
 background-color: #333333;
 margin: 0;
 overflow-x: hidden;
 overflow-y: hidden;
 padding: 5px 10px 15px 10px;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444;
 -moz-box-shadow: inset 1px 1px 0 0 #444444;
 box-shadow: inset 1px 1px 0 0 #444444;
 display: none;
}


/* GAME LOGOS */

.gameLogo {
 margin: 10px 0 30px 0;
 max-width: 80%;
}


/* FOOTER */

.admin {
 clear: both;
 padding-top: 0;
}

.fdmkFooter {
 margin: 10px auto;
 padding: 0 5px;
 max-width: 940px;
 font-size: 10px;
 color: #444444;
}

.footerLogos {
 display: block;
 width: 200px;
 height: 110px;
}


/* FEATURED MEMBER */

.featuredUsername {
 font-size: 14px;
 font-weight: bold;
}

.featuredAvatar {
 margin: 2px 0;
}

.featuredDetails {
 font-size: 10px;
}

/* FEATURED POLL */

.pollQuestion {
 padding: 0 0 10px 0;
}

label {
 font-size: 10px;
}

.pollBarContainer {
 background-color: #222222;
 margin: 2px 0 10px 0;
 border: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 -moz-box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
 box-shadow: inset 1px 1px 0 0 #333333, 3px 3px 5px -1px #000000;
}

.pollTotalVotes, .pollSubmit {
 text-align: center;
}


/* TIMELINE */

.timelineTable {
 display: table;
 margin: 0 auto;
}

.timelineRow {
 display: table-row;
 padding: 0;
}

.timelineContainer {
 width: 628px;
 padding: 10px 0;
 margin: 0;
 overflow: visible;
}

.timelineHeader {
 width: 628px;
 display: block;
}

.timeline {
 width: 6px;
 background-color: #FFFFFF;
 padding: 0;
 display: table-cell;
}

.timelineSpace {
 width: 6px;
 background-color: #FFFFFF;
 padding: 0;
 display: table-cell;
}

.timelineMobileSpace {
 background-color: #FFFFFF;
 width: 6px;
 height: 10px;
 display: block;
}

.event {
 width: 300px;
 text-align: left;
 padding: 5px;
 background-color: #000000;
 display: table-cell;
}

.eventOppSide {
 width: 301px;
 padding: 0;
 display: table-cell;
}

.eventOppSide img {
 margin: 0;
 width: 301px;
 height: 2px;
}

.dash, dashOppSide {
 width: 10px;
 vertical-align: middle;
 display: table-cell;
}


/* SEARCH */

.search {
 display: inline-block;
 padding: 5px 0;
 vertical-align: middle;
}

.searchLeft {
 display: inline-block;
 width: 45%;
 padding-right: 10px;
}

.searchRight {
 display: inline-block;
 width: 45%;
}


/* THEME SELECTOR */

.themeMainContainer {
 display: inline-block;
 width: 202px;
 margin: 10px;
}

.themeHeader {
 font-family: "Roboto Condensed", Verdana, sans-serif;
 font-size: 14px;
 text-transform: uppercase;
 color: #FFFFFF;
 text-decoration: none;
 padding: 0;
 margin: 0;
 border: 1px solid #000000;
 padding: 5px 10px;
}

.themeBody {
 width: 200px;
 height: 139px;
 background-repeat: no-repeat;
 background-size: 100% 100%;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
}

.themeThumb {
 width: 200px;
 height: 139px;
}

.themeFooter {
 padding-top: 10px;
 height: 40px;
}

.themeKoinTiny, .themeKoinTinyBlank {
 height: 20px;
 vertical-align: middle;
 margin: 2px 5px;
}

.themeKoinTinyBlank {
 width: 2px;
}


/* BLACK MAGIC */

.blImageCell {
 background-color: #222222;
 width: 150px;
 padding: 5px;
 vertical-align: middle;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #333333;
 -moz-box-shadow: inset 1px 1px 0 0 #333333;
 box-shadow: inset 1px 1px 0 0 #333333;
}

.blDescCell {
 background-color: #333333;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444;
 -moz-box-shadow: inset 1px 1px 0 0 #444444;
 box-shadow: inset 1px 1px 0 0 #444444;
 padding: 10px;
}

.blCheckCell {
 background-color: #333333;
 width: 20px;
 vertical-align: middle;
 border-right: 1px solid #000000;
 border-bottom: 1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444;
 -moz-box-shadow: inset 1px 1px 0 0 #444444;
 box-shadow: inset 1px 1px 0 0 #444444;
 padding: 5px;
}


/* MISCELLANEOUS */

.countdown {
 overflow: hidden;
 padding: 0;
 margin: 0;
 width: 238px;
 height: 120px;
 background-image: url(../gallery/layout/countdown_bg.jpg);
}

.whiteBorderSolid {
 border: 1px solid #FFFFFF;
}

.round {
 border-radius: 50%;
}

.kombatantsOnlineAvatar {
 max-width:32px;
 height:32px;
}

.kombatantMenuAvatar {
 margin: 0 0 0 14px;
 max-width:48px;
 height:48px;
}

.video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 overflow: hidden;
 width: 640px;
 max-width: 100%;
 height: auto;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 max-height: 390px;
}

.textBox {
 padding: 3px 5px;
 font-size: 12px;
 border: 1px solid #000000;
}

.imgFont { max-width: 100%; }

.maze { max-width: 100%; }

.bloodBeetle { 
 display: block; 
 width: 56px;
 height: 56px;
}

.linkButton {
 border: 0;
 width: 88px;
 height: 31px;
}

.alertText {
 background-color: #CC0000;
 padding-left: 3px;
 padding-right: 3px;
 vertical-align: super;
 font-size: 8px;
 line-height: 0.5em;
}

.all-round {
 -moz-border-radius: 0.25em;
 -webkit-border-radius: 0.25em;
  border-radius: 0.25em;
}

.announcement {
 display: block;
 padding: 5px 10px;
 margin: 10px 0 10px 0;
 width: auto;
 font-size: 11px;
 color: #000000;
 background-color: rgb(255, 255, 204);
 border: 1px solid #FF0000;
 -webkit-box-shadow: inset 1px 1px 0 0 #FFFFFF;
 -moz-box-shadow: inset 1px 1px 0 0 #FFFFFF;
 box-shadow: inset 1px 1px 0 0 #FFFFFF;
 behavior: url(css/PIE/PIE.htc);
}

.announcement a:link { 
 color: #000000;
 text-decoration: underline; 
}
.announcement a:visited { 
 color: #000000;
 text-decoration: underline;
}

.announcement a:hover { 
 color: #000000;
 text-decoration: underline; 
}

.announcement p {
 margin: 5px 0 5px 0;
}

.visits {
 font-size: 11px;
 text-align: center;
 display: block;
}

.koinReward {
 text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
 margin: 4px 0 0 40px;
 color: #FFFFFF;
 font-size: 11px;
 float: left;
 display: block;
}

.quote, .code {
 background-color: #000000;
 border: 1px dotted #FFFFFF;
 margin: 5px 10px 5px 10px;
 position: relative;
 overflow: hidden;
}

.read-more { 
 position: absolute; 
 bottom: 0; left: 0;
 width: 100%; 
 text-align: center; 
 margin: 0; 
 padding: 100px 0 0 0; 
			
 /* "transparent" only works here because == rgba(0,0,0,0) */ 
 background-image: -moz-linear-gradient(top, transparent, black);
 background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, black));
}

.quoteFrom, .codeLegend {
 font-size: 11px;
 font-weight: bold;
 font-style: normal;
 color: #FFFFFF;
 font-family: Verdana, Arial, sans-serif;
}

.quoteFrom {
 color: #FFFFFF;
}

.quoteBody, .codeBody {
 font-size: 11px;
 color: #FFFFFF;
 line-height: 125%; 
 font-family: Verdana, Arial, sans-serif;
}

.quoteBody {
 font-style: italic;
 max-height: none;
 overflow: visible;
 content:'';
 position:relative;
}

.quoteArrowUp, .quoteArrowDown {
 display: none;
}

.codeBody {
 font-family: "Courier New";
}

.fatality404 {
 width: 500px;
 max-width: 100%;
 margin: 10px 10px 10px 0;
}

.message404 {
 font-size: 12px;
 font-weight: bold;
 font-style: italic;
 display: block;
 margin-bottom: 10px;
}

.emoticon {
 border: none;
 margin-bottom: 0;
 vertical-align: text-bottom;
}

.leader {
 width:240px;
 display:inline-block;
 margin-left: 5px;
 margin-right: 5px;
}

.rewardBoxWrapper_user_koins, .rewardBoxWrapper_user_soulfragments, .rewardBoxWrapper_user_hearts, .rewardBoxWrapper_user_timekrystals, .rewardBoxWrapper_user_dragonkrystals  {
 display: inline-block;
 width:280px;
 height:300px;
 margin:5px;
 background-repeat: no-repeat;
 background-size: 100% 100%;
}
.rewardBoxWrapper_user_koins  {
 background-image:url(/forums/images/kurrency/user_koins_full.png);
}
.rewardBoxWrapper_user_soulfragments  {
 background-image:url(/forums/images/kurrency/user_soulfragments_full.png);
}
.rewardBoxWrapper_user_hearts  {
 background-image:url(/forums/images/kurrency/user_hearts_full.png);
}
.rewardBoxWrapper_user_timekrystals  {
 background-image:url(/forums/images/kurrency/user_timekrystals_full.png);
}
.rewardBoxWrapper_user_dragonkrystals  {
 background-image:url(/forums/images/kurrency/user_dragonkrystals_full.png);
}
.rewardBoxHeader {
 position: relative;
 width:100%;
 height: 24px;
 padding:7px 0 0 0;
 font-size: 12px;
}
.rewardBoxAmount {
 position: relative;
 height: 12px;
 width: 100%;
 padding: 14px 0 0 0;
 font-size: 12px;
}

.kurrencyDisplayWrapper {
 float: right;
}

.kurrencyDisplay {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 padding: 0 5px 0 0;
}


/* 03a - Font Color ----------- */

body {
 text-rendering: auto;
 font-size: 12px;
 color: #FFFFFF;
 font-family: Verdana, Arial, sans-serif;
}

a, a:visited, a:active { color:#FFFFFF; }

a:hover { color: #999999; }

.post-info, .post-meta, .post-taxonomy, .tableHead { color: #777777; }

.post-info a,
.post-info a:visited,
.post-info a:active,
.post-meta a,
.post-meta a:visited,
.post-meta a:active,
.post-taxonomy a,
.post-taxonomy a:visited,
.post-taxonomy a:active {
    color: #666666;
}

.post-info a:hover,
.post-meta a:hover,
.post-taxonomy a:hover {
	color: #888888;
}


/* 03c - Font Size ----------- */


.post-info,
.post-meta {
 font-size: 11px;
}


/* Layout  */

#wrap {
 margin: 0 auto 10px auto;
 max-width: 1200px;
 padding: 0 2% 10px 2%;
 min-height: 100%;	
 overflow: auto;
 border-left: 1px solid #222222;
 border-right: 1px solid #222222;
 border-bottom: 1px solid #222222;
 /* background-attachment: fixed; */
 -webkit-box-shadow: 0 2px 8px 5px rgba(0,0,0,1);
 -moz-box-shadow: 0 2px 8px 5px rgba(0,0,0,1);
 box-shadow: 0 2px 8px 5px rgba(0,0,0,1);	
}

#inner {
 overflow: visible;
 clear: both;
 padding-right: 250px;
}

.sidebar,
#header .widget-area {
 width: 240px;
 margin-right: -250px;
}

.content-sidebar #content,
#title-area {
 width: 100%;
}

.content-sidebar #content-sidebar-wrap {
 width: 100%; 
}

.hfeed {
 width: 100%;
}

.hfeed2 {
 width: 100%;
 padding:0;
}

.sidebar-content #sidebar,
#content,
#content-sidebar-wrap {
 float: left;
}

.sidebar,
.sidebar-content #content,
.widget-area {
 float: right;
}


/* 04e - Post Info & Meta ----------- */

.post-info a,
.post-meta a {
 text-decoration:none;
}

.post-info a:hover,
.post-meta a:hover {
 text-decoration:none;
}

.post-meta {
 clear: both;
 /* line-height: 1.5; */
}

.post-info, .post-meta {
 background-color: #222222;
 padding: 2px 10px;
 border-top:0;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
 border-left:1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #333333;
 -moz-box-shadow: inset 1px 1px 0 0 #333333;
 box-shadow: inset 1px 1px 0 0 #333333;
 overflow: hidden;
}

.discussion {
 float: right;
}

.tableHead {
    background-color: #222222;
    padding: 2px 10px;
    border-top: 0;
    border-bottom:1px solid #000000;
    -webkit-box-shadow: inset 1px 1px 0 0 #333333;
    -moz-box-shadow: inset 1px 1px 0 0 #333333;
    box-shadow: inset 1px 1px 0 0 #333333;
}

.tableHeadLeft {
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

.tableHeadRight, .tableHeadMiddle {
    border-right:1px solid #000000;
}

.tableBody {
    background-color: #333333;
    padding: 5px 10px;
    margin: 0;
    overflow: hidden;
    border-bottom: 1px solid #000000;
    border-top: 0;
    -webkit-box-shadow: inset 1px 1px 0 0 #444444;
    -moz-box-shadow: inset 1px 1px 0 0 #444444;
    box-shadow: inset 1px 1px 0 0 #444444;
}

.tableBodyLeft {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.tableBodyRight, .tableBodyMiddle {
    border-right: 1px solid #000000;
}


/* 04g - Miscellaneous ----------- */

.alignleft {
 float: left;
}

.alignright {
 float: right;
}

.textAlignLeft {
 text-align: left;
}

.textAlignRight {
 text-align: right;
}

.aligncenter,
.textAlignCenter {
 text-align: center;
}

.aligncenter img {
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.alignbottom {
 position: absolute;
 bottom: 10px;
 right: 10px;
 width: 100%;
}

.navigation {
 -webkit-box-shadow: inset 0 20px 12px -12px rgba(0,0,0,1);
 -moz-box-shadow: inset 0 20px 12px -12px rgba(0,0,0,1);
 box-shadow: inset 0 15px 10px -10px rgba(0,0,0,1);
 background-color: rgba(40,40,40,0.5);
 margin: 0 0 10px 1px;
 overflow: hidden;
 padding: 5px 7px;
 display: flex;
 align-items: center;
 border-top: 1px solid #333333;
 border-right: 1px solid #222222;
 border-bottom: 1px solid #222222;
 border-left: 1px solid #333333; 
 behavior: url(css/PIE/PIE.htc);
}


/* Main Menu */

.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
 font: normal 13px Verdana;
 margin: 0;
 padding: 0;
 position: absolute;
 left: 0;
 top: 0;
 list-style-type: none;
 background: #000000;
 border: 1px solid black;
 border-bottom-width: 0;
 visibility: hidden;
 display: none; /*collapse all sub menus to begin with*/
 -webkit-box-shadow: 3px 3px 8px #000000;
 -moz-box-shadow: 3px 3px 8px #000000;
  box-shadow: 3px 3px 8px #818181; /*shadow for CSS3 capable browsers.*/
}

.flexdropdownmenu li{
 position: relative;
}

.flexdropdownmenu li a{
 display: block;
 width: 130px; /*width of menu (not including side paddings)*/
 color: #FFFFFF;
 background: #222222;
 border-bottom: 1px solid #000000;
 text-decoration: none;
 padding: 4px 5px;
 -webkit-box-shadow: inset 1px 1px 0 0 #333333;
 -moz-box-shadow: inset 1px 1px 0 0 #333333;
 box-shadow: inset 1px 1px 0 0 #333333;
}

* html .flexdropdownmenu li{ /*IE6 CSS hack*/
 display: inline-block;
 width: 130px; /*width of menu (include side paddings of LI A*/
}

.rightarrowclass{
 position: absolute;
 top: 6px;
 right: 5px;
}

.selectedanchor {
 background: none;
}

/*
10 Sidebars
---------------------------------------------------------------------------------------------------- */

.sidebar {
 display: inline;
 line-height: 1.5;
}

.sidebar .widget {
 margin-bottom: 12px;
 overflow: hidden;	
}

.widget {
 background-color: #333333;
 margin-bottom: 12px;
 overflow: hidden;
 border-left:1px solid #000000;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
 -webkit-box-shadow: inset 1px 1px 0 0 #444444, 3px 3px 5px -1px #000000;
 -moz-box-shadow: inset 1px 1px 0 0 #444444, 3px 3px 5px -1px #000000;
 box-shadow: inset 1px 1px 0 0 #444444, 3px 3px 5px -1px #000000; 
 padding-bottom:12px;
 behavior: url(css/PIE/PIE.htc);
}


/*
13 Images & Captions
---------------------------------------------------------------------------------------------------- */


img {
 height: auto;
}

.newsThumb, .newsThumbPreview {
 float: right;
 background-color: #FFFFFF;
 border: 1px solid #000000;
 padding: 3px;
 margin: 0 0 10px 10px;
}

.newsThumb {
 width: 100px;
 height: 75px;
}

.newsThumbPreview {
 width: 50px;
 height: 37px;
}

.newsThumb2 {
 float: right;
 background-color: #FFFFFF;
 border: 1px solid #000000;
 padding: 3px;
 margin: 0 0 10px 10px;
 width: 50px;
 height: 50px;
}

.image {
 margin: 0 5px 5px 0;
 border: 1px solid #FFFFFF;
 max-width: 100%;
 background-color: #111111;
 -webkit-box-shadow: 3px 3px 5px -1px #000000;
 -moz-box-shadow: 3px 3px 5px -1px #000000;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.thumbnail {
 width: 150px;
}

.grayscale { 
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
 filter: gray; /* IE6-9 */
 -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */  
}

.grayscale:hover{ 
 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
 -webkit-filter: grayscale(0%);
}

.screenshotThumb {
 width: 100px;
 margin: 5px;
}

.hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}


/* Media Queries */

@media only screen and (max-width: 1200px) {

 body { background: #000000; }

 #wrap {
  border: none;
 }

 .latestNewsBar {
  padding: 3px 10px 3px 20px;
 }

.rewardBoxWrapper_user_koins, .rewardBoxWrapper_user_soulfragments, .rewardBoxWrapper_user_hearts, .rewardBoxWrapper_user_timekrystals, .rewardBoxWrapper_user_dragonkrystals {
 width:200px;
 height:214px;
}
.rewardBoxHeader {
 height: 20px;
 padding: 5px;
 font-size: 9px;
}
.rewardBoxAmount {
 padding: 1px 0 0 0;
 font-size: 11px;
}

}

@media only screen and (max-width: 1000px) {

 .mobileNo1000 {
  display: none;
 }

 .mobileOnly1000 {
  display: block;
 }

 .newsItem {
  display:block;
  margin:0;
  width:auto;
  max-width:100%;
}

}

@media only screen and (max-width: 800px) {

 .volumeIcons {
  /* display: none; */
  width: 490px; /* width of container */
  object-fit: cover;
  object-position: 0 10%;
 }
 
 .volumesMore {
    display: inline-block;
 }

 .newsPreviewFeed { 
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  margin: 0;
 }

 .newsHeader, .newsHeaderPreview {
  padding: 5px 10px;
  min-height: 18px;
 }

 .newsHeaderTitle, .newsHeaderTitle a, .newsHeaderTitlePreview, .newsHeaderTitlePreview a {
  margin-left: 28px;
  font-size: 22px;
  line-height: 26px;
 }
 
 .newsCatIcon {
  margin-top: 6px;
  width: 20px;
  height: 20px;
 }

 .newsIcon {
  margin: 1px 6px 0 0;
 }

 .newsThumb {
  width: 75px;
  height: 56px;
 }

 .newsThumb2 {
  width: 30px;
  height: 30px;
  padding: 2px;
 }

 .event {
  margin: 0;
  width: 100%;
 }

 .mobileNo780 {
  display: none;
 }

 .mobileOnly780 {
  display: block;
 }

 .cellMobileNo780 {
  display: none;
 }

 .cellMobileOnly780 {
  display: table-cell;
 }

 .grayscale { 
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(0%);
 }

}


@media only screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
  .quoteArrowUp, .quoteArrowDown {
   display: block;
   position: absolute;
   color: #555555;
   text-decoration: none;
   right: 2px;
  }

  .quoteArrowUp {
   top: 8px;
  }

  .quoteArrowDown {
   bottom: 1px;
  }
}

@media only screen and (max-width: 600px) {

 body {
  background-size: 100% auto;
 }

 #wrap {
  padding: 0 2%;
  background-size: 50% auto, 100% auto;
 }

 .mobileNo {
  display: none;
 }

 .mobileOnly {
  display: block;
 }

 .tableMobileNo {
  display: none;
 }

 .cellMobileNo {
  display: none;
 }

 .cellMobileOnly {
  display: table-cell;
 }

 .spanMobileOnly {
  display: inline-block;
 }

 .spanMobileNo {
  display: none;
 }

 .fdmkHeader {
  margin: 4px 0 4px 0;
  height: auto;
 }

 .newsHeader, .newsHeaderPreview {
  min-height: 20px;
 }

 .contentHeader, .contentHeaderInline, .catInline {
  font-size: 22px;
  line-height: 26px;
 }

 .fdmkContent {
  -webkit-text-size-adjust: 100%;
 }

 .latestTopicDetails {
  color: #FFFFFF;
  font-size: 9px;
 }

 .latestTopicDetails a:link { 
   color: #FFFFFF; 
 }

 .latestTopicDetails a:visited { 
   color: #FFFFFF; 
 }

 .latestTopicDetails a:hover { 
   color: #FFFFFF; 
 }

 .fdmkFooter {
  width: auto;
  font-size: 8px;
 }

 .footerLogos {
  display: none;
 }

 .location, .locationArrow {
  font-size: 16px;
 }

 .account {
  font-size: 10px;
 }
 
 .volumeMenuIcon {
  font-size: 28px;
  padding: 0;
 }
 
 .volumeMenuIcon:hover { 
 font-family: "Verdana";
 font-size: 22px;
 line-height: 22px;
 color: #999999;
}
 
 .volumesMore {
    display: inline-block;
 }

 .primaryImageContainer, .additionalImageContainer {
  max-width: 80px;
 }
 
 .refImageSpacer {
 max-width: 100px;
 height: 160px;
 max-height:160px;
}

 .primaryImage, .additionalImage {
  width: 100%;
 }
 
 .deathFallWeapon {
    width:16px;
 }

 .refImageCaption {
  font-size: 8px;
 }

 .newsDate {
  color: #111111;
  margin-top: 4px;
  font-size: 10px;
  float: none;
 }

 .shadowImg {
  top: 20px;
 }

 .quoteBody {
  max-height: 114px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 5px;
 }

 .quoteBody::-webkit-scrollbar {
    -moz-appearance: none;
    -webkit-appearance: none;
}

 .quoteBody::-webkit-scrollbar:vertical {
    width: 11px;
}

 .quoteBody::-webkit-scrollbar:horizontal {
    height: 11px;
}

 .quoteBody::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid #000000; /* should match background, can't be transparent */
    background-color: #444444;
}

 .post-info {
  font-size: 10px;
 }

.logo {
 background-size: cover;
}

.logoHalloween {
 background: url(/gallery/layout/fdmk_mobile_logo_holloween.png);
}

.logoXmas {
 background: url(/gallery/layout/fdmk_mobile_logo_v3_xmas.png);
}

.logo, .logoHalloween, .logoXmas {
 margin: 0 0 0 4px;
}

.logo, .logoHalloween, .logoImage, .logoImageHalloween {
 width: 136px;
 height: 50px;
}

.logoXmas, .logoImageXmas {
 width: 206px;
 height: 50px
}

.logoImage, .logoImageHalloween, .logoImageXmas {
 margin: 0;
 padding: 0;
}

 .menuContainer {
  margin: 4px 0 0 14px;
  font-size: 10px;
  float: none;
 }

 .referenceCategory {
  width: 120px;
  height: 120px;
 }

 .categoryName {
  font-size: 10px;
  padding: 5px 3px 1px 5px;
  top: 98px;
  height: 16px;
 }

 .volumeEntry {
  min-width: 75px;
 }

 .volumeEntryImage {
  max-width: 75px;
 }

 .categoryImage {
  width: 119px;
  height: 119px;
 }

 .newsHeaderTitle, .newsHeaderTitle a, .newsHeaderTitlePreview, .newsHeaderTitlePreview a {
  font-size: 22px;
  line-height: 26px;
  margin-left: 28px;
 }

 .menuIcon { 
  float: none;
  margin: 0;
  visibility: hidden;
 }

 .pollTotalVotes {
  text-align: left;
 }

 .pollSubmit {
  text-align: left;
 }

 .timelineTable {
  display: block;
  padding: 0;
  margin: 0;
 }

 .timelineRow {
  display: block;
  padding: 0;
  margin: 0;
 }

 .timelineContainer {
  width: 100%;
 }

 .timelineHeader {
  width: 100%;
 }

 .searchLeft {
  display: block;
  width: 100%;
  padding-right: 0;
 }

 .searchRight {
  display: block;
  width: 100%;
 }

 .youtubeLink {
 font-size: 10px;
 }

 .message404 {
  font-size: 10px;
 }

 .leader {
  width: 100%;
  display: block;
  margin-left: 0;
  margin-right: 0;
 }

 .addItemImg {
  width: 75px;
 }

 .admin {
  padding-top: 10px;
 }

 #inner {
  padding: 0;
 }

 .sidebar,
 #header .widget-area {
  margin:0;
 }	

 .wrap,
 #inner,
 #wrap .sidebar,
 #wrap #content,
 #wrap #content-sidebar-wrap {
  width: 100%;
 }

.rewardBoxWrapper_user_koins, .rewardBoxWrapper_user_soulfragments, .rewardBoxWrapper_user_hearts, .rewardBoxWrapper_user_timekrystals, .rewardBoxWrapper_user_dragonkrystals {
 width:120px;
 height:129px;
}
.rewardBoxHeader {
 height: 12px;
 padding: 1px;
 font-size: 8px;
}
.rewardBoxAmount {
 padding: 1px 0 0 0;
 font-size: 10px;
}

 .themeMainContainer {
  width: 142px;
}

 .themeBody, .themeThumb {
   width: 140px;
   height: 97px;
}

 .stickyBottomRight {
   left: 20px;
   right: 20px;
   width: auto;
   height: 80px;
}

 .roundCornerBottomLeftMobile {
   -moz-border-radius-bottomleft: 5px;
   border-bottom-left-radius: 5px;
  }

 .locationArrow {
  font-size: 22px;
  margin: 2px 0 0 0;
 }

 .kurrencyDisplayWrapper {
  float: none;
 }
 
 .thumbnail {
 width: 75px;
 }

}