@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url("http://fdmk.net/thrillkill/forums/styles/prosilver/theme/theme.css");

/* DEFAULTS */

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

html { font-size: 100%; }

.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; }

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

.tableRow {
 display: table-row;
 width: 100%;
 margin: 0;
 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;
}

.noWrap {
 white-space: nowrap;
}

.displayInline {
 display: inline;
}

/* FDMK HEAD */

.marukkaContainer {
 position:absolute;
 top:10px;
 left:50%;
 margin-left:-56px;
 z-index:1000;
}

.marukka, .marukkaContainer {
 width:110px;
 height:162px;
}

.location {
 font-family: 'Roboto Condensed', Verdana, sans-serif;
 font-size: 20px;
 text-decoration: none;
 text-transform: uppercase;
}

.locationIcon {
 background-position: 0 2px;
 background-repeat: no-repeat;
 width: 50px;
 background-image: url(../images/layout/locationIcon.png);
}

.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: #191919;
 margin: 0 1px 10px 1px;
 padding: 5px 5px 5px 7px;
 position: relative;
 z-index: 999;
 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); 
}

.sticky {
 position: -webkit-sticky;
 position: sticky;
 top: 0px;
}

.account {
 font-family: Verdana;
 font-size: 11px;
 text-decoration: none;
 padding-bottom: 1px;
}

.logo {
 border: 1px solid #555555;
 margin: 0 1px 0 1px;
 max-width: 864px;
 z-index: -1;
}

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

.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;
 text-shadow:-1px 1px 3px #000000, 1px 1px 3px #000000, 0 -1px 3px #000000, 0 0 3px #000000;
}

.button {
  background-color: #000000;
  border-bottom: #333333 1px solid;
  border-left: #555555 1px solid;
  border-right: #333333 1px solid;
  border-top: #555555 1px solid;
  color: #888888;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  padding: 5px;
  margin: 5px 0 5px 0;
  box-shadow: 3px 3px 5px -1px #000000;
}


/* CONTENT */

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

.mobileNo {
 display: block;
}

.mobileOnly {
 display: none;
}

.mobileNo780 {
 display: block;
}

.mobileOnly780 {
 display: none;
}

.cellMobileNo {
 display: table-cell;
}

.cellMobileNo780 {
 display: table-cell;
}

.cellMobileOnly {
 display: none;
}

.spanMobileOnly {
 display: none;
}

.spanMobileNo {
 display: inline-block;
}

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

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

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

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

.message { padding: 20px 10px 20px 10px; }

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


/* DUNGEONS */

.dungeonWrapper {
 display:inline-block;
 position:relative;
 margin:5px;
 background-repeat: no-repeat;
 background-size: 100% auto;
 border: 1px solid #FFFFFF;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.dungeon, .dungeonWrapper {
 width: 160px;
 height: 113px;
}

.dungeonName {
 font-size: 10px;
 position: absolute;
 padding: 3px 3px 3px 5px;
 left: 0px;
 top: 93px;
 width: 100%;
 height: 14px;
 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 );
}


/* CHARACTERS */

.charWrapper {
 display:inline-block;
 position: relative;
 z-index: 50;
 margin:5px;
 background-repeat: no-repeat;
 background-size: 100% auto;
 border: 1px solid #FFFFFF;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.char, .charWrapper {
 width: 120px;
 height: 120px;
}

.charStoryImg {
 max-height: 300px;
 margin: 0px 5px 5px 5px;
 border: 1px solid #FFFFFF;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.charName {
 font-size: 14px;
 position: absolute;
 padding: 3px 3px 3px 5px;
 left: 0px;
 top: 97px;
 width: 100%;
 height: 17px;
 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 );
}

/* MEDIA */

.artwork {
 height: 120px;
}

/* NEWS */

.newsHeader {
 padding: 5px 10px;
 margin:0;
 border:1px solid #000000;
 overflow: hidden;
 position: relative;
 min-height: 28px;
 text-shadow:-1px 1px 3px #000000, 1px 1px 3px #000000, 0 -1px 3px #000000, 0 0 3px #000000;
}

.newsHeaderTitle {
 font-family: 'Roboto Condensed', Verdana, sans-serif;
 text-transform: uppercase;
 font-size: 20px;
 font-weight: 500;
 text-decoration: none;
 display: block;
 margin: 0 0 0 36px;
}

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

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

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

.newsBody {
 background-color: #333333;
 margin: 0;
 overflow: hidden;
 padding: 10px;
 border-top:0;
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
 border-left:1px solid #000000;
 box-shadow: inset 1px 1px 0px 0px #444444; 
}

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

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

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

.newsTitle {
 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;
}

