/*
Theme Name: DOS GAME CLUB ASCII Style
Theme URI: 
Author: rnlf
Author URI: 
Version: 1.0
License: 
License URI: 
Tags:
Text Domain: dosgameclubasciistyle
*/

/*
cat dosgameclub.com-style.css | grep '' | perl -ne 'foreach (split(/,/)) { print "$1\n", if (/url\(img\/(.*?)\)/ig); }' | uniq | xargs -I{} wget https://www.dosgameclub.com/wp-content/themes/dosgameclub_asciistyle/img/{}
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1.2;
  max-width: 720px;
}
ol, ul {
  list-style: none;
}
/*
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
*/
blockquote {
  margin: 1.5em;
  margin-left: 1em;
  padding-left: 1em;
  border-image: url(border_thin_black.png) 33% repeat;
  border-left: 8px solid transparent;
}

table {
  border-spacing: 0;
}


@font-face {
  font-family: PxPlusVGA;
  src: url(PxPlus_IBM_VGA9.ttf);
}

html {
	font-family: PxPlusVGA;
  font-size: 16px;
  letter-spacing: 0px;
  font-kerning: none;
  line-height: 16px;
  height: 100%;
}

body {
  background: #8f8faa;
  background-image: url(background.png);
  background-attachment: fixed;
  height: 100%;
  color: #555555;
}

a {
  width: 100%;
	color: #00f;
	text-decoration: none;
}

/*
a:hover {
	background-color: #aaaaaa;
	color: #000;
}
*/

h1, h2, h3, h4, h5 {
	font-size: 16px;
	font-weight: normal;
}

h1 {
	padding: 1em;
	letter-spacing: 1em;
}

h3 {
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.boxed {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(border.png) 33% repeat;
  padding-left: 8px;
  padding-right: 8px;
}

.bbp-forums {
  border: 0px;
  display: table;
}

.bbp-header {
  display: table-row;
}


.table-header-tl {
  display: table-column;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(table_border_tl.png) 33% repeat;
  background-color: red;
}

.boxed_shadow {
  margin-right: 16px;
  margin-bottom: 32px;
  box-shadow: 8px 16px 0px rgba(0, 0, 0, 0.5);

}

.defaultbox {
  background-color: #ffffff;
}

.loginbox, .registerbox {
  background-color: #aa0000;
  color: #aaaaaa;
  width: auto !important;
  margin-left: 10%;
  margin-right: 10%;
}

.forum-search {
  background-color: #0000aa;
  color: #aaaaaa;
 /* width: auto !important; 
  margin-left: auto;
  margin-right: auto;*/
}

#title_cont {
  margin-bottom: 2vh;
}

#sub_title {
  font-weight: lighter;
  margin-top: 0.5em;
}
  

#header {
  background-color: #000;
  color: #aa0000;
  text-align: center;
  margin-bottom: 16px;
  box-shadow: 0px 16px 0px rgba(0,0,0,0.5);
  border-bottom: 16px solid transparent;
  border-image: url(border.png) 33% repeat;
  display: flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height: 256px;
}

#logo {
  display:block;
  /*
  justify-content:center;
  align-items:center;
  width:100%;
  height: 256px;
  */
}

/*
#logo > div > span {
  white-space: pre;
}
*/




#logo_row_1_col_1 { color: #aa0000; }
#logo_row_2_col_1 { color: #aa0000; }
#logo_row_3_col_1 { color: #aa0000; }
#logo_row_4_col_1 { color: #aa0000; }
#logo_row_5_col_1 { color: #aa0000; }
#logo_row_6_col_1 { color: #aa0000; }

#logo_row_1_col_2 { color: #00aa00; }
#logo_row_2_col_2 { color: #00aa00; }
#logo_row_3_col_2 { color: #00aa00; }
#logo_row_4_col_2 { color: #00aa00; }
#logo_row_5_col_2 { color: #00aa00; }
#logo_row_6_col_2 { color: #00aa00; }

#logo_row_1_col_3 { color: #5555ff; }
#logo_row_2_col_3 { color: #5555ff; }
#logo_row_3_col_3 { color: #5555ff; }
#logo_row_4_col_3 { color: #5555ff; }
#logo_row_5_col_3 { color: #5555ff; }
#logo_row_6_col_3 { color: #5555ff; }

#logo_row_7       {
  color: #555555;
  text-align: right;
  margin-left: 16px;
  margin-right: 16px;
}

.sidebar {
  background-color: #0000aa;
  width: 250px;
  margin-bottom: 32px;
  text-align: left;
}

#content {
  display: inline-block;
  width: 100%;
}

#footer {
  background-color: #aaa;
  color: #000;
  width: 100%;
  margin-top: 16px;
}

#content_wrapper {
  width: 800px;
  min-height: calc(100vh - 336px);
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#main {
  width: 100%;
  margin-left:auto;
  margin-right:auto;
  display: inline-flex;
  overflow: auto;
}

#wrapper {
  text-align: center;
}

.huge {
  font-size: 128px;
}

.sidebar_header, .widgettitle, #content h2 {
  /*background-color: #0000aa;*/
  display: inline-flex;
  color: #ffffff;
  margin-top: -16px;
}

.comments-title {
  background-color: #fff !important;
  margin-top: -16px;
  position: absolute;
}

div.comment {
  margin-bottom: 16px;
}

.comment-author {
  color: #888;
}

.comment.depth-1 ,
.pingback.depth-1 {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(border.png) 33% repeat;
  padding-left: 8px;
  padding-right: 8px;
}

.comment.depth-2,.comment.depth-3,.comment.depth-4,.comment.depth-5,
.pingback.depth-2,.pingback.depth-3,.pingback.depth-4,.pingback.depth-5 {
  padding-top: 16px;
  padding-left: 32px;
  /*
  margin-left: 3px;
  border-left: 2px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  */
/*border-right: 1px solid #ccc;*/
}

.comment.depth-2 {
  background-color: #eee;
}

.comment.depth-3 {
  background-color: #ddd;
}

.commentmetadata {
  text-align: right;
  position: relative;
  top: -16px;
  margin-right: 8px;
}

a#cancel-comment-reply-link::before {
  content: '< '
}
a#cancel-comment-reply-link::after {
  content: ' >'
}

label[for=comment] {
  vertical-align: top;
}

label[for=comment], label[for=author], label[for=email], label[for=url] {
  display: inline-block;
  width: 64px;
}

.comment-form-comment {
  margin-top: 16px;
}

.form-submit {
  margin-bottom: 16px;
  margin-top: 16px;
}

.cptch_label::before {
  content: 'Solve the equation: ';
}


.reply {
  text-align: right;
  margin-right: 8px;
  padding-bottom: 16px;
}

.sidebar_header::before, .widgettitle::before, #content h2::before {
  width: 16px;
  height: 16px;
/*  background-color: #0000aa;*/
  background-image: url(h2_red_left.png);
  content: "";
}

.sidebar_header::after, .widgettitle::after, #content h2::after {
  width: 16px;
  height: 16px;
  background-color: #0000aa;
  background-image: url(h2_red_right.png);
  content: "";
}

#content h2::before {
  background-color: inherit;
}
#content h2::after {
  background-color: inherit;
}
#content h2 {
  background-color: inherit;
  color: #000000;
}

.boxed > h2:first-of-type {
  position: absolute;

}

.loginbox {
  text-align: left;
}

.login_header {
  background-color: #aa0000;
  display: inline-flex;
  color: #ffff55 !important;
}

.loginbox form {
  margin-top: 16px;
  margin-bottom: 16px;
}

.login_header::before {
  width: 16px;
  height: 16px;
  background-color: #aa0000;
  background-image: url(h2_red_left.png);
  content: "";
}

.login_header::after {
  width: 16px;
  height: 16px;
  background-color: #aa0000;
  background-image: url(h2_red_right.png);
  content: "";
}

h2.login_header {
  margin-top: -32px !important;
}

hr {
  border: transparent;
  height: 1px;
  background-color: #aaaaaa;
}

.sidebar a {
  margin-left: -8px;
  padding-left: 8px;
  display: block;
  width: calc(100% + 8px);
}

.sidebar a:hover {
  background-image: url(arrow-right.png);
  background-position: right top;
  background-repeat: no-repeat;
}

.login-form {
  background-color: #aa0000;
  color: #ffffff;
}

input[type=text], input[type=password], input[type=email] {
  font-family: PxPlusVGA;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: #aaaaaa;
  height: 16px;
}


input[type=text]:focus, input[type=password]:focus, input[type=email]:focus {
  background-color: #ffffff;
}

input[type="checkbox"] {
  display: none; 
}

input[type="checkbox"] + label {
  padding-left: 32px;
  background: url(checkbox.png) no-repeat left -1px;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
     -khtml-user-select: none; /* Konqueror */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  not supported by any browser */
}

input[type="checkbox"][name="rememberme"]:checked + label {
  background: url(checkbox.png) no-repeat left -17px !important;
}

#content input[type="checkbox"]:checked + label {
  background: url(checkbox.png) no-repeat left -33px;
}

input[type="submit"], button[type="submit"] {
  background: none;
  border: 0px;
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  height: 16px;
  font-family: PxPlusVGA;
  font-size: 16px;
  line-height: 16px;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: -1px;

  background-origin: padding-box;
  background-image: url(button_left.png), url(button_right.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left -1px, right -1px;
  color: #aaaaaa;
}

a.button {
  color: #aaaaaa !important;
}

input[type="submit"]:hover, button[type="submit"]:hover {
  color: #ffff55;
  background: url(button_left_bright.png), url(button_right_bright.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left -1px, right -1px;
}

input[type="submit"]:focus, button[type="submit"]:focus {
  background: url(button_left_bright.png), url(button_right_bright.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left -1px, right -1px;
}

input[type="submit"]::-moz-focus-inner /*Remove button padding in FF*/
button[type="submit"]::-moz-focus-inner /*Remove button padding in FF*/
{ 
  border: 0;
  padding: 0;
}

#bbp_topic_content {
  background-color: #0000aa;
  color: #aaaaaa;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(border.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.bbp-forums {
  width: 100%;
  background-color: #ffffff;
  display: table;
}

.forum-titles {
  width: 100%;
}

.bbp-forum-info {
  width: 80%;
 /* color: #aaaaaa;*/
}

.bbp-forum-topic-count {
/*  color: #aaaaaa;*/
  width: 10%;
}


.table-top-left {
  box-sizing: border-box;
  /*float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 0px solid transparent;
  border-image: url(table_border_tl.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-top-center {
  box-sizing: border-box;
  /*float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 0px solid transparent;
  border-image: url(table_border_tc.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-top-right {
  box-sizing: border-box;
  /*float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 0px solid transparent;
  border-image: url(table_border_tr.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-middle-left {
  box-sizing: border-box;
/*  float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 0px solid transparent;
  border-image: url(table_border_ml.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-middle-center {
  box-sizing: border-box;
  /*float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 0px solid transparent;
  border-image: url(table_border_mc.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-middle-right {
  box-sizing: border-box;
/*  float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 0px solid transparent;
  border-image: url(table_border_mr.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-bottom-left {
  box-sizing: border-box;
/*  float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(table_border_bl.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-bottom-center {
  box-sizing: border-box;
  /*float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 0px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(table_border_bc.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.table-bottom-right {
  box-sizing: border-box;
/*  float: left;*/
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 0px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(table_border_br.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
}

.bbp-forum-reply-count {
  /*float: left;*/
  /*color: #55;*/
  width: 10%;
}

#content a {
  color: #0000aa;
}

#content a:hover {
  color: #ffffff;
  background-color: #0000aa;

}


.table-row {
  display: table-row;
  /*float: top;*/
}

.table-cell {
  display: table-cell;
}

.bbp-search-form {
  float: right;
  text-align: right;
  background-color: #aa0000;
  margin-bottom: 16px;
  color: #aaaaaa;
}

div#menu {
  position: relative;
  top: -32px;
  left: 0px;
  background-color: #aaa;
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

#menu > ul {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  width: 800px;
  box-sizing: border-box;
  list-style-type: none;
  /*display: inline-flex;*/
  display: block;
}

#menu > ul > li {
  display: inline-block;
  padding: 0px;
  color: #000000;
  margin-left: -9px;
}

#menu ul li .menu-content {
  z-index: 2;
  position: absolute;
  display: none;
  background-color: #aaaaaa;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(border_thin_black.png) 33% repeat;
  margin: 0;
  box-sizing: border-box;
  box-shadow: 8px 16px 0px rgba(0, 0, 0, 0.5);
  /*padding-left: 8px;*/
}

.menu-content ul {
  display: block;
  margin: 0;
}

#menu li:hover .menu-content ul li {
  display: block;
}


#menu ul li a {
  color: inherit;
  background-color: inherit;
}

#menu li a:hover {
  background-color: #00aa00;
  color: #fff;
}

.menu-title {
  padding-left: 8px;
  padding-right: 8px;
}

#menu li:hover .menu-content {
  display: block;
}

#menu li:hover h2 {
  background-color: #00aa00;
  color: #fff;
}

.menu-entry {
  display: block;
  padding-left: 8px;
  padding-right: 8px;
}

.menu-entry > a {
  display: block;
  margin-left: -8px;
  margin-right: -8px;
  padding-left: 8px;
  padding-right: 8px;
}

ul.menu-content li {
  display: block;
}

.hotkey {
  color: #aa0000;
}

.menu-entry .hotkey {
  display: block;
  float: right;
  margin-left: 16px;
}

#nav_search {
  float:right;
  color: #000;
}

.open-menu {
  display: block !important;
}

.menu-title {
  /*cursor: default;*/
}

.high-menu {
  background-color: #00aa00 !important;
}

.menu-content hr {
  display: block;
  /*width: 100%;*/
  height: 1px;
  background-color: #000 !important;
  margin-left: -12px;
  margin-right: -12px;
  margin-top: 7px;
  margin-bottom: 8px;
}

label[for="s"] {
  display: none;
}

li#nav_search {
  background-color: #aaaaaa !important;
}

#nav_search input[type="text"] {
  background-color: #ffffff;
}

#searchsubmit {
  color: #000000;
  background-color: #aaaaaa;
}

#searchsubmit:hover {
  background-color: #00aa00;
}

.forum-menu-stats, .episode-menu-date {
  float: right;
  margin-left: 16px;
}

.forum-menu-name {
  /*display: block;*/
/*  float: left;*/

}

#mousecursor {
  width: 0px;
  height: 0px;
  overflow: visible;
  position: fixed;
 /* mix-blend-mode: difference;*/
  pointer-events: none;

}

#mousecursor > div {
  width: 8px;
  height: 16px;
  background-color: #fff;
}


#forum-buttons {
  text-align: right;
}


.bbp-replies, .bbp-search-results {
  display: block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(border-dark.png) 33% repeat;
/*  background-color: #aaa;*/
  /*color: #fff;*/
  padding-right: 8px;
/*  padding-left: 8px;*/
  margin-top: 16px;
  margin-bottom: 16px;
}


.bbp-reply-entry {
  width: 100%;
  display: block;
  background-color: #fff;
  color: #aaa;
}


.bbp-header {
  width: 100%;
  display: block;
  padding-left: 16px;
}

.bbp-reply-author, .bbp-topic-author {
  width: 168px;
  display: inline-block;
/*  background-color: #aaa;*/
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
  text-align: center;
  color: #555;
  overflow-wrap: break-word;
}

.bbp-author-name {
  margin-top: 16px;
}

.bbp-body {
  display: block;
  width: 100%;
}

.bbp-reply-header, .bbp-topic-header {
  margin-top: 6px;
  border-top: 1px solid #555;
  /*padding-top: 8px;*/
  margin-left: -4px;
 /*padding-left: 20px;*/
  margin-right: -12px;
  padding-right: 20px;
  padding-left: 4px;
  margin-bottom: -8px;
}


.bbp-search-results .bbp-topic-title, .bbp-search-results .bbp-topic-title  h3, .bbp-search-results .bbp-topic-title-meta, .bbp-search-results .bbp-reply-title  h3, .bbp-search-results .bbp-reply-title {
  display: inline;

}


.bbp-reply-header:first-child,
.bbp-topic-header:first-child {
  margin-top: -8px;
  border-top: 0px;
  /*padding-top: 0px;*/

}


.bbp-reply-content, .bbp-topic-content {
  width: calc(100% - 208px);
  color: #555;
  display: inline-block;
  vertical-align: top;
  padding-top: 0px;
  padding-bottom: 16px;
  padding-right: 8px;
  margin-bottom: 16px;
}

.bbp-meta {
  display: inline-block;
}


