@namespace url(http://www.w3.org/1999/xhtml);
/* 
 * Name:    DarkEnd
 * About:   This is copyed and edited from the EndChan Globle CSS.
 * Author:  TheJellyBeanKing
 * Version: 2.5
 * Latest Update: Major changes
 */

/* global rules to override any browser CSS and to set global values */

.small {
	font-size: 75%;
}

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

hr {
    border: 1px solid #535353;
	height: 1px;
}

a {
	color: #9393DE;
}

u {
	text-decoration: underline;
}

s {
	text-decoration: line-through;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}
/* import resources here; external CSS, fonts, etc */
/* body styles, inherited by whole page */

body {
	background: #000000;
    color: #898888;
	font-family: arial, helvetica, sans;
	font-size: 100%;
	margin: 0px;
}
/* header and nav / top of page styles */

header {
	width: 50%;
	margin: 3em auto 0 auto;
	text-align: center;
}

nav {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #000000;
	border-bottom: solid 1px #535353;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
	float: none;
	text-align: center;
}

nav a {
	display: inline-block;
	text-decoration: none;
	font-size: 70%;
	float: none;
	margin: 0 0.2em 0 0.2em;
	overflow: hidden;
}

nav span {
	display: none;
}

#navLinkHome:before {
	font-family: FontAwesome;
	content: "\f015";
	margin-right: 0.25em;
}

#navBoardList:before {
	font-family: FontAwesome;
	content: "\f02c";
	margin-right: 0.25em;
}

#linkOverboard:before, #navOverboard:before {
	font-family: FontAwesome;
	content: "\f069";
	margin-right: 0.25em;
}

#navPosting:before {
	font-family: FontAwesome;
	content: "\f128";
	margin-right: 0.25em;
}
/* board list */

.boardsHeader {
	font-size: 150%;
}

#boardsWrapper {
	width: 80%;
	margin: 1em auto 1em auto;
}

#divBoards {
	margin: 1em auto 0.5em auto;
}

#divBoards .col1 {
	width: 15%;
}

#divBoards .col2 {
	width: 20%;
}

#divBoards .col3 {
	width: 10%;
}

#divBoards .col4 {
	width: 10%;
}

#divBoards .col5 {
	width: 10%;
}

#divBoards .col6 {
	width: 25%;
}

.boardsCell, #boardsCellHeader {
	border: solid 1px #535353;
	width: 100%;
	margin: 0.25em 0 0.25em 0;
}

.boardsCell:nth-of-type(odd) span {
	background-color: #000000;
}

.boardsCell span {
	display: inline-block;
	text-overflow: ellipsis;
	text-decoration: none;
	padding: 0.25em;
	margin: 0.05em;
}

#boardsCellHeader span {
	font-weight: bold;
	display: inline-block;
    background-color: #000000;
	border-bottom: none;
    color: #898888;
}

.search {
	margin: 1em 0 1em 0;
}

input[type="text"], input[type="submit"] {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
}

.search form {
	display: inline-block;
}

#divPages {
	display: inline-block;
	background: #000000;
	margin-left: 0;
}

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

/* thread and board pages */
.threadPages {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
    padding: 0.25em;
    float: none;
    font-size: 12px;
    margin-top: 0.5em;
}

.threadPages a {
    text-decoration: none
}

.divPages #divPages, .boardPages #divPages {
    border: none;
}

.threadPages span {
    color: #000000;
}

.boardPages {
	background: #000000;
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
    padding: 0.1em 0.25em;
}


/* board banner */

.boardHeader p {
	color: #D60007;
}

.boardHeader p#labelName {
	font-size: 200%;
        font-weight: bold;
}

.boardHeader p#labelDescription {
	font-size: 100%;
}

.boardHeader a {
	font-size: 75%;
	display: inline-block;
	text-decoration: none;
}

#modeBanner {
    background-color: #000000;
    color: #fff;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
	text-align: center;
	margin: 1em;
}

#modeBanner h3 {
	font-size: 95%;
}

img#bannerImage {
    width: initial;
}
/* post new thread */

#postBox {
	margin: 1em auto;
	padding: 0.5em;
	text-align: center;
}

#postBox table {
	width: 100%;
	font-size: 75%;
}

#postBox textarea {
	width: 100%;
	height: 8em;
}

.form-post {
	background: #000000;
    border: solid 1px #000000;
    color: #898888;
	padding: 1em;
	margin: auto;
	display: inline-block;
}

#postBox table tr div {
	display: inline;
}

.form-post td {
	text-align: left;
	padding: 0.1em;
}

.form-post th {
	text-align: left;
	padding: 0 1em 0 0.5em;
}

.form-post th {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
}

.spoilerCheckbox, #flagsDiv {
	display: inline-block;
}

#postBox #captchaDiv {
	text-align: left;
}

input#fieldName, input#fieldEmail, input#fieldSubject, textarea#fieldMessage, input#fieldPostingPassword, input#files, button#jsButton {
	background-color: #000000;
    border: solid 1px #535353;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #898888;
	width: 100%;
}

button#jsButton {
	cursor: pointer;
}
/* thread/post report and management form */

.contentAction, #transferControls, #ipDelete {
	clear: both;
    background-color: #000000;
    border: solid 1px #535353;
	color: #898888;
	padding: 0.5em;
	margin: 4em auto 1em auto;
	float: none;
	width: 25em;
	text-align: -webkit-center;
	text-align: -moz-center;
}

#threadReport label, #threadReport img, .contentAction label, .contentAction img, #transferControls, #ipDelete {
	display: block;
}

#threadReport label.checkbox {
	display: inline-block;
}

#transferControls, #ipDelete {
	margin: 1em;
	Display: none;
}

.buttonBox {
	margin-top: 0.5em;
}

#divControls input, #divControls label {
	display: inline-block;
}

input#reportFieldReason, input#deletionFieldPassword, input#fieldCaptchaReport, input#reloadCaptchaButtonReport, #fieldBoards , #deleteFromIpFormButton , #transferFormButton , #fieldDestinationBoard, #ipField {
	width: 100%;	
}

input#reportFieldReason, input#deletionFieldPassword, input#fieldCaptchaReport, input#reloadCaptchaButtonReport, input#deleteJsButton, input#reportJsButton, #deleteFromIpFormButton , #ipField , #transferFormButton , #fieldDestinationBoard, #fieldBoards {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
}

input#fieldCaptchaReport {
	margin-bottom: 0.5em;
}

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

input#deleteJsButton {
	cursor: pointer;
}

input#reportJsButton {
    cursor: pointer;    
    float: none;
}

#reportJsButton , #banJsButton , #spoilJsButton , #deleteJsButton {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
    width: 100%;
}

#fieldbanMessage, #fieldExpiration {
    width: 100%;
}

/* thread pages */

.threadPages {
	margin: 1em auto;
	width: 99%;
	text-align: center;
}

.threadPages a {
	padding: 0.5em;
	font-size: 12px;
	text-decoration: none
}
/* thread list, some elements are in the post section */

#threadList {
	margin: 1em;
}

#threadList #divThreads, #threadList #threadLinks {
	font-size: 75%;
}

#panelMessage {
	margin: 1em;
}

#divMessage {
	text-align: center;
        color: #D60007;
        font-weight: bold;
}
/* posts */

.divPosts {
	margin: 1em 0;
}

.postCell {
	margin: 0.25em 0;
}

.innerPost, .markedPost {
    background-color: #000000;
    border: solid 1px #535353 !important;
    color: #898888;
	display: inline-block;
	overflow: visible;
	padding-right: 0.25em;
	max-width: 100%;
}

.markedPost {
    background-color: #363636;
}

.linkName {
	font-weight: bold;
	color: #117743;
}

.linkName:hover {
	color: #ff0000;
}

.noEmailName, .noEmailName:hover {
	color: #117743;
}

.quoteLink {
	color: #ff0000;
}

.linkSelf {
	color: #898888;
	text-decoration: none;
}

.linkSelf:hover {
	color: #ff0000;
}

.linkQuote {
	color: #898888;
	text-decoration: none;
}

.linkQuote:hover {
	color: #ff0000;
}

.labelSubject {
	color: #A03F4C;
	font-weight: bold;
}

.labelRole {
	color: #ff0000;
	font-weight: bold;
}

.divMessage {
	margin-left: 3em;
	margin-top: 1em;
	margin-bottom: 0.5em;
	word-wrap: break-word;
}

.divBanMessage {
	color: #ff0000;
	font-weight: bold;
	margin-top: 1em;
	margin-left: 1em;
	font-size: 120%;
}

.uploadCell {
	margin: 0.25em 1em 0.25em 0.5em;
	float: none;
}

.uploadCell img {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.multipleUploads .uploadCell {
	float: left;
}

.uploadDetails {
	margin-bottom: 0.5em;
}

.opCell {
	clear: left;
}

.panelIp, .panelProxyIp {
	margin: 0.25em 1em 0.25em 0.5em;
}

#divControls {
	margin: 1em;
}

.panelBacklinks a {
	padding-left: 0.5em;
}

.hideLink {
	vertical-align: top;
}

.aa {
	font-family: Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	display: block !important;
	font-size: 12pt;
	line-height: 1.1;
}

.labelLastEdit {
	margin-top: 0.75em;
	margin-left: 0.75em;
}

.contentOmissionIndicator {
	margin: 1em 0;
}

.labelOmission {
	margin-top: 0.5em;
	margin-left: 0.5em;
}

.multipleUploads .opUploadPanel, .multipleUploads .panelUploads {
    float: left;
    width: 100%;
}
/* this is the preview box */

#panelContent {
	font-size: 75%;
}
/* markdown */

.greenText {
	color: #789922;
}

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

span.spoiler {
    background: #000000;
    border: 1px solid #535353;
    color: #0B0B0B;
	padding: 0 1px;
}

.spoiler:hover {
    background: #000000;
    border: 1px solid #535353;
    color: #898888;
}
/* refresh timer */

.divRefresh {
	display: block !important;
	float: none;
	clear: both;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	padding: 0;
	height: 1.5em;
}

.divRefresh label, .divRefresh input {
	display: inline-block;
	margin: 0;
}

input#refreshButton {
	background-color: #000000;
    border: solid 1px #535353;
	color: #898888;
}
/* catalog */
/* this is important since the catalog cell container shares the same id as the actual threads container on other pages */

.catalogDiv {
	width: 105%;
	margin: 1em auto;
}

#catalogId {
	text-align: center;
	margin: 1.5em 0 1em 0;
	font-size: 150%;
}

.red {
	color: #af0a0f;
}

.linkThumb img {
	max-height: 128px;
	max-width: 128px;
}

.catalogCell {
	float: left;
	width: 10em;
	text-align: center;
	padding: 0.25em;
	height: 14em;
	overflow: hidden;
	background-color: rgba(182, 182, 182, 0.12);
	margin: 0.1em;
	border: 2px solid rgba(111, 111, 111, 0.34);
}

.catalogCell .divMessage {
	margin: 0;
	font-size: 75%;
}

.catalogCell .labelSubject {
	font-size: 75%;
}

.threadStats {
	font-size: 75%;
}

.lockIndicator:before {
	font-family: FontAwesome;
	content: "\f023";
}

.pinIndicator:after {
	font-family: FontAwesome;
	content: "\f08d";
}

.cyclicIndicator:after {
	font-family: FontAwesome;
	content: "\f021";
}
/* archive pages */

#archiveThreadList, #archiveBoardList {
	margin: 1em;
}

#archiveThreadList div, #archiveBoardList div {
	margin: 0.25em 0;
}
/* static pages */

#help {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	margin: 1em auto;
    width: 60%;
    text-align: center;
}

.marker {
	font-weight: bolder;
}
/* index page */

#topBox {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	width: 70%;
	margin: 2.5em auto 1em auto;
	padding: 0.5em;
	text-align: center;
}

#topBox p {
	display: inline-block;
	font-size: 80%;
	vertical-align: top;
	margin: 1em;
	padding: 0.5em;
}

#topBox img {
	width: 10em;
}

#indexWrapper {
	width: 70%;
	margin: 1em auto;
	padding: 0.5em;
}

#innerWrapper {
	width: 69%;
	float: right;
	padding-right: 0.5em;
}

#newsBox {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	width: 100%;
	padding: 0.5em 0 0.5em 0.5em;
	text-align: center;
}

#links {
	padding: 0.5em 0.5em 0.5em 0.5em;
	font-size: 75%;
	display: inline-block;
}

#links a {
	text-decoration: none;
}

#linkLogs:before {
	font-family: FontAwesome;
	content: "\f05e";
	margin-right: 0.25em;
}

#linkArchives:before {
	font-family: FontAwesome;
	content: "\f187";
	margin-right: 0.25em;
}

#linkAccount:before {
	font-family: FontAwesome;
	content: "\f013";
	margin-right: 0.25em;
}

#linkGlobalRules:before {
	font-family: FontAwesome;
	content: "\f128";
	margin-right: 0.25em;
}

#linkFaq:before {
	font-family: FontAwesome;
	content: "\f129";
	margin-right: 0.25em;
}

.topBoards {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	width: 100% !important;
	margin: 1em 0 1em 0 !important;
	padding: 0.5em 0 0.5em 0.5em;
	text-align: center;
}

.topBoards h3 {
	margin-bottom: 0.25em;
}

.topBoards br {
	margin-bottom: 0.5em;
}

#divLatestPosts {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	width: 100%;
	margin: 1em 0 1em 0;
	padding: 0.5em 0 0.5em 0.5em;
	overflow: hidden;
}

#divLatestPosts div {
	margin: 0.25em 0;
}

#divLatestImages {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	float: left;
	max-width: 20%;
	padding: 0.5em;
	margin: 0 1em 1.5em auto;
	text-align: center;
}

#divLatestImages div {
	max-width: 100%;
}

div#innerWrapper table {
    margin: auto;
}

div#divLatestPosts h3 {
    text-align: center;
}
/* CSS for pages that deal with site and account settings and bans */

.settings {
    border: solid 1px #535353;
	width: 40%;
	padding: 0.5em;
	margin: 1em auto;
	text-align: center;
}

label {
	display: block;
}

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

.settings textarea {
	display: block;
	height: 5em;
}

.settings hr {
	height: 1px;
	color: #e9edf3;
}

input.wide, textarea.wide {
	width: 90%;
}

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

#divSolvedCaptcha {
	font-size: 125%;
}

#labelCaptchaId {
	color: #ff0000;
}

#rules {
	text-align: center;
}

#divRules {
	margin: 1em auto;
}

input#loginFieldLogin, input#loginFieldPassword, input#registerFieldLogin, input#registerFieldPassword, input#registerFieldEmail, input#fieldCaptcha, input#recoverFieldLogin, input#fieldCaptchaRecover, input#emailField, input#fieldPassword, input#fieldNewPassword, input#fieldConfirmation, input#newBoardFieldUri, input#newBoardFieldName, input#newBoardFieldDescription, #boardNameField , #maxFileSizeField , #hourlyThreadLimitField , #autoCaptchaThresholdField , #captchaModeComboBox , #autoSageLimitField , #maxThreadFields , #maxFilesField , #anonymousNameField, input#validMimesField {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	width: 100%;
}

input#loginJsButton, input#reloadCaptchaButton, input#registerJsButton, input#reloadCaptchaButtonRecover, input#recoverJsButton, input#logoutJsButton, input#saveJsButton, input#passwordJsButton, input#newBoardJsButton {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
    cursor: pointer;
    width: 100%;
    margin-bottom: 1px;
}

#saveSettingsJsButton , #tagsField , #autoCaptchaThresholdField , #hourlyThreadLimitField , #anonymousNameField , #boardDescriptionField , #boardNameField , #filesSpoiler , #spoilerJsButton , #cssJsButton , #files , #deleteBoardJsButton , #transferBoardFieldLogin , #boardMessageField , #transferBoardJsButton , #addVolunteerJsButton , #addVolunteerFieldLogin {
    background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
    width: 100%;
}

img#captchaImage, img#captchaImageRecover {
    width: 100%;
    max-width: 100%;
}
/* footer styles */

footer {
	background-color: #000000;
    border-top: solid 1px #535353;
    color: #898888;
	width: 100%;
	clear: both;
	margin-top: 2em;
	text-align: center;
	padding: 0.25em 0 0.25em 0;
}

footer a, footer p {
	margin: 0 0.5em 0.5em 0.5em;
	text-decoration: none;
}
/* this has to go down here to override anything above it */

.hidden {
	display: none;
}
/* Odilitime's rules */

.uploadCell {
	max-width: 100%;
}

.imgExpanded {
	max-width: 100%;
}

/* atc */

.linkPost {
	max-width: 100%;
}

.linkPost>img {
	max-width: 100%;
}


/* Scroll Bar */
*::-webkit-scrollbar {
    width: 0.65%;
    height: 10px;
    background: #000000;
    border: 1px solid #535353;
}

*::-webkit-scrollbar-button {
    display: none;
}

*::-webkit-scrollbar-corner, *::-webkit-scrollbar-track {
    background: #000000;
}

*::-webkit-scrollbar-thumb {
    min-height: 28px;
    background: #000000;
}

*::-webkit-scrollbar-thumb, *::-webkit-scrollbar-track {
    border: 0;
    box-shadow: none;
}

*::-webkit-scrollbar-corner, *::-webkit-scrollbar-track {
    background: #000000;
}

*::-webkit-scrollbar-thumb, *::-webkit-scrollbar-track {
    border: 0;
    box-shadow: none;
}


/* Quick reply */

#quick-reply {
    position: fixed;
    right: 5%;
    top: 5%;
    float: right;
    display: block;
    padding: 0 0 0 0;
    width: 300px;
    z-index: 100;
}
#quick-reply #post-form-inner {
    min-width: 300px;
}
#quick-reply .post-table tr td:nth-child(2) {
    width: 33%;
    text-align: right;
    padding-right: 4px;
}
#quick-reply tr td:nth-child(2) input[type="submit"] {
    width: 99%;
}
#quick-reply th, #quick-reply td {
    margin: 0;
    padding: 0;
}
#quick-reply th {
    text-align: center;
    padding: 0;
    border: 1px solid #222;
}
#quick-reply th .handle {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
    float: left;
    width: 100%;
    display: inline-block;
}
#quick-reply th .close-btn {
    float: right;
    padding: 0 5px;
}
#quick-reply input[type="text"], #quick-reply select {
    width: 100%;
    padding: 2px;
    font-size: 10pt;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
#quick-reply input[type="password"], #quick-reply select {
    width: 100%;
    padding: 2px;
    font-size: 10pt;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
}
#quick-reply textarea {
    min-width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    font-size: 10pt;
    resize: both;
}
#quick-reply input, #quick-reply select, #quick-reply textarea {
    margin: 0 0 1px 0;
}
#quick-reply input[type="file"] {
    padding: 5px 2px;
}
#quick-reply .nonsense {
    display: none;
}
#quick-reply td.recaptcha {
    text-align: center;
    padding: 0 0 1px 0;
}
#quick-reply td.recaptcha span {
    display: inline-block;
    width: 100%;
    background: white;
    border: 1px solid #ccc;
    cursor: pointer;
}
#quick-reply td.recaptcha-response {
    padding: 0 0 1px 0;
}

#quick-reply table {
    border-collapse: collapse;
    background: #000000;
    border: solid 1px #535353;
    color: #898888;
    margin: 0;
    width: 100%;
}

button#qrbutton {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
	margin-bottom: 2px;
}

textarea#qrbody, input#qrpassword {
	background-color: #000000;
    border: solid 1px #535353;
    color: #898888;
}

*:focus {
    outline-color: #898888;
}

/* Scrollbar in Catalog */
.catalogCell {
overflow-y: auto;
}