.newsCatIcon {
 border: 1px solid #FFFFFF;
 margin:auto 10px auto 0;
 width: 25px;
 height: 25px;
 float: left;
 position: absolute;
 top: 0;
 bottom: 0;
 vertical-align: middle;
 box-shadow: 2px 2px 3px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.kredits {
 text-align: right;
 font-size: 10px;
 margin: 10px 0px 10px 0px;
}



/* LATEST FORUM ACTIVITY WIDGET */

.latestTopicTitle {
 font-family: Verdana, sans-serif;
 font-size: 11px;
 color: #FFFFFF;
 text-decoration:none;
 float: none;
}

.latestTopicDetails {
 font-family: Verdana, sans-serif;
 font-size: 10px;
 color: #111111;
 float: none;
}

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

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


/* FOOTER */

.admin {
 clear: both;
}

.fdmkFooter {
 margin: 10px auto 10px auto;
 max-width: 600px;
 font-family: Verdana, sans-serif;
 font-size: 10px;
 color: #555555;
}

.footerLogos {
 width: 180px;
 height: 116px;
}


/* MISCELLANEOUS */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0;
    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; }

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

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

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

.announcement {
 display: block;
 padding: 5px 10px;
 margin: 0 0 10px 0;
 width: auto;
 font-size: 11px;
 color: #000000;
 background-color: rgb(255, 255, 204);
 border: 1px solid #000000;
 box-shadow: 3px 3px 5px -1px #000000, inset 1px 1px 0px 0px #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;
}

.quote {
 background-color:#000000;
 border:1px dotted #FFFFFF;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}

.quoteWrapper {
 clear: both;
 margin:5px 10px 0 10px;
}


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

body {
 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 { 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: 30px auto;
 max-width: 866px;
 padding: 0 2%;	
 overflow: visible;	
}

#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%;
}

.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;
	overflow: hidden;
	padding: 2px 12px;
	border-top:0;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	border-left:1px solid #000000;
	box-shadow: inset 1px 1px 0px 0px #333333;
}

.discussion { float:right; }


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

.alignleft {
 float: left;
 display:block;
 text-wrap:none;
 margin: 3px 0px 3px 0;
}

.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;
}


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

.sidebar {
 display: inline;
 line-height: 1.5;
 padding-right:-2px;
}

.sidebar a { text-decoration:none; }

.sidebar a:hover { text-decoration:none; }

.sidebar p { margin-bottom: 12px; }

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

.sidebar.widget-area ul li {
 list-style-type: none;
 margin-bottom: 6px;
 word-wrap: break-word;
}

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

.widget-wrap p,
.widget-wrap div,
.widget-wrap form,
.widget-wrap ul {
 padding: 0 12px;
}


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


.image {
 border:1px solid #FFFFFF;
 box-shadow: 3px 3px 5px -1px #000000;
 behavior: url(css/PIE/PIE.htc);
}


/* Media Queries */


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

 .marukkaContainer {
  margin-left:-41px;"
 }

 .marukka, .marukkaContainer {
  width:82px;
  height:120px;
 }

}

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

 #wrap {
  margin: 10px auto;
  padding: 0 2%;
 }

 .marukkaContainer {
  margin-left:-23px;"
 }

 .marukka, .marukkaContainer {
  width:55px;
  height:81px;
 }

 .mobileNo {
  display: none;
 }

 .mobileOnly {
  display: block;
 }

 .cellMobileNo {
  display: none;
 }

 .cellMobileOnly {
  display: table-cell;
 }

 .spanMobileOnly {
  display: inline-block;
 }

 .spanMobileNo {
  display: none;
 }

 .fdmkFooter {
  width: auto;
  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
 }

 .location {
  font-size: 16px;
 }

 .dungeon, .dungeonWrapper {
  width: 110px;
  height: 78px;
 }

 .char, .charWrapper {
  width: 75px;
  height: 75px;
 }

 .charName {
  font-size: 10px;
  padding: 1px 3px 2px 3px;
  top: 59px;
  height: 13px;
 }

 .dungeonName {
  font-size: 8px;
  padding: 2px 3px 2px 3px;
  top: 62px;
  height: 12px;
 }

 .artwork {
  height: 70px;
 }

 .charStoryImg {
  max-height: 120px;
 }

 .message {
  padding: 10px;
 }

 .account {
  font-size: 10px;
 }

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

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

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

 .newsHeader {
  min-height: 12px;
 }

 .newsHeaderTitle,
 .newsHeaderTitle a {
  font-size: 14px;
  margin: 0;
 }

 .message404 {
  font-size: 10px;
 }

 #inner {
  padding: 0;
 }

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

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

}