.bbp-reply-meta {
  color: #aaa;
  margin-bottom: 16px;
}

form#adduser p label {
  width: 12em;
  display: inline-block;
}

form#adduser p input {
  width: 20em;
  display: inline-block;
}

textarea#description, textarea#bbp_reply_content {
  width: 521px;
  height: 128px;
  background-color: #0000aa;
  color: #ffffff;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-left: 8px;
  padding-right: 8px;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-image: url(border.png) 33% repeat;
  padding-top: 0px;
  padding-bottom: 0px;
  margin: 0px;
}

label[for="description"] {
  width: 24em !important;
  display: block !important;
  overflow: visible;
}

#updateuser, #bbp_topic_submit, #bbp_reply_submit, .form-submit #submit {
  margin-top: 16px;
  width: auto !important;
  background-image: url(button_left_blue.png), url(button_right_blue.png);
  color: #0000aa;
}

#updateuser:hover, #updateuser:focus, #bbp_topic_submit:hover , #bbp_topic_submit:focus, #bbp_reply_submit:hover, #bbp_reply_submit:focus, .form-submit #submit:hover, .form-submit #submit:focus {
  background-color: #0000aa;
  background-image: url(button_left_bright.png), url(button_right_bright.png);
  color: #ffffff;
}

#bbp-user-navigation ul {
  list-style-type: none;
  display: block;
  margin-bottom: 16px;
}

#bbp-user-navigation ul li {
  display: inline-block;
}

h2.entry-title {
  margin-top: 0px !important;
  padding-bottom: 0px !important;
}

h2.entry-title::before, h2.entry-title::after {
  width: 0px !important;
}

#registerform label {
  width: 6em;
  display: inline-block;
}


#content > p, #content > div > p, div.bbp-reply-text > p {
  /*margin-bottom: 17px;
  line-height: 1.4;
  font-size: 17px;*/
  margin-bottom: 16px;
  line-height: 1.25;
}

div.bbp-reply-text > p {
  /*max-width: 480px;*/
  /*padding-left: 32px;*/
}

div.bbp-reply-text > p:last-child {
  margin-bottom: 0px;
}

.lowfi_logo {
  display: none;
}

@media screen and (max-width: 1000px) {
  .huge {
    font-size: 96px;
  }
}

@media screen and (max-width: 1200px) {
  .lowfi_logo {
    display: block;
  }

  #hifi_logo {
    display: none;
  }
}

@media screen and (max-width: 820px) {
  #logo_row_7 {
    text-align: center;
  }

  #content_wrapper {
    width: calc(100% - 8px);
    margin-left: 8px;
  }

  #menu > ul {
    width: 100%;
    margin-left: 16px;
  }

  .episode-menu-date {
    display: none;
  }

  .huge {
    font-size: 64px;
  }
}


@media screen and (max-width: 350px) {
  div.comment-info > span > span {
    display: none;
  }
  div.comment-info a {
    margin-left: 16px;
  }
}
@media screen and (max-width: 600px) {
  .be-first {
    display: none;
  }
}

.aligncenter {
  display: block;
  margin: 0 auto;
}

a.logo {
  border: 0px;
}

.login-failed {
  text-align: center;
  color: #ffff55;
  margin-bottom: 16px;
}

#content img
{
  max-width: 100%;
}

#sticky {
  display: flex;
}

.sticky_box {
  flex-grow: 1;
  display: flex;
  justify-content:center;
  align-items:center;
  width: 40%;

}

/*.green_box {
  background-color: #00aa00;
  color: #ffffff;
}
*/

.green_box {
  background-color: #00aa00;
  color: #ffffff;
  background-size: cover;
  background-position: 50% 100%;
  background-origin: border-box;
}

.green_box a {
  color: #ffff55 !important;
}


.green_box a:hover {
  color: #00aa00 !important;
  background-color: #ffff55 !important;
}


.grey_box {
  background-color: #555555;
  color: #aaaaaa;
}

.right-align {
  text-align: right;
}

.center-align {
  text-align: center;
  vertical-align: middle;
}

.grey_box strong,
.grey_box a {
  color: #ffffff;
}

a:hover span.podcaster {
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 8px;
  background-image: url(podcaster-white.png);
}

