.topBoards a, #divLatestImages img, #divLatestPosts .latestPostCell,
  .innerPost, .sideCatalogCell, .markedPost, .sideCatalogMarkedCell,
  .catalogCell {
  background: #282A2E;
  border-radius: 5px;
}

.theme_clear .topBoards a, .theme_clear #divLatestImages img,
  .theme_clear #divLatestPosts .latestPostCell, .theme_clear .innerPost,
  .theme_clear .sideCatalogCell, .theme_clear .markedPost, .theme_clear .sideCatalogMarkedCell,
  .theme_clear .catalogCell {
  background-color: #dddddd;
}

.validationHashDiv {
  line-break: anywhere;
}

#labelBypass {
  max-width: 80%;
  word-break: break-all;
}

.floatingMenu, #quick-reply table {
  background: #1d1f21;
}

.theme_clear .floatingMenu, .theme_clear #quick-reply table {
  background: #cccccc;
}

.markedPost, .sideCatalogMarkedCell {
  background: rgb(44, 47, 60);
}

.theme_clear .markedPost, .theme_clear .sideCatalogMarkedCell {
  background: #868686;
}

#divLatestPosts .latestPostCell, .innerPost, .sideCatalogCell,
  .markedPost, .sideCatalogMarkedCell, .catalogCell {
  /*border: 1px solid #020202;*/
}

#newPostFieldset, #quick-reply table, .modalDecorationPanel,
  .floatingMenu, #settingsFieldset, .reportFieldset {
  /*border: 1px dashed #404040;*/
  border:none;
}

.logoImg {
  height: 250px;
  min-width: 1px;
}

.captchaImage {
  width: 300px;
  height: 100px;
  background-color: white;
}

.small {
  font-size: 75%;
  text-decoration: none;
}

.clearer {
  clear: both;
}

.small a {
  text-decoration: none;
}

#panelReferences a {
  display: block;
}

.imgLink img, .latestImageCell img, .mediaCell img, .catalogCell img {
  image-orientation: from-image;
}

.linkList a {
  display: block;
}

#themeSelector {
  font-size: 100%;
}

h3, p, label {
  margin: 0.25em 0;
}

hr {
  height: 0px;
  border-width: 2px medium medium;
  border-style: solid none none;
  border-color: #141617;
}

a, .coloredIcon, .unhideButton, .embedButton, .checkedFavouriteButton:before,
  #selectedTab, #showFormsButton {
  color: #5f89ac;
  cursor: pointer
}

.theme_clear a, .theme_clear .coloredIcon, .theme_clear .unhideButton,
  .theme_clear .embedButton, .theme_clear .checkedFavouriteButton:before,
  .theme_clear #selectedTab, .theme_clear #showFormsButton {
  color: #000;
}

.coloredIcon::before {
  font-family: 'Icons';
}

#navLinkSpan .coloredIcon:before, #navOptionsSpan .coloredIcon:before,
  #links .coloredIcon:before {
  margin-right: 0.25em;
}

a {
  text-decoration: none;
}

a:hover, .glowOnHover:hover {
  /*text-shadow: 0px 0px 5px #117743;*/
}

u {
  text-decoration: underline;
}

s {
  text-decoration: line-through;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

input, select, textarea {
  border: 1px double #494949;

background: #1d1f21;
color: #FFF;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 13px;
}

.theme_clear input, .theme_clear select, .theme_clear textarea {
  background: #dddddd;
  color: #000;
}

input[type=button], input[type=submit], button, .dropzone, .selectedCell
  {
  border: 2px solid #191a1c;
background: #222326;
color: #ACACAC;
padding-left: 0.25em;
font-size: 80%;
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.5em;
cursor: pointer;
}

.theme_clear input[type=button], .theme_clear input[type=submit],
  .theme_clear button, .theme_clear .dropzone, .theme_clear .selectedCell
  {
  background: #a7a7a7;
  color: #000;
}

.title, .unhideButton {
  font-weight: bold;
}

.fileBrowser {
  background: none;
}

/* import resources here; external CSS, fonts, etc */
@font-face {
  font-family: 'Hack';
  src: url('../hack-regular-webfont.eot?v=2.018');
  src: url('../hack-regular-webfont.eot?#iefix&v=2.018')
    format('embedded-opentype'),
    url('../hack-regular-webfont.woff2?v=2.018') format('woff2'),
    url('../hack-regular-webfont.woff?v=2.018') format('woff'),
    url('../hack-regular-webfont.ttf?v=2.018') format('truetype'),
    url('../hack-regular-webfont.svg?v=2.018#hackregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Icons';
  src: url('../open-iconic.eot');
  src: url('../open-iconic.eot?#iconic-sm') format('embedded-opentype'),
    url('../open-iconic.woff') format('woff'), url('../open-iconic.ttf')
    format('truetype'), url('../open-iconic.otf') format('opentype'),
    url('../open-iconic.svg#iconic-sm') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* body styles, inherited by whole page */
body {
  color: #c5c8c6;;
  background: #1D1F21;
  font-family: "Arial", sans-serif;
  font-size: 100%;
  margin: 0px;
  
  
}

body.theme_clear {
  background-color: #cccccc;
  color: #000;
}

/* header and nav / top of page styles */
header {
  margin: 3em auto 0 auto;
  text-align: center;
}

nav {
 /*height: 22px;*/
position: fixed;
top: 0;
width: 100%;
background-color: #151515;
border-bottom: 1px solid #2B2B2B;
padding-bottom: 5px;
font-size: 90%;
/*text-align: center;*/
z-index: 1;
padding-top: 5px;
}

.theme_clear nav {
  background-color: #acacac;
}

nav span, nav a {
  display: inline-block;
  text-decoration: none;
  /*margin: 0 0.2em;*/
}

#navLinkSpan {
  /*float: left;*/
}

#navOptionsSpan {
  float: right;
}

#navLinkHome:before {
  content: "\e078";
}

