.sitelogo {
  display: block;
  float: left;
  width: 152px;
  height: 158px;
  background-image: url("https://cdn.cavesofnarshe.com/images/layout/sitelogo.png");
  background-repeat: no-repeat;
  background-position: top left;
  padding-right: 13px;
}

body.twenty .sitelogo {
  background-image: url("https://cdn.cavesofnarshe.com/images/layout/sitelogo-20.png");
  width: 169px;
  height: 169px;
  margin: -8px 0 0 -10px;
  padding-right: 6px;
}

@media (min-resolution: 100dpi),
  (-webkit-min-device-pixel-ratio: 1.05),
  (min--moz-device-pixel-ratio: 1.05),
  (-o-min-device-pixel-ratio: 21/20),
  (min-device-pixel-ratio: 1.05),
  (min-resolution: 1.05dppx) {
  .sitelogo {
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/sitelogo.svg");
  }

  body.twenty .sitelogo {
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/sitelogo-20.svg");
  }
}

.site_frontpage_logotype {
  display: block;
}

.logo-clear {
  clear: left;
}

.sectioncredits {
  width: 100%;
}

.creditcolumn {
  vertical-align: top;
}

.creditbox {
  padding-bottom: 1em;
  padding-right: 1em;
}

.gametitlepageimage {
  width: 384px;
  height: 280px;
  margin: 0 0 1em 1em;
  float: right;
  clear: right;
}

.credittitle {
  font-weight: bolder;
}

img.item-small {
  vertical-align: -0.6ex;
  padding-right: 0.4ex;
}
img.ability-small {
  vertical-align: -2px;
  padding-right: 0.2ex;
}
img.magic-small {
  vertical-align: baseline;
  padding-right: 0.5ex;
}
img.magic-large {
  vertical-align: -0.1ex;
  padding-right: 1ex;
}
.ff7-shops-row img.magic-small {
  margin-left: 4px;
  margin-right: 4px;
  padding-right: 0.4ex;
}

tr.materiahighlight td {
  border: 2px solid #d6ad07;
  font-weight: bold;
}

dt {
  display: list-item;
  font-weight: bold;
  list-style-type: disc;
  list-style-position: outside;
  margin-left: 1.5em;
}
dd {
  margin-top: 1em;
  margin-bottom: 1em;
}
span.special {
  color: red;
}

.contrib-block,
.contrib-main,
.contrib-title {
  width: auto;
}

.contrib-block {
  display: table;
  padding-top: 0;
  padding-bottom: 2ex;
  margin: 0;
}

.contrib-splitter {
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  border-bottom: 1px solid;
}

.contrib-post {
}

.darkenemy {
  background: #606060;
  border: 2px outset #606060;
  padding: 5px;
}

.posttablenote {
  padding: 0px 4px;
}

.warning {
  border: 2px solid #a00000;
  padding: 2px;
  font-weight: bolder;
}

.takebacktheweb {
  padding-top: 4px;
}

.bottom .takebacktheweb {
  margin-bottom: -4px !important;
}

.symbol {
  font-family: "Lucida Sans Unicode", "Lucida Sans";
  font-size: 1.2em;
  line-height: 1em;
}

/* STATS */

.ttxt {
  border: 0px;
  padding: 2px;
  text-align: left;
  vertical-align: top;
}
.tgr,
.tinv {
  border: 0px;
  text-align: left;
  vertical-align: top;
}
.tar,
.cn {
  text-align: right;
}
.tal {
  text-align: left;
}
.win {
  font-weight: bold;
}

td.t1,
tr.t1,
table.t1,
div.t1 {
  text-align: left;
  font-weight: bold;
  font-style: italic;
}
td.t2,
tr.t2,
table.t2,
div.t2 {
  text-align: left;
  font-style: normal;
}
td.t3,
tr.t3,
table.t3,
div.t3 {
  text-align: right;
}
td.t4,
tr.t4,
table.t4,
div.t4 {
  text-align: center;
}
td.t5,
tr.t5,
table.t5,
div.t5 {
  text-align: left;
  font-style: italic;
}
td.t6,
tr.t6,
table.t6,
div.t6 {
  font-family: "Tahoma", "Small Fonts", "Arial Narrow", sans-serif;
  font-size: 7pt !important;
  font-weight: normal !important;
  text-align: right;
  font-style: normal;
  white-space: nowrap;
}

.s1,
.s1 td {
  font-family: "Tahoma", "Small Fonts", "Arial Narrow", sans-serif;
  font-size: 7pt !important;
  font-weight: normal !important;
  vertical-align: bottom;
  text-align: center;
}
.s2,
.s2 td {
  font-family: "Tahoma", "Small Fonts", "Arial Narrow", sans-serif;
  font-size: 7pt !important;
  font-weight: normal !important;
  vertical-align: bottom;
  text-align: center;
  border: 0px;
}
.s3,
.s3 td {
  font-family: "Tahoma", "Small Fonts", "Arial Narrow", sans-serif;
  font-size: 7pt !important;
  font-weight: normal !important;
  vertical-align: bottom;
  text-align: center;
}
.s4,
.s4 td {
  text-align: left;
}
.s5,
.s5 td {
  text-align: left;
  border: 0px;
}
.toc {
  font-size: 16px;
  font-weight: bold;
  margin: 2px;
}
.ra {
  font-size: 32px;
  text-align: center !important;
  border-width: 4px;
  padding-right: 10px;
  font-style: normal;
}
.rn {
  font-size: 16px;
  text-align: left;
  font-weight: bold;
  font-style: normal;
}
.ad {
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
}
.am {
  vertical-align: top;
}
.cr {
  border-style: outset;
  border-width: 2px;
  font-size: 12px;
  vertical-align: middle;
  text-align: left;
}
.v1 {
}
.v2 {
}
.v3 {
}
.v4 {
}
.v5 {
}
.v6 {
}
.v7 {
}
.v8 {
}

.statsbignums td {
  text-align: left;
}

.t2 .v4 {
  white-space: nowrap;
}

table.compactstats,
table.compactstats2 {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  padding: 0;
  margin: 0;
}

table.compactstats img,
table.compactstats2 img {
  border-spacing: 0;
  border: 0;
  padding-left: 0;
  padding-right: 1px;
  margin: 0;
}

table.compactstats .s1,
table.compactstats2 .s1,
table.compactstats .s2,
table.compactstats2 .s2,
table.compactstats .tgr,
table.compactstats2 .tgr {
  border-spacing: 0;
  border: 0;
  padding: 0;
  margin: 0;
}

.bottomrow .t5 {
  background: transparent !important;
}

/*for 1.22 relmap*/
.cs0 {
  background-color: #a0a0a0;
}
.cs1 {
  background-color: #ff0000;
}
.cs2 {
  background-color: #ffff00;
}
.cs3 {
  background-color: #00ff00;
}
.cs4 {
  background-color: #00ffff;
}
.cs5 {
  background-color: #0000ff;
}

/* end stats*/

/* rash stuff*/
.quote_output {
  padding-bottom: 13pt;
}
/* /rash stuff */

/* rash 2 stuff */
div.quote_pagenums {
  text-align: center;
  font-size: 9pt;
}
div.quote_whole {
  padding-bottom: 13pt;
}
div.admin_queue_alt2 {
  background-color: #f0f0f0;
}

/* /rash 2 stuff */

/* for amacon */
.amazon_prod_info {
  width: 258px;
}
.amazon_prod_img {
  width: 64px;
}
#amacon-us,
#amacon-uk,
#amacon-ca {
  display: none;
}
.amacon-what {
  font-size: 0.8em;
}

/*.amazon-related-title-country {
  font-weight: bold;
  margin-top: 6px;
}

.amazon-related-price-country {
  font-weight: bold;
  font-size: 1.4em;
}
.amazon-sup-price {
  font-size: 0.7em;
  vertical-align: top;
}

.amazon_image_country {

}*/

/* for release date data on game index pages */
#releasetable {
  margin: 0px;
  margin-left: 1em;
  margin-bottom: 1em;
  margin-right: -2px;
  display: block;
}
.releasedate {
  vertical-align: middle;
}
.releaseconsole {
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
}

/* Fanart */

#fanartSubPt2Crop {
  display: none;
}
#theImagediv {
  display: none;
}
span.overtime,
a.overtime:link,
a.overtime:hover,
a.overtime:visited,
a.overtime:active {
  color: red;
}
.nomargin {
  margin: 0px;
}

