/* Font Declarations */

@import url("../typography-common-2012.css");

html, body {
    margin: 0;
    padding: 0;
}
html {
    min-height: 100%;
}
body.minimal {
    margin: 10px;
}
#pagebox_container {
    padding-top: 52px;
    padding-bottom: 15px;
}
#pagecontent {
    padding-left: 22px;
    margin-left: 198px;
    margin-right: 10px;
}
#sidebar-container {
    position: relative;
}
#sidebar, .dropdown-visible {
    font-size: 9pt;
}
h1, h2, h3, h4, h5, h6 {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: black;
    text-align: left;
}
:link {
    color: rgb(0, 0, 192);
}
:visited { 
    color: rgb(50,0,150);
}
:link, :visited {
    text-decoration: none;
}
:link:hover, :visited:hover {
    text-decoration: underline;
}
:link:focus, :visited:focus, ass + hack {
    text-decoration: underline;
}
#preload {
    position: absolute;
    top: -500px;
    left: -500px;
}
#preload div {
    width: 1px;
    height: 1px;
}
#preload .gamenavbg {
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/topfaderev.png") !important;
}
#preload .sectnavbg {
    background-image: url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/sectnav-gradient.png'), url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/spectrum-null-down.png');
}
#preload .dropdownnavbg {
    background: #ffffff url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/spectrum-null-bottom.png') center bottom repeat-x;
}
#hamburger {
    display: none;
}

#sidebar {
    position: absolute;
    left: -197px;
    width: 160px;
    z-index: 1;
    padding: 45px 0 0;
    text-align: left;
    margin-bottom: 2ex;
    background: rgb(196,196,196); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(196,196,196,1) 90%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,rgba(196,196,196,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#sidebar-top-block-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 20px;
}
#corner-choco {
    position: absolute;
    top: -133px;
    left: 19px;
    width: 169px;
    height: 177px;
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/bwlogolarge.png");
    background-size: 169px 177px;
    z-index: 5; 
    background-position: top left;
    background-repeat: no-repeat;
}
body.twenty #corner-choco {
    top: -136px;
    left: 12px;
    width: 181px;
    height: 181px;
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/bwlogolarge-20.png");
    background-size: 181px 181px;
}
body.twentyfive #corner-choco {
    top: -141px;
    left: 7px;
    width: 208px;
    height: 192px;
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/25/25-golden-white.webp");
    background-size: contain;
}
#titlebar, #titlebar-border-top, #titlebar-border-bottom {
    margin-left: -221px;
    margin-right: -10px;
    clear: both;
    z-index: 2 !important;
    position: relative;
}
#titlebar {
    height: 98px;
    background-repeat: repeat-x;
    box-sizing: content-box;
    background-image: none;
    background-position: bottom;
    background-color: rgb(56, 56, 56);
}
#titlebar-overlay {
    position: relative;
    height: 98px;
    background-repeat: repeat-x;
    box-sizing: content-box;
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/topfade-title.png");
    background-position: bottom;
    z-index: 6;
}
#titlebar-border-top, #titlebar-border-bottom {
    height: 3px;
    padding: 0;
    font-size: 1px;
    background-color: black;
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/borderfade.png");
    background-repeat: repeat-y;
    background-position: 110px 0px;
}
#titlebarleft {
    overflow: hidden;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-position: left bottom;
    background-repeat: no-repeat;
    height: 98px;
    background-image: none;
    width: 0;
    z-index: 3;
}
#titlebar-weather {
    display: none;
}
#head {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background-position: right bottom;
    background-repeat: no-repeat;
    /*height: 189px;*/
    height: 98px;
    margin-right: 5px;
    z-index: 2;
    background-image: none;
    width: 0;
}
#sectiontitle {
    white-space: nowrap;
    overflow: hidden;
    font-family: "Open Sans", "Helvetica Black", "Arial Black", "Loma", "Helvetica", "Arial", sans-serif;
    font-weight: 800;
    letter-spacing: -0.05ex;
    font-size: 54px;
    z-index: 5;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 100px;
    color: white !important;
    position: absolute;
    top: -100px;
    left: 577px;
    font-style: normal;
    height: 100px;
    display: block;
    opacity: 0.6;
    padding-right: 50px;
    text-shadow: 0 0 2px black,
                 0 0 2px black,
                 0 0 2px black,
                 0 0 2px black,
                 0 0 2px black,
                 0 0 2px black;
}
#sitetitle {
    white-space: nowrap;
    overflow: hidden;
    color: white !important;
    z-index: 4;
    position: absolute;
    top: -100px;
    left: 196px;
    font-family: "Open Sans", "Helvetica Black", "Arial Black", "Loma", "Helvetica", "Arial", sans-serif;
    font-weight: 800;
    letter-spacing: -0.35px;
    font-size: 54px;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 100px;
    width: 375px;
    height: 100px;
    display: block;
    opacity: 0.9;
    text-indent: -9999px;
    background-image: url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/con-wordmark.png');
    background-repeat: no-repeat;
    background-position: 0 31px;
    background-size: auto 41px;
}

#sectiontitle:link:hover, #sectiontitle:visited:hover, #sectiontitle:link:focus, #sectiontitle:visited:focus {
    opacity: 0.8;
}

#sitetitle:link:hover, #sitetitle:visited:hover, #sitetitle:link:focus, #sitetitle:visited:focus {
    opacity: 1.0;
}

#gamenav {
    margin-top: 5px;
    margin-right: 8px;
    margin-left: 200px;
    position: relative;
    bottom: -1px;
}
#sectnav {

}
#gamenav, #sectnav {
    float: right;
    clear: right;
    text-align: right;
    font-size: 11px;
}
#gamenav .topnav-link .numeral, .forumbutton .numeral {
    font-size: 1.3em;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
}
#gamenav .topnav-link:link, #gamenav .topnav-link:visited, #gamenav,
#sectnav .topnav-link:link, #sectnav .topnav-link:visited, #sectnav {
    /*z-index: auto;*/
}
#gamenav .topnav-link:link, #sectnav .topnav-link:link, #gamenav .topnav-link:visited, #sectnav .topnav-link:visited, .forumbutton {
    /*padding: 3px;*/
    white-space: nowrap;
    color: black !important;
    position: relative;
    text-align: center;
    min-width: 40px;
    /*display: block;
    float: left;*/
    /* New style */
    display: inline-block;
    padding: 3px 10px;
/*    margin: 0 1px; */
    border-style: solid;
    border-top-color: rgb(255, 255, 255);
    border-right-color: rgb(225, 225, 225);
    border-bottom-color: rgb(151, 151, 151);
    border-left-color: rgb(151, 151, 151);
    border-width: 1px;
    background-color: rgb(215,215,215);
    background-color: rgba(215,215,215,0.5);
}
#sectnav .topnav-link:link, #sectnav .topnav-link:visited {
    border-top: none;
}
#gamenav .topnav-link:link, #sectnav .topnav-link:link, #gamenav .topnav-link:visited, #sectnav .topnav-link:visited, .forumbutton, :-moz-tree-twisty {
    display: inline;
    line-height: 2.0em;
    font-family:  "Open Sans", "Geneva", "Arial", "Helvetica", "Loma", "DejaVu Sans Condensed", "FreeSans", sans-serif;
    text-decoration: none !important;
}
#gamenav .topnav-link:link, #sectnav .topnav-link:link, #gamenav .topnav-link:visited, #sectnav .topnav-link:visited, .forumbutton, #con6-fake-id:-moz-broken {
    display: inline-block !important;
    line-height: normal !important;
    font-family: "Open Sans", "Helvetica", "Arial", "DejaVu Sans Condensed", "FreeSans", sans-serif;
}
#gamenavbackground {
    position: absolute; 
    z-index: 0; 
    background: url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/spectrum-null.png') right bottom repeat-x; 
    width: 100%; 
    height: 150px;
}
.topnav-short, :-moz-tree-twisty {
    padding-left: 7px !important;
    padding-right: 7px !important;
}
.topnav-short, #con6-fake-id:-moz-broken {
    padding-left: 3px !important;
    padding-right: 3px !important;
}
#gamenav .topnav-link:link, #gamenav .topnav-link:visited {
    border-top-width: 3px !important;
    border-top-color: transparent;
    height: 37px;
    /*margin-bottom: -1px;*/
}
#sectnav .topnav-link:link, #sectnav .topnav-link:visited {
    /*margin-top: -1px;*/
}
.topnav-link:link:hover, .topnav-link:visited:hover, .current-game, .current-section, .dropdown-section-open {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#969696',GradientType=0 ); /* IE6-9 */
}
.topnav-link:link:hover, .topnav-link:visited:hover, .current-game, .current-section {
    border-top-color: rgb(151, 151, 151) !important;
}
.dropdown-section-open {
    border-color: black !important;
}
.current-game, .current-section, .topnav-link:link:hover, .topnav-link:visited:hover {
    /*z-index: 4 !important;*/
}
#gamenav .topnav-link:link:hover, #gamenav .topnav-link:visited:hover, #gamenav .current-game, #gamenav .current-section, #gamenav .dropdown-section-open, :link .forumbutton:hover, :visited .forumbutton:hover, :link:focus .forumbutton, :link:focus .forumbutton {
    /* Top Links */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIzMCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZDdkN2Q3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 30%, rgba(215,215,215,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,rgba(255,255,255,0)), color-stop(100%,rgba(215,215,215,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 30%,rgba(215,215,215,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(255,255,255,0) 30%,rgba(215,215,215,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(255,255,255,0) 30%,rgba(215,215,215,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(255,255,255,0) 30%,rgba(215,215,215,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-9 */
}
#sectnav .topnav-link:link:hover, #sectnav .topnav-link:visited:hover, #sectnav .current-game, #sectnav .current-section, #sectnav .dropdown-section-open {
    /* Lower Links */
    background-color: transparent;
    border-bottom-color: #ffffff !important;
    background-image: url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/sectnav-gradient.png'), url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/spectrum-null-down.png');
    background-repeat: repeat-x;
    background-position: center;
}
#gamenav .topnav-link:link:hover, #gamenav .topnav-link:visited:hover, #sectnav .topnav-link:link:hover, #sectnav .topnav-link:visited:hover, .current-game, .current-section {
    /* border-bottom-color: transparent !important; */
}
.dropdown-section-open, #gamenav .topnav-link.dropdown-section-open:link:hover, #gamenav .topnav-link.dropdown-section-open:visited:hover, #sectnav .topnav-link.dropdown-section-open:link:hover, #sectnav .topnav-link.dropdown-section-open:visited:hover {
    border-bottom-color: rgb(255,255,255) !important;
    z-index: 5 !important;
}
#gamenav .topnav-link:link:focus, #gamenav .topnav-link:visited:focus, #sectnav .topnav-link:link:focus, #sectnav .topnav-link:visited:focus, ass + hack {
    background-color: white !important;
    color: rgb(84, 84, 84) !important;
    text-decoration: none;
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/topfaderev.png") !important;
    background-repeat: repeat-x !important;
    background-position: top !important;
    border-top-color: rgb(151, 151, 151) !important;
    border-bottom-color: rgb(255, 255, 255) !important;
}
#content {
    margin: -3px 0 0 0;
    padding: 0 2ex 2ex 0;
    text-align: justify;
    clear: both;
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/dropdown-fade.png");
    background-position: bottom right;
    background-repeat: no-repeat;
}
#content table {
    text-align: left;
}
.content-inner {
	margin-top: 40px;
}
.navblock-specific {
    background: rgb(196,196,196); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI5MCUiIHN0b3AtY29sb3I9IiNjNGM0YzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(196,196,196,1) 90%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,rgba(196,196,196,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(196,196,196,1) 90%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    padding-bottom: 25px;
    padding-top: 0;
}
.navheader {
    font-family: "Open Sans", "Helvetica Black", "Arial Black", "Loma", "Helvetica", "Arial", sans-serif;
    font-weight: 800;
    font-size: 1.2em;
    text-transform: uppercase;
    padding: 10px 2px 2px;
    border-bottom: solid 1px black;
    background-color: white;
    margin-bottom: 5px;
}
.navheader.first {
    background: rgb(255,255,255); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(196,196,196,1) 0%, rgba(255,255,255,1) 30%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,196,196,1)), color-stop(30%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,1) 30%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,1) 30%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,1) 30%); /* IE10+ */
    background: linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,1) 30%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.navitem-specific {
    display: block;
    padding: 2px 0 2px 11px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: transparent;
    color: black !important;
    padding-right: 8px;
    text-indent: -3px;
    overflow: hidden;
}
.navitem-specific:link:hover, .navitem-specific:visited:hover, .navitem-specific.current-page {
    background-color: white;
    border-color: black;
    text-decoration: none;
    color: rgb(84, 84, 84);
    background: rgb(230,230,230); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(230,230,230,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    background: linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.navitem-specific:link:focus, .navitem-specific:visited:focus, ass + hack {
    background-color: white;
    border-color: black;
    text-decoration: none;
    color: rgb(84, 84, 84);
    background-image: none !important;
    background-repeat: repeat-y !important;
    background-position: left !important;
}
span.pointer-container, img.pointer {
    border: 0;
    width: 10px;
    height: 8px;
}

table {
    border-spacing: 1px;
}

td.bottomrow, td.bottomrow2, th.toprow, td.toprow, .toprow-cell, .bottomrow-cell, .bottomrow2-cell {
    border: 0;
    padding: 2px 4px;
}

td.bottomrow, .bottomrow-cell, .row2, .row3 {
    background-color: rgb(212, 212, 212);
}

td.bottomrow2, .bottomrow2-cell, .row1, .row4, .tablepad, .dlight {
    background-color: rgb(225, 225, 225);
}

th.toprow, td.toprow, .toprow-cell, #ipbwrapper .maintitle, .darkrow1 {
    background-color: rgb(32, 32, 32);
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/topfade.png");
    background-position: top;
    background-repeat: repeat-x;
    color: white;
}

/* Game-specific toprows to dress up game-specific tables on non-specific pages */
th.toprow.ff1, td.toprow.ff1 {
    background-color: rgb(0, 16, 104);
}
th.toprow.ff4, td.toprow.ff4 {
    background-color: rgb(0, 48, 0);
}
th.toprow.ff5, td.toprow.ff5 {
    background-color: rgb(12, 75, 61);
}
th.toprow.ff6, td.toprow.ff6 {
    background-color: rgb(84, 0, 0);
}
th.toprow.ff7, td.toprow.ff7 {
    background-color: rgb(78, 0, 31);
}
th.toprow.ff9, td.toprow.ff9 {
    background-color: rgb(83, 110, 128);
}
th.toprow.fft, td.toprow.fft {
    background-color: rgb(35, 59, 9);
}
th.toprow.ct, td.toprow.ct {
    background-color: rgb(56, 48, 64);
}
th.toprow.nogame, td.toprow.nogame {
    background-color: rgb(16, 48, 16);
}

th.toprow :link, td.toprow :link, .toprow-cell :link, #ipbwrapper .maintitle :link, th.toprow :visited, td.toprow :visited, .toprow-cell :visited, #ipbwrapper .maintitle :visited {
    color: white !important;
}

.title-row td, .blank-cell {
    border: 0 !important;
    background-color: transparent !important;
    color: black !important;
}

.ability-off {
    opacity: 0.3;
}

.dropdown-hidden {
    display: none;
}

.dropdown-visible {
    display: block;
    position: absolute;
    z-index: 4;
    margin: 4px 3px -2px -2px;
    max-width: 300px;
}

.dropdown-inner, .titlemedium, .pformstrip, .darkrow2, .darkrow3, .activeuserstrip {
    background: #ffffff url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/spectrum-null-bottom.png') center bottom repeat-x;
}

.dropdown-inner {
    border: 1px solid black;
    padding: 5px;
    text-align: center;
    margin: -4px -3px 2px 2px;
    -webkit-box-shadow: -4px 4px 4px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    -4px 4px 4px rgba(50, 50, 50, 0.35);
    box-shadow:         -4px 4px 4px rgba(50, 50, 50, 0.35);
}

.pollbox-line {
    text-align: left;
    padding-top: 2px;
    padding-bottom: 2px;
}

#breadcrumbs {
    margin-top: 1.0ex;
    margin-bottom: 2.0ex;
    margin-right: 1ex;
    font-weight: bold;
    font-size: 9pt;
    float: left;
    white-space: nowrap;
}

img.dropmarker {
    width: 0;
    height: 0;
}

.bottom {
    text-align: right;
    clear: both;
}

.hide-ws {
    font-family: "Lucida Sans Unicode", "Arial Unicode MS", "Helvetica", "Arial", "DejaVu Sans Condensed", "FreeSans", sans-serif;
    display: inline-block;
    width: 0;
    height: 0;
}

.tabletoptext :link, .tabletoptext :visited {
    color: #ffffff !important;
    text-decoration: underline;
}
.tabletoptext :link:focus, .tabletoptext :link:hover, .tabletoptext :visited:focus, .tabletoptext :visited:hover {
    text-decoration: none;
}

#sectnav div.poll_input, #sectnav div.chat_input {
    margin: 4px 0;
}
#sectnav div.poll_input input[type=submit], #sectnav div.chat_input input[type=submit] {
    margin: 6px 0;
}
#sectnav div.pollbox-line {
    margin: 4px;
}
#sectnav div.pollbox-line img {
    margin-right: 4px;
}

/* Here ends the CSS for the skin's common elements, such as navigation, 
   header/footer, and basic table layout. Follows are specific fixes for specific elements. */

.newsheading {
    border-bottom: 0;
    margin-bottom: 0;
}

.sitelogo {
    background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/sitelogo.png");
}

h1 .sitelogo, h2 .sitelogo, h3 .sitelogo,
h4 .sitelogo, h5 .sitelogo, h6 .sitelogo {
    background-color: white;
}

/*#endzone {
    background-image: url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/spectrum-null.png');
}*/

.titlemedium, .titlemedium :link, .titlemedium :visited, .normalname, .normalname :link, .normalname :visited {
    color: black;
}

/* Guides and Info Splash Page */
div.splash_table {
    padding: 10px 0;
}
#ff1_splash div.splash_title {
    background: rgb(0, 16, 104) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/seashrine/seashrinebgr.png') center top repeat-x;
}
#ff4_splash div.splash_title {
    background: rgb(0, 48, 0) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/ordeals/ordealsbgr.png') center top repeat-x;
}
#ff5_splash div.splash_title {
    background: rgb(12, 75, 61) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/tycoon/tycoonbgr.png') center top repeat-x;
}
#ff6_splash div.splash_title {
    background: rgb(84, 0, 0) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/vector/vectorbgr.png') center top repeat-x;
}
#ff7_splash div.splash_title {
    background: rgb(78, 0, 31) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/cosmo/cosmobgr.png') center top repeat-x;
}
#ff9_splash div.splash_title {
    background: rgb(83, 110, 128) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/estogaza/estogazabgr.png') center top repeat-x;
}
#fft_splash div.splash_title {
    background: rgb(35, 59, 9) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/gravesite/gravesitebgr.png') center top repeat-x;
}
#ct_splash {
    float: right;
}
#ct_splash div.splash_title {
    background: rgb(56, 48, 64) url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/zenan/zenanbgr.png') center top repeat-x;
}
.game_splash h2 {
    border: none;
    text-shadow: black 0.1em 0.1em 0.2em;
}
#fft_splash.game_splash h2 {
    font-size: 37px;
    line-height: 49px;
}
.game_splash h2 :link, .game_splash h2 :visited, .game_splash h2 :hover, .game_splash h2 :active {
    color: white !important;
    display: block;
}
.game_splash {
    width: 45%;
    vertical-align: top;
    display: inline-block;
    background-position: center -10px;
    background-repeat: repeat-x;
    margin-bottom: 20px;
}
.game_splash table {
    width: 100%;
}
.game_splash table td {
    width: 33%;
}
.game_splash .added {
    font-style: italic;
    text-align: center;
    color: #ffffff;
    margin-top: -28px;
    padding-bottom: 10px;
}
.game_splash p {
    height: 105px;
}
.game_splash p.added {
    height: 15px;
}

/* New webchat popup, march 2013 */
.iris_chat_sidebar { background: #081848 url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/sbscan.png") repeat !important; }
.iris_chat_links { width: 155px; }
.iris_chat_topcap {
    display: block;
    background: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/sbfade.png") repeat-x center top;
    width: 155px;
    height: 119px;
}
.iris_chat_links .navblock-specific { background: none; }
.iris_chat_links .navblock-specific .navitem-specific:link, .iris_chat_links .navblock-specific .navitem-specific:visited { color: #ffffff !important; }
.iris_chat_links .navblock-specific .navitem-specific:hover, .iris_chat_links .navblock-specific .navitem-specific:visited:hover { 
    background-color: white;
    border-color: black;
    text-decoration: none;
    color: rgb(0, 0, 0) !important;
    background: rgb(235,231,225); /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmU3ZTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left,  rgba(230,230,230,1) 0%, rgba(235,231,225,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,230,230,1)), color-stop(100%,rgba(235,231,225,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(235,231,225,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(235,231,225,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(235,231,225,1) 100%); /* IE10+ */
    background: linear-gradient(left,  rgba(230,230,230,1) 0%,rgba(235,231,225,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d7d7', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.iris_chat_links .navblock-specific .navitem-specific:link:focus, .iris_chat_links .navblock-specific .navitem-specific:visited:focus, ass + hack {
    background-color: white;
    border-color: black;
    text-decoration: none;
    color: rgb(84, 84, 84);
    background-image: none !important;
    background-repeat: repeat-y !important;
    background-position: left !important;
}
.iris_chat_links .navheader { background: none; color: #ffffff; border-bottom: solid 1px white; }


/* MOBILE */
nav#mobile {
    position: absolute;
    top: 95px;
    display: none;
    background: rgb(196,196,196); 
    width: 100%;
    z-index: 10000;
    text-align: center;
    border-bottom: solid 3px black;
    box-shadow: 0px 5px 2px 0px rgba(50, 50, 50, 0.5);
}
.mobile-gamename, .mobile-navheader, a.mobile-navitem-specific {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
.mobile-navblock-specific {
    padding: 0.5em 0;
}
a.mobile-navitem-specific {
    color: black;
    margin: 0 0 0.5em 0;
}
.mobile-gamename {
    margin-top: 0;
}
.mobile-navheader {
    box-shadow: 0px 2px 1px 0px rgba(50, 50, 50, 0.5);
}
.walkthrough_mobile_table {
    display: none;
}

#special_eyebrow {
    display: none;
}

body.twentyfive #special_eyebrow {
    display: block;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 1) 100%), url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/25/25-eyebrow.webp");
    background-size: cover;
    height: 40px;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    line-height: 40px;
    font-family: "Open Sans", "Helvetica Black", "Arial Black", "Loma", "Helvetica", "Arial", sans-serif;
}

@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) { 

    #sitetitle { 
        background-image: url('https://cdn.cavesofnarshe.com/images/layout/Skyglade/con-wordmark.svg'); 
    } 

    #corner-choco {
        background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/bwlogolarge.svg");
    }

    body.twenty #corner-choco {
        background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/bwlogolarge-20.svg");
    }

    body.twentyfive #corner-choco {
        background-image: url("https://cdn.cavesofnarshe.com/images/layout/Skyglade/25/25-golden-white.webp");
    }    

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

}