#navBoardList:before {
  content: "\e09b";
}

#linkOverboard:before, #navOverboard:before {
  content: "\e007";
}

#settingsButton:before {
  content: "\e041";
}

#navPosting:before {
  content: "\e09a";
}

#navCatalog:before {
  content: "\e072";
}

#linkRss:before {
  content: "\e0b7";
}

#linkTop:before {
  content: "\e012";
}

#linkBottom:before {
  content: "\e00f";
}

#linkBack:before {
  content: "\e003";
}

/* board list */
#divPages {
  display: inline-block;
}

#divPages a {
  text-decoration: none;
  padding: 0 0.25em;
  display: inline-block;
}

a.rules:after {
  font-family: Icons;
  content: "\e052";
  margin-right: 0.5em;
  color: #5f89ac;
  height: 80%;
  font-size: 80%;
  padding-left: 0.25em;
  vertical-align: middle;
}

/* markdown */
.greenText {
  color: #789922;
}

.redText {
  color: #FF5353;
  font-weight: bold;
  font-size: 125%;
}

span.spoiler {
  background: #000;
  color: #000;
  padding: 0 1px;
}

.spoiler:hover {
  color: #ACACAC;
  background: none;
}

.red {
  color: #117743;
}

/* CSS for pages that deal with site and account settings and bans */
#settingsWrapper {
  text-align: center;
  width: 80%;
  margin: 2em auto;
}

#settingsFieldset {
  padding: 1em;
  display: inline-block;
  text-align: left;
}

.banners {
  margin: 1em;
  width: auto;
  padding: 0.5em;
}

#settingsFieldset textarea {
  display: block;
  height: 5em;
}

#settingsFieldset label {
  display: block;
}

#settingsFieldset label input {
  display: inline-block;
}

#settingsWrapper .captchaDiv input {
  display: inline-block;
}

.subCaptchaDiv {
  text-align: left;
}

.captchaTimer {
  font-size: 80%;
}

.wide, #postingForm input[type='text'], .modalTableBody input[type='text'],
  .modalTableBody select {
  /*width: 295px;*/
}

#redirect, #maint {
  text-align: center;
}

#labelCaptchaId {
  color: #ff0000;
}

#staticPageWrapper {
  margin: 2em auto;
  text-align: center;
}

/* footer styles */
footer {
  width: 100%;
  margin: 3em 0px 2em 0px;
  text-align: center;
  font-size: 75%;
}

.innerPost, .markedPost {
  display: inline-block;
  padding: 0.25em;
  max-width: 100%;
}

/* this has to go down here to override anything above it */
.hidden {
  display: none;
}

#settingsWrapper input.hidden {
  display: none;
}

.floatingMenu {
  padding: 0.25em;
}

.floatingMenu .headerLabel {
  font-size: 80%;
}

.floatingMenu .header, .floatingMenu .headerLabel {
  cursor: pointer;
}

#divRemember input {
  display: inline;
}

#ownedDiv a, #volunteeredDiv a {
  display: block;
}

#navBoardList::after {
  content: 'boards';
}

#navOverboard::after, #linkOverboard::after {
  /*content: 'overboard';*/
}

#linkSfwOver::after {
  content: 'overboard sfw';
}

#navPosting::after {
  content: 'help';
}

#navLinkHome::after {
  content: 'home';
}

#watcherButton::after {
  content: 'watched threads';
}

#settingsButton::after {
  content: 'settings';
}

#linkGlobalLogs::after {
  content: 'logs';
}

#linkArchives::after {
  content: 'archives';
}