/* porting some forum stuff into main css so we can use it for news and fanart display */
.outerquote {
  font-size: 8pt;
  margin-bottom: 2px;
  margin-top: 2px;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

#QUOTE,
.QUOTE,
#EDIT,
.EDIT {
  border: 1px solid #000000;
  color: black;
  font-size: 9pt;
  padding: 2px;
}

/* Google Maps CSS */
#googleMap #tactics #map {
  width: 540px;
  height: 416px;
  margin-right: 10px;
  overflow: hidden;
}
#googleMap #locationName {
  position: absolute;
  padding: 2px; /*background:#555;*/
  color: #fff; /*width:75px;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  width: 150px;
  font-weight: bold;
  z-index: 9999;
}
#googleMap #locationNameShadow {
  position: absolute;
  padding: 2px; /*background:#555;*/
  color: #000; /*width:75px;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  width: 150px;
  font-weight: bold;
  z-index: 9998;
}
.mapview {
  margin: auto;
}
.mapview input {
  width: 70px;
  font-weight: bold;
  font-size: 14pt;
}
#extradata {
  clear: both;
}
#noscriptmap {
  position: relative;
}
.staticLocation {
  position: absolute;
}
#tactics div.staticLocation {
  height: 30px;
  width: 30px;
}
div.mapSingleControls {
  display: none;
}

/* heavier-duty version of the welcome back block on the homepage */
/* needs to be overridden by skins */
.wb_block {
  display: inline-block;
  width: 33%;
}
.wb_block.avatar {
  text-align: center;
} /* persona should be more narrow on the avatar block. */
.wb_block.newstuff,
.wb_block.yourstuff {
  vertical-align: top;
}
.new_visit {
  text-transform: uppercase;
}
.new_visit,
.your_visit {
  width: 95%;
}
.new_visit th,
.your_visit th {
  text-align: left;
  text-transform: uppercase;
}
.new_visit th img,
.your_visit th img {
  margin-left: -15px;
  margin-top: -15px;
}
.new_visit th,
.new_visit td,
.your_visit th {
  font-family: "Helvetica Black", "Arial Black", "Helvetica", "Arial",
    "DejaVu Sans Condensed", "FreeSans", sans-serif;
  font-weight: 800;
  font-size: 18px !important;
}
.new_visit td {
  font-size: 14px !important;
  text-align: left;
}
.new_visit td a {
  text-decoration: underline !important;
}
.new_visit span.lower {
  text-transform: lowercase;
}
.new_visit span.value {
  float: right;
}
.your_visit td {
  text-align: left;
}
.your_visit span.value {
  float: right;
}

.wb_block.socialconnect {
  min-width: 265px;
  width: 16%;
  float: right;
  margin-right: -15px;
}

.wb_block.socialconnect a.secondrow {
  display: inline-block;
  width: 32%;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}

.mobile.socialconnect a {
  display: inline-block;
  width: 18%;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}

.fa-rss {
  color: rgba(255, 102, 0, 1);
}
.fa-youtube {
  color: rgba(255, 0, 0, 1);
}
.fa-twitch {
  color: rgba(100, 65, 164, 1);
}
.fa-facebook,
.fa-facebook-square {
  color: rgba(59, 89, 152, 1);
}
.fa-twitter {
  color: rgba(29, 161, 242, 1);
}

/* new dropdown walkthrough nav */
select.walkthrough_nav {
  font-size: 1.1em;
}
select.walkthrough_nav optgroup {
  background-color: #cccccc;
  font-style: normal;
}
select.walkthrough_nav optgroup option {
  background-color: #ffffff;
}

/* enemy labels introduced with FF9 */
span.boss,
span.friendly,
span.hunt,
span.flee {
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  padding: 2% 0;
  font-size: 0.8em;
}
span.boss {
  background-color: #000000;
}
span.friendly {
  background-color: #009900;
}
span.hunt {
  background-color: #cc6000;
}
span.flee {
  background-color: #cc0000;
}

/* New webchat popup, march 2013 */
.iris_chat_sidebar {
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 155px;
  background: #081848;
}
.iris_chat_topcap,
.iris_chat_botcap {
  display: none;
  position: absolute;
}
.iris_chat_topcap {
  top: 0px;
}
.iris_chat_botcap {
  bottom: 0px;
}
.iris_chat_logo {
  margin: 10px auto;
  width: 148px;
  height: 156px;
  background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/skyglade-chat-logo.png");
  background-repeat: no-repeat;
  background-position: top left;
}
.iris_chat_links {
  margin: 10px auto;
  width: 140px;
}
.iris_chat {
  display: block;
  position: absolute;
  top: 0px;
  left: 155px;
  right: 0;
  bottom: 0px;
  border: none;
}

/* jQuery Sortable Tables */
table.tablesorter .header div {
  background-image: url('https://cdn.cavesofnarshe.com/images/layout/tablesort-bg.png');
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter .headerSortUp div {
  background-image: url('https://cdn.cavesofnarshe.com/images/layout/tablesort-asc.png');
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
table.tablesorter .headerSortDown div {
  background-image: url('https://cdn.cavesofnarshe.com/images/layout/tablesort-desc.png');
  background-repeat: no-repeat;
  background-position: cente right;
  cursor: pointer;
}

/* Expandable Enemy Strategies & Similar Content */
.enemy_strategy_expand,
.content_expand_link {
  display: block;
  border-radius: 3px;
  padding: 5px 15px;
  float: right;
  font-size: 0.8em;
  position: absolute;
  bottom: 1px;
  right: 0px;
  background: #ffffff;
  cursor: pointer;
  z-index: 20;
}

.enemy_strategy,
.content_expandable {
  /*height: 70px;*/
  overflow: hidden;
  position: relative;
}
.bottomrow .gradient_mask {
  bottom: 26px;
  height: 29px;
  left: -4px;
  margin-bottom: -28px;
  position: relative;
  right: -2px;
  width: 100%;
  z-index: 10;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0%, rgba(255, 255, 255, 0)),
    color-stop(100%, rgba(255, 255, 255, 1))
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* IE10+ */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  ); /* W3C */
}

/* override text-transform for cases like the "o" in CoN. */
.no-tt {
  text-transform: none;
}

/* Gamepad Buttons */
.symbol.cursor {
  font-size: 2em;
  line-height: 0.4em;
}
.padbutton {
  border: solid 1px black;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  line-height: 1.5em;
  border-radius: 0.7em;
  text-align: center;
  color: rgba(255, 255, 255, 0.5);
  overflow: hidden;
  font-weight: bold;
}
.xbox-a {
  background-color: darkgreen;
  border: darkgreen;
}
.xbox-b {
  background-color: darkred;
  border: darkred;
}
.xbox-x {
  background-color: darkblue;
  border: darkblue;
}
.xbox-y {
  background-color: goldenrod;
  border: goldenrod;
}
.padbutton.psx {
  background-color: #4a4d51;
  border: #4a4d51;
  font-weight: normal;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  border-radius: 0.6em;
}
.psx-tri {
  color: #6acebb;
}
.psx-x {
  color: #93a4d9;
}
.psx-sq {
  color: #ba73a6;
}
.psx-cir {
  color: #b35854;
}

/* Mobile Exclusions */
/* For things rendered to all skins but only shown for Skyglade Mobile */
.mobile.socialconnect {
  display: none;
}

/* Discord Nav List */
.ingame,
.discordstatus {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 3px;
}
.ingame {
  background: url("https://cdn.cavesofnarshe.com/images/general/discord-game-small.gif") center center no-repeat;
}
.discordstatus {
  border-radius: 5px;
}
.discordstatus.online {
  background-color: green;
}
.discordstatus.idle {
  background-color: orange;
}
.discordstatus.dnd {
  background-color: red;
}

/* Discord Page User List */
.discord_userlist {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  font-size: 2em;
}
.discord_user {
  text-align: left;
  position: relative;
  margin: 0 10px 10px;
}
.discordavatar {
  width: 70px;
  height: 70px;
  background-size: cover;
  border-radius: 35px;
  display: inline-block;
}
.discord_user .discordstatus {
  width: 20px;
  height: 20px;
  border-radius: 15px;
  position: absolute;
  left: 45px;
  bottom: 0;
  border: solid 3px rgba(255, 255, 255, 0.9);
}
.discord_user .ingame,
.discord_user .robot {
  width: 34px;
  height: 34px;
  position: absolute;
  bottom: 3px;
  left: -12px;
}
.discord_user .ingame {
  background: url("https://cdn.cavesofnarshe.com/images/general/discord-game-large.gif") center center no-repeat;
  left: -14px;
}
.discord_user .robot {
  background: url("https://cdn.cavesofnarshe.com/images/general/discord-bot-large.gif") center center no-repeat;
}