/*
Theme Name: dungeoncrawlers
Theme URI: http://www.dungeoncrawlers.org
Description: Custom theme for the website.
Version: 0.1
Author: Dan Thoresen
Author URI: http://www.dungeoncrawlers.org/
Tags: dark, two-columns, right-sidebar, flexible-width
*/

/*
* GENERAL
*/
*               { margin: 0; }
body            { color: #BEBEBE; background-color: black;
    font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
    background-image: url('/images/common/background.png');
}
h1, h2, h3,
h4, h5          { margin: 0.5em 0em 0em; }

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

img             { margin: 0; padding: 0; }
blockquote      { font-style: italic; margin-left: 0px; padding-left: 15px; border-left: 4px solid #555; }
strong          { font-weight: bold; }

img.size-medium.wp-image-5 {
    margin-top:0;
    margin-left:0;
}

.clearer        { clear: both; }
#wrapper        { margin: 0; z-index: 1; max-width: 950px; background-color:black; padding:20px;}

/*
* Links
*/
a                   { color: #ffaa00; text-decoration:none; }
a strong            { color: #ffaa00; }
a:hover,
a:hover strong      { color:#ffaa00!important; }
a:focus,
a:focus strong,
a:active,
a:active strong     { outline: none; color: #247dc8; }


/*
* HEADER
*/
#header {
    margin: 0;
    padding: 0px;
    height: 60px;
}
#header h3 {
    margin-bottom:5px;
    font-size:3em;
    margin-top:0px;
}
#tagline {
    font-size: 10pt;
    margin-bottom:10px;
    color:#888;
    font-weight: bold;
}

code           { font-size: 1.0em; font-family: "Courier New", Courier, monospace; }
pre            { font-size: 1.0em; font-family: "Courier New", Courier, monospace; }

/*
* Navigation
*/
#pagenav            { margin: 0; padding-top: 10px; padding-bottom: 10px; border-top: 0px solid #3b2a26; border-bottom: 0px solid #222; }
#pagenav ul         { display: inline; margin: 0; padding: 0; }
#pagenav ul li      { padding: 0; display: inline; margin: 0 0px 0 0; padding-right:10px; padding-left:10px; border-right:1px solid #aaa; }
#pagenav ul li:first-of-type { padding-left: 0px; }
#pagenav ul li:last-of-type { border-right:0px; }
#pagenav ul li      { font-size: 16; font-weight: normal; text-transform: uppercase; }
#pagenav ul li#pagenav_rss { padding-left:20px; }
#pagenav .selected a { color:white; !important; }


/*
* CONTENT
*/
#content                { float: left; width:100%; padding:0px; margin: 0em; padding-top: 0em; background-color:black; margin-top:0px; }
#content h3             { margin: 0em; margin-top:0px; margin-bottom:15px; padding: 0em; font-size: 1.0em; text-align:left; }
#content .navigation    { float: left; margin: 3em 13em 0em; padding: 0em; width: 36em;}
#content .goback        { float: left; }
#content .goforward     { margin-left: 22em; }
/* #content code           { line-height: 1.2em; background: #2e211e; color: yellow; font-size: 0.9em; font-family: "Courier New", Courier, monospace; } */
/* #content pre            { line-height: 1.2em; background: #2e211e; font-size: 0.9em; font-family: "Courier New", Courier, monospace; } */

#content #comments        { margin: 2em 0em 0em; }
#content #respond         { margin: 2em 0em 0.5em; }
#content .commentlistitem { margin: 2em 0em 1em; padding: 1em 1.5em 1em; background-color: #2e211e; text-align: left; }
#content .commentleft     { float: left; }
#content .commentauthor   { margin: 0.5em 0em 0.5em; }
#content .commenttext     { margin-left: 13em;  }

#commentswrapper .avatar  { margin: 0em; border: 10px solid #241a18; }

/*
* (SINGLE-)POSTWRAP
*/
.singlepostwrap             { margin-top: 0em; padding-top: 0em; width: 100%; line-height: 1.5em; }
.singlepostwrap .avatar     { border: 10px solid #241a18; }
.singlepostwrap h2          { padding: 0em 0em 0.2em 0em; line-height: 1.2em; font-size: 2.0em; }
.singlepostwrap .singlepost { margin: 0em 0em 0em; text-align: left; }
.singlepostwrap .entry      { margin: 0em 0em 0em; }
.singlepostwrap .entry a    { /*color: #80756c;*/ }
.singlepostwrap ul li       { margin-left: 1em; }
.singlepostwrap ol li       { margin-left: 1.4em; list-style: decimal; }

.postwrap                   { margin-top: 0px; padding-top: 0px; padding-top: 0px; margin-bottom:10px; padding-bottom: 15px; width: 100%; border-bottom:1px solid #222;}
.postwrap h2                { padding: 0em 0em 0.5em 0em; font-size: 1.5em; }
.postwrap .leftmeta         { float: left; width:40px; }
.postwrap .leftmeta .date   { float: left; font-weight: bold; }
.postwrap .avatar           { margin-left: 0em; border: 10px solid #2e211e; }
.postwrap .post             { margin-left: 0px; width: 100%; text-align: left; }
.postwrap .entry            { margin: 0.6em 0em 0em; }
.postwrap .entry a          { color: #80756c; }
.postwrap .postmetadata     { margin: 0px 0px 0px; font-size: 0.9em; color: #80756c; }
.postwrap .pagetitle        { font-size: 4em; }
.postwrap ul li             { margin-left: 1em; }
.postwrap ol li             { margin-left: 1.4em; list-style: decimal; }


/*
* These rules are added for compatibility with WordPress Theme Directory
*/
.aligncenter      { display: block; margin-left: auto; margin-right: auto; }
.alignleft        { float: left; }
.alignright       { float: right; }
.wp-caption       { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; }
.wp-caption img   { margin: 0; padding: 0; border: 0 none; }
.wp-caption-dd    { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/*
* SIDEBAR
*/
#sidebar          { margin: 0; margin-left:25px; float:right; max-width: 180px; font-weight: lighter; text-align: left; }
#sidebar #search  { padding-bottom: 1.5em; }
#sidebar h2       { margin: 1em 0em 0em; font-size: 1.0em; }


/*
* BOTTOM BAR
*/
#bottom_wrap          { max-width: 950px; margin-bottom:0px; }
#bottombar            { margin: 0em; margin-top: 2em; padding-top: 0em; margin-bottom:20px; }
#bottombar #column1   { float: left; width: 13em; margin: 0em 0.6em 2em 6em; }
#bottombar #column1 p { text-align: justify; }
#bottombar #column2   { float: left; width: 13em; margin: 0em 0.6em 2em; }
#bottombar #column3   { float: left; width: 13em; margin: 0em 0.6em 2em; }
#bottombar #column4   { float: left; width: 13em; margin: 0em 0.6em 2em; }
#bottombar .delicious { margin: 0em 0em 0em; padding: 0em; line-height: 1em; }
#bottombar .delicious img { margin: 0em; }
#bottombar h2         { margin: 1em 0em 0.2em; text-transform: lowercase; }


/*
* FOOTER
*/
#footer           { margin: 0em; padding: 0em; clear: both; }
#footer p         { margin: 0em; padding: 0em; font-size: 0.8em; width: 100%; height: 2.5em; text-align: center; background-color: inherit; }


.postwrap .avatar {
    border:0px;
}

.img-full-width {

}

#lightbox-image {
    margin:0px;
}

.gallery-item {
    margin:0px!important;
    margin-top:0px!important;
}

.gallery img  {
    border:0px!important;
}

img.wp-smiley {
    margin:0px;
}

.linklistcatname {
    display:none;
}

.fa-stack {
    width:12px!important;
}

ul.wpfai-list {
    margin-top:0px!important;
}

a.track_this_link  {
    color: #FFAA00!important;
}

a.track_this_link:hover      { color:#ffeeaa!important; }

.ninja-forms-required-items {
    margin-bottom:15px!important;
}

hr {
    border:1px solid #222;
}

._rateit {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

input#searchField {
    width:163px;
    margin-right:2px;
    background-color: #000;
    border: 1px solid #555;
    font-size:12px;
    height:20px;
    color:#bebebe;
    padding:0px 2px;
}

input#user_login, #user_pass {
    background-color: #000!important;
    border: 1px solid #222;
    font-size:12px;
    height:20px;
    color:#bebebe;
    padding:0px 2px;
}


button#searchsubmit {
    background-color: #000;
    border: 1px solid #555;
    font-size:12px;
    color:#bebebe;
    height:22px;
    width:55px;
}

button#btnSubmitFeedback {
    background-color: #333;
    border: 1px solid #555;
    font-size:12px;
    color:#bebebe;
    height:25px;
    width:120px;
}

#feedbackStatusContainer {
    display:none;
    border:1px solid red;
    background-color: #400;
    padding:10px;
    margin-bottom:20px;
}

#leftside {
    margin-right:25px;
    max-width:180px;
    float:left;
    font-weight: lighter;
    text-align: left;
}

#leftside h2       { margin: 1em 0em 0em; font-size: 1.0em; }

textarea#comment {
    width:650px!important;
}

#rightcolumn p {
    margin-top:0px!important;
}

.post h3 {
    margin-bottom:5px!important;
}

h2, h3 {
    color:white;
}

#leftside h2 {

}