#linkGraphs::after {
  content: 'daily graphs';
}

#linkGlobalRules::after {
  content: 'global rules';
}

#linkLinks::after {
  content: 'links';
}

#linkAbout::after {
  content: 'about';
}

#navOptionsSpan a {
  margin-top: 2px;
}

#linkContact::after {
  content: 'contact';
}

#linkAccount::after {
  content: 'account';
}
/*
@media only screen and (max-width: 812px) {
  #navLinkSpan span, #navOptionsSpan span, legend, #settingsButton, #links span,
    .hideMobile {
    display: none;
  }
  #navLinkSpan a::after, #navOptionsSpan a::after, #links a::after {
    content: '';
  }
  nav {
    font-size: 115%;
    height: auto;
    padding: 2px 2px;
  }
  #themeSelector {
    max-width: 100px;
  }
  .logoImg {
    margin-top: 10px;
    height: 75px;
  }
  input, select, textarea {
    font-size: 100%;
  }
  body {
    font-size: 85%;
    margin-top: 5px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .captchaImage {
    max-width: 100%;
    height: auto;
    max-height: 100px;
  }
}
*/

/* yt_embed */
.yt_embed{
  table-layout: fixed;
  background-color: #202020;
  border: 1px solid #111;
  max-width: 600px;
  min-width: 400px;
  border-collapse: collapse;
  white-space: unset;
  word-wrap: unset;
}
.yt_embed tr{
  height: 10px;
}

.yt_thumb_holder {
    display: inline-block;
    max-width: 170px;
    overflow: hidden;
	white-space: unset;
	padding-right: 5px;
}

.yt_thumb_holder .yt_thumb{
    display: inline-block;
    width: 100%;
    height: 75%;
    margin: -10% 0;
	white-space: unset;
	word-wrap: unset;
}



.yt_embed .yt_title{
	font-size: 15px;
	font-weight: bold;
}

.yt_embed .yt_channel_thumb{
	display:flex;
	align-items:center;
      border-radius:50%;
      max-height:35px;
	  font-size: 12px;
}

.yt_embed .yt_channel_thumb img{
	border-radius:50%;
	max-height:35px;
}

.yt_embed .yt_info{
	font-size:12px;
}
.yt_td_thumb{
	width:180px;
}
/**/
/*
.yt_embed .yt_thumb{
   max-width:160px;
   max-height:120px;
}
*/
.yt_embed .yt_channel_thumb img{
	max-height:25px;
}

.yt_embed .yt_title{
	font-size: 13px;
}
.yt_embed .yt_info{
	font-size:11px;
}

.yt_channel_thumb{
 font-size: 20px;
}

/* fin yt_embed */

#navLinkSpan .coloredIcon::after {
    /*display:none;*/
}

#boardNavBar{
	/*
	font-size: 12px;
	clear: both;
	margin-top: 25px;
	display: block;
	padding: 20px;
	*/
	display:inline-block;
	font-size: 15px;
}

#boardNavBar .board_cat{
	float:left;
margin-left: 10px;
}


.dropdown {
  position: relative;
  display: inline-block;
  cursor:pointer;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  /*padding: 12px 16px;*/
  z-index: 1;
}

.dropdown-content a{
	background-color: #16161a;
	border-bottom: 1px solid #575757;
	margin: 0px;
	padding: 5px 2px;
	display:block;
}

.dropdown-content span{
	display:none;
}

.dropdown-content a:hover {
 
  background-color: #242d46;
  
}

.dropdown:hover .dropdown-content {
  display: block;
}

.imageDiv{
	/* background-color:green;
	border: 1px solid red; 
	display: inline-block;
	width: 100%;*/
	text-align: center;
	 /*max-width: 160px; */
}

.uploadedFile{
	
	 max-width: 220px; 
	/*width: min-content;*/
	background-color: #222;
	text-align:center;
	padding: 0px 2px;
	border-radius: 5px;
border: 1px solid #2d2d2d;
max-width: 100%;
}

.expandedCell{
	max-width: 100%; 
}

.uploadedFile .fileInfo{
	/* background-color:blue; */
	display: inline-block;
	font-size: 10px;
	
}

.uploadedFile .button{
	font-family: 'Icons';
}


.uploadedFile .hideFileButton::after{
	
	content: '\e017';
	font-family: 'Icons';
}

.uploadedFile .uploadDetails{
/*	background-color:blue; */
	display: flex;
	font-size:10px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
}



.uploadedFile .nameLink::after{
	content: '\e065';
	font-family: 'Icons';
	display:none;
}

.uploadedFile .originalNameLink{
	margin-left: 5px;
	flex-grow:1;
	width:0;
}

.imageDiv .imgLink{
	float: none;
}

.navBarMenu:before{
	content: "\e09b";
	font-family: 'Icons';
}