span.podcaster {
  width: 16px;
  height: 16px;
  position: relative;
  top: 4px;
  display: inline-block;
  margin-right: 8px;
  background-image: url(podcaster.png);
}

div.podcaster-label {
  color: #00AA00;
}

.avatar-14 {
  position: relative;
  top: 2px;
}

.avatar {
 /* display: none;*/
 /* border-radius: 16px; */
	border: double 3px #000;
}

.bbp-forum-unread {
  width: 10%;
}

.unread {
  color: #ff5555;
}


#menu .unread {
  color: #aa0000;
}

#content h2 a {
  width: initial;
}

.menu-title {
  cursor: default;
}

* {
  -webkit-font-smoothing: antialiased;
}

label.cptch_label {
  display: initial !important;
}

.list-ep-title {
 position: absolute;
 bottom: 6px;
 left: 6px;
 color: #fff;
 text-shadow:  1px  1px 1px black,
  1px -1px 1px black,
  -1px  1px 1px black,
  -1px -1px 1px black;
}

.list-ep-info {
  position: absolute;
  bottom:6px;
  right:8px;
  color: white;
  text-shadow:  1px  1px 1px black,
  1px -1px 1px black,
  -1px  1px 1px black,
  -1px -1px 1px black;
}

@media(max-width: 580px) {
	.list-ep-title {
		left: auto;
		right: 6px;
		bottom: 22px;
	}
}

.list-ep-link {
  border: 0px;
  /*height: 192px;*/
  overflow: hidden;
  display: block;
  margin-bottom: 8px;
  position: relative;
}

.list-ep-link:hover {
  border: 0px;
  background-color: white !important;
}


.comment-info {
  margin-bottom: -16px;
}

div.comment-info {
  text-align: right;
  padding-right: 16px;
  position: relative;
}


div.comment-info > span {
  background-color: white;
  position: absolute;
  right: 16px;
  bottom: 0px;
}

div.comment-info a {
  color: #aa0000 !important;
}

div.comment-info a:hover {
  color: #fff !important;
  background-color: #a00 !important;
}

div.comment-info > span::after {
  background-color: white;

  width: 16px;
  height: 16px;
  background-image: url(h2_red_right.png);
  content: "";
  display: inline-block;
  position: absolute;

}

div.comment-info > span::before {

  background-color: white;
  width: 16px;
  height: 16px;
  background-image: url(h2_red_left.png);
  content: "";
  display: inline-block;
  position: absolute;

}


div.comment-info > span > span {
  margin-left: 16px;
}

a.more-link {
  color: #aa0000 !important;
  margin-left: calc(50% - 76px);
}

a.more-link:hover {
  color: #fff !important;
  background-color: #a00 !important;
}

p/*.entry-content*/ {
  padding-bottom: 18px;
}

#page-links {
  text-align:center;
}

div.comment-info {
  white-space: nowrap;
}

a.upcoming {
  color: white !important;
}

a.upcoming:hover {
  color: white;
}

#content h3 {
  color: black !important;
  background-color: #aaa !important;
}

.bbp-breadcrumb
{
	text-align: center;
}
.bbp-breadcrumb:first-of-type
{
	margin-bottom: 16px;
}
.bbp-breadcrumb:last-of-type
{
	margin-top: 16px;
}

.bbp-reply-ip {
  display: none;
}

form.bbpress_mark_all_read {
  display: none;
}



span.cptch_wrap {

}
input[type="submit"].tml-button{
  margin-bottom: 1em;
  margin-top: 1em;
  color: #a00;
}

.tml-links {
  display: none;
}

img.cptch_img {
  width: 4em;
  border: 8px solid #a00;
  position: relative;
  top: calc(2em + 4px);
}

p.cptch_block {
  margin-bottom: 2em;
}

.tml-label::after {
  content: ' >'
}
.tml-field-wrap {
  margin-bottom: 0.5em;
}
.tml-label {
display: inline-block;
  /*min-width: 10em;*/
width: 30%;
  text-align: right;

}

.login-remember, .login-submit {
  margin-top: 0.5em;
  margin-left: calc(30% + 1em);
}

.tml-indicator-wrap {
  display: none;
}

a[rel="license"] {
	color: #0000aa;
}




/*******/

#main_content_container img {
  width: 640px;
}