.yasr_schema {
    display:none;!important;
}

h2.pagetitle_small {
    margin-top:15px;
    font-size:1.0em;
    margin-bottom:0px;
}

.slashimage {
    background-image:url(/images/common/slash/slashimages.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    cursor:pointer;
}

#slashimage1 {
    background-position:-0px 0px;
}

#slashimage2 {
    background-position:-128px 0px;
}

.slashdisabled {
    cursor:default;
}

.slashdigit {
    background-image:url(/images/common/slash/slashdigits2.png);
    background-position:0px 0px;
    background-repeat:no-repeat;
    position:absolute;
    width:10px;
    height:10px;
    left:30px;
    top:13px;
    display:none;
}

.letter-group {
    border-bottom:1px solid #222;
    margin-bottom:10px;
    padding-bottom:10px;
}

.letter-cell {
    margin-bottom:5px;
}

.pageheader {
    padding:10px;
    margin-top:5px;
    margin-bottom:15px;
    border:0px solid white;
    background-color:#222;
    font-size:1.2em;
}


.pageheader span {
    padding-right:15px;
}

.screenshot {
}

.screenshot_pixelated {
    image-rendering: optimizeSpeed;             /* STOP SMOOTHING, GIVE ME SPEED  */
    image-rendering: -moz-crisp-edges;          /* Firefox                        */
    image-rendering: -o-crisp-edges;            /* Opera                          */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
    image-rendering: pixelated; /* Chrome */
    image-rendering: optimize-contrast;         /* CSS3 Proposed                  */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                           */
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.socialmedialist {
    float:right;
    margin-top:5px;
}

.socialmedialist li {
    display:inline;
}


.postcontent p {
    margin-top: 0px;
    margin-bottom: 5px;
}

.gamelisting td {
    border-bottom:1px dashed #333;
}

.gamelisting .header {
    background-color: black;
}

.gamelisting .section {
    background-color: #0;
}

.gamelisting td {
    border-bottom:1px dashed #333;
}

.gamelist_tab {
    float:left;
    margin-right:5px;
    background-color:#222;
    padding:5px 10px;
}

.gamelist_tab.selected {
    background-color:#444;
}

.pinned_blog_post {
    padding:2px 5px;
    background-color:#ffaa00;
    color:black;
}

.blog_post_border {
    border-left:4px solid #444;
    padding-left:14px;
}

.blog_post_pinned_border {
    border-left:8px solid #ffaa00;
    padding-left:10px;
}

textarea.feedback {
    background-color:black;
    color:#BEBEBE;
    border:1px solid #222;
}

input.feedback {
    background-color:black;
    color:#BEBEBE;
    border:1px solid #222;
}

.array_list_caption {
    color:white;
    font-weight:bold;
}

p.game_title {
    float:left;
    font-weight:bold;
    font-size:1.4em;
    color:white;
}

span.header {
    color:white;
    font-weight:bold;
}

.blog_post_title {
    float:left;
    margin-top:0px;
    font-weight:bold;
    font-size:1.4em; color:white;
}

.about_dungeoncrawlers {
    color: #808080;
}

.dont-break-out {

    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;

}

.jamgameprefix {
    /*background-color:#BEBEBE;*/
    color:#BEBEBE;
    border:1px dashed #BEBEBE;
    padding:1px;
}