.uploadDetails{
	/*max-width:190px;*/
}

.panelUploads{
	margin-top: 8px;
}

#labelName{
	font-size: 25px;
font-weight: bold;
display: inline-block;
margin-bottom: 30px;

}

#favouriteButton{
	display: inline-block;
}

#postingTable .wide, #postingForm input[type='text'], .modalTableBody input[type='text'],
  .modalTableBody select {
  width: 295px;

}

.indicatorInactive{
	display:none;
}

.redText2{
	color:#f84747;
}
.blueText{
	color:#8587ff;
}

.yellowText{
	color:yellow;
}

.labelHash{
	word-break: break-word;
}

#quick-reply #post-form-inner {
 
    border: 1px solid black;
 
}

 #divPages a{
	border: 1px solid black;
	display: inline-block;
	padding: 10px;
	margin: 0px 2px;
}

#divPages a:hover{
	background-color:#045f7b;
}
.newPostCont{
	background-color:red;
	display: block;
position: relative;
}
.newPosts{
	
background-color: #006a7d;
font-size: 10px;
color: white;
padding: 0px 2px;
border-top: none;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
text-align: center;
position: absolute;
left: 50%;
transform: translate(-50%, 10%);
opacity: 90%;
}


.poll{
	background-color: #22425e;
	display: inline-block;
	padding: 12px 5px 0px;
	min-width: 250px;
	margin-top: 10px;
}

.poll button{
	display: block;
	display:none;
	float: right;
}

.poll .pollInfo{
	font-size: 13px;
	margin: 5px 4px;
	float: left;
}

.poll .poll_title{
	margin: 0px 0px 10px 5px;
	display: block;
	font-size: 16px;
}

.poll .poll_total_votes{
	display: block;
}

.poll .poll_option{
	background-color: #19344d;
	margin-bottom: 4px;
	border-radius: 5px;
	white-space: nowrap;

}

.poll .poll_option .radioOp{
	display:none;
}	

.poll .poll_option .opt_text{
	display: inline-block;
	white-space: nowrap;
	margin: 0px 5px;
}

.pollBarPercent{
	display: inline-block;
	padding: 0px 5px;
	
}

.poll .poll_option .option_bar_cont{
	width: 80%;
	display: inline-block;
	white-space: nowrap;
}

.poll .poll_option .option_bar{
	background-color: #006ac8;;
	display: block;
	padding: 2px 0px;
	margin-left:2px;
	height: 15px;

	border-radius: 2px;
	display: inline-block;
}

.optonBar_percent{
	padding: 0px 5px;
	float: right;
	position: relative;
}
#pollOptsCont{
	
	counter-reset: opts-counter;
}

#pollFormCont button{
	font-size: 14px !important;
	width: 120px !important;
}

#pollTimeOpts{
	font-size: 14px;
}

#pollTimeOpts input{
	width:50px;
}

.optCont{
	counter-increment: opts-counter;
	margin-bottom: 5px;
}

.optCont:before{
	content: counter(opts-counter);
	width: 20px;
	display: inline-block;
	font-size: 14px;
	text-align: center;
}

.optCont input{
	width: 240px !important;
	margin-right: 3px;
}

.optCont span{
		font-size:14px;
		font-weight: bold;
		cursor: pointer;
}


.caracola{
	background-color: #c19200;;
	color: white;
	padding: 0px 10px;
	border-radius: 5px;
	display: inline-block;
	margin-top: 8px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-weight: bold;
	border: 1px solid black;
}

.karacola{
	background-color:#882020;
}

.pk{
	display: inline-block;
	text-align: center;
}



.pk img{
	max-width: 90px;
	display: block;
	margin: auto;
	padding: 10px 0px 5px;
	max-height: 90px;
}

.pk span{
	background-color: #ee889a;
	padding: 0px 30px;
	font-size: 16px;
	font-weight: bold;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	border-radius: 8px;
}

.nest span{
	background-color: #307382;
}

#navOverboard{
	
	font-size:20px;
	
}

@media only screen and (max-width: 850px) {
	
	.newPosts{
		display:none;
		/*
		font-size: 7px;
		transform: translate(-50%, -25%);
		opacity: 75%;
		*/
	}
	
	#boardNavBar .board_cat {
		margin-bottom: 2px;
	}
	
}

.strike {
        display: block;
        text-align: left;
        overflow: hidden;
        white-space: nowrap; 
								margin: 10px 5px;
								font-size: 17px;
    }

    .strike > span {
        position: relative;
        display: inline-block;
								
    }
				.strike span a{
								color:#fff;
								text-decoration:none;
				}					
				.strike span a:hover{
								color:#59a4e6;
								text-decoration:none;
				}					
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 2px;
        background: #141617;
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }