/*Comfy style*/


.floatiframe{
float:left;
padding:10px;
}


div.boardlist {
    background-color:  #261712;
}
div.boardlist.bottom {
    margin-top: 20px;
    position: inherit;
    background:inherit;
}



.return1 a{
float:left;
font-size: inherit;

}

div.blotter {
    background: none repeat scroll 0 0 rgba(88, 53, 41, 0.1);
    border: 1px solid #39241d;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #8f6658;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding: 2px;
    text-align: center;
}



div.title {
    margin-bottom: 0px;
    clear: both;
    color: #39241d;
    font-size: 2em;
    font-weight: bold;

}

div.ban h2 {
    border-radius: 6px 6px 6px 6px;
        background: none repeat scroll 0 0  #261712;
        color: #8f6658;
}

div.ban {
    background: none repeat scroll 0 0  #261712;
    border: 1px solid #8f6658;
    margin: 30px auto;
    max-width: 700px;
    border-radius: 7px;

}

form {
    margin-bottom: 0px;
}


form {
    margin-bottom: 0px;
}

span.heading {
    color: #FFAB3F;
    display: block;
    font-size: 12pt;
    font-weight: bold;
}

textarea#body{
    height: 136px;
    width: 518px;
}



html, body {
        background:#261712 url("https://media.8kun.net/stylesheets/img/caffe_bg.png") repeat fixed center;
        color: #755144;
        font-family: "Trebuchet MS",Trebuchet,serif;
        font-size: 12pt;
}
a {
        color: #755144;
}
a:hover, a:visited:hover {
        color: #a47a6b;
}
.adminbar {
        clear:both;
        float:right;
        font-size: .8em;
}
.desktop-style div.boardlist:nth-child(1) {
background-color: #261712;
}
.desktop-style div.boardlist:not(.bottom) {
background-color: #261712;
}


.adminbar a {
        font-weight: bold;
}
.logo {
        clear:both;
        text-align:left;
        font-size:2em;
        font-weight: bold;
        color:#a47a6b;
        /*width:100%;*/
}
.theader, .passvalid {

        text-align:center;
        padding:2px;
        color:#39241d;
        clear: both;
        font-weight: bold;
        margin-bottom: .5em;
        border: solid 1px #a47a6b;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.postarea {
}
.rules {
        font-size:0.7em;
}
.postblock {
        background:transparent;
        color:#a47a6b;
        font-weight:bold;
}
.footer {
        text-align:center;
        font-size:12px;
        font-family:serif;
        margin: 2em 0 0 0;
}
.dellist {
        font-weight: bold;
        text-align:center;
}
.delbuttons {
        text-align:center;
        padding-bottom:4px;
}
.managehead {
        background:#8f6658;
        color:#39241d;
        padding:0px;
}
.postlists {
        background:#8f6658;
        width:100%;
        padding:0px;
        color:#a47a6b;
}
.row1 {
        background:#8f6658;
        color:#8f6658;
}
.row2 {
        background:#8f6658;
        color:#8f6658;
}
.unkfunc {
        background:inherit;
        color:#8e6152;
}
.reflink {
        font-size: .8em;
        font-weight: bold;
}
.filesize {
        text-decoration:none;
        color: #8e6152;
        font-size: .8em;
}
.filetitle {
        background:inherit;
        font-size:1.2em;
        color:#8f6658;
        font-weight:bold;
}
.postername {
        color:#8f6658;
        font-weight:bold;
}
.postertrip {
        color:#FF3300;
}
.oldpost {
        color:#8f6658;
        font-weight:bold;
}
.omittedposts {
        color:#a47a6b;
}
.reply {
        background: #a47a6b url("https://media.8kun.net/stylesheets/img/caffe_reply.png") repeat center;
        border: solid 1px #a47a6b;
        padding: 0;
        margin: 0;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
blockquote {
        margin: .5em .5em .5em 1em;
}
blockquote p {
        margin: 0;
        padding: 0;
}
.reply blockquote {
        margin: .5em;
}
.doubledash {
        display: none;
         vertical-align:top;
        clear:both;
        float:left;
}
.replytitle {
        font-size: 1.2em;
        color:#002244;
        font-weight:bold;
}
.commentpostername {
        color:#8f6658;
        font-weight:800;
}
.thumbnailmsg {
        font-size: .8em;
        color:#8e6152;
}
hr {
        border-style: solid none none none;
        border-width: 1px;
        border-color: #8f6658;
}
table {
        border-style: none;
}
table td {
        border-style: none;
}
.nothumb {
        background-color: #8e6152;
        border-style: dotted;
        margin: .3em .5em;
}

.abbrev {
        color:#8e6152;
}
.highlight {
        background:#261712;
        color:#8e6152;
        border: 2px dashed #EE6600;
}


div.banner, div.banner a {
    color: inherit;
}
div.banner {
    background-color: inherit;
}
form table tr th {
    background: none;
}

div.post.reply {
    background: #a47a6b url("https://media.8kun.net/stylesheets/img/caffe_reply2.png") repeat center;
        color: #8e6152;
    border: 1px solid rgba(88, 53, 41, 0.6);
    border-radius: 5px 5px 5px 5px;
}
div.title,h1 {
    color: #8e6152;
    font-size: 16px;
    font-weight: bold;
}
div.title p {
    font-size: 26px;
    margin: 0;
}

h1 {
    letter-spacing: inherit;
}

.pages {
    background: rgba(88, 53, 41, 0.32) !important;
    width:100%;
    color: #8e6152 !important;
}

div.banner {
    background: none repeat scroll 0 0 #251611;
    border: 1px solid #2c1b16;
    clear: both;
    color: #8e6152;
    font-weight: bold;
    margin-bottom: 0.5em;
    padding: 2px;
    text-align: center;
}

form table tr td div {
    padding-left: 0px;

}
.recaptchatable .recaptcha_image_cell {
    padding: 0px !important;
}

div.post.reply.highlighted {
background: rgba(88, 53, 41, 0.3);
}
#quick-reply table {
border-collapse: collapse;
background: #000 url("https://media.8kun.net/stylesheets/img/caffe_reply2.png") repeat center !important;
repeat fixed center !important;
border-style: solid;
border-width: 1px;
border-color: rgba(88, 53, 41, 0.6);
margin: 0;
width: 100%;
}
#attention_bar:hover {
background-color: rgba(88, 53, 41, 0.3);
}
p.intro a.email span.name {
color: #8e6152;
}
a.post_no:hover {
color: #755144;
}
.intro span.subject {
    color: #ffe2b2;
}
div.post.reply div.body a {
color: #755144;
}
#quick-reply table {
border-collapse: collapse;
background: #000 url("https://media.8kun.net/stylesheets/img/caffe_reply2.png") repeat center !important;
}
a, a:visited {
text-decoration: underline;
color: #755144;
}
.cb-menuitem span {
padding: 5px;
display: table-cell;
text-align: left;
border-top: 1px solid rgba(0, 0, 0, 1);
}
div.boardlist {
color:  rgba(0, 0, 0, 1);
font-size: 9pt;
}

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

#quick-reply {
  background-color: #261712;
  transform: rotate3d(1, 0, 0, 30deg);

  transition: transform .1s ease-in;


  border-color: #000000;
  border-radius: 5px 5px 5px 5px;
}


#quick-reply .handle {
  background-color: #261712;
  display: block;
  border-width: 1px;
  border-color: #000000;
  border-radius: 5px 5px 5px 5px;

  cursor: move;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.posting-extra {
  position: relative;
  background-color: #261712;
}

#postingForm th{
 background: #292929 url('https://anon.cafe/.media/7c268c65bf3e08ae7f2a65379684a6ef-imagepng.png');
}

button, input[type=submit], input[type=button] {
  background-color: #755144;
  color: black;

  border: 1px solid #000000;
  border-radius: 5px 5px 5px 5px;
  padding: 0.35rem 0.6rem;
  box-shadow: 0 0 2px #0003;
}

select, [type="text"], [type="password"], textarea {
  background: #261712;
  color: #ccc;
  border: 1px solid #666;
}

.dropzone {
  background-color: #261712;
  padding: 0.5rem;
}

.top-nav {
  position: fixed;
  top: 0;
  left: 0;

  z-index: 100;

  display: block;
  width: 100%;

  padding: 0.25rem 0.75rem;

  background-color: #261712;
  border-bottom: 1px solid #261712;
}

.WebringButton {
  font-size: 120%;

  animation: none;
}

#labelName {
  font-size: 200%;
  color: #ffe2b2;
  font-family: 'OpenSans', tahoma;
}

.modalDecorationPanel {
  position: relative;
  padding: 0.5rem;

  background-color: #261712;
}

.modalHeader {
  display: block;
  margin: -0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem 1.25rem;

  border-bottom: 1px solid #261712;

  font-weight: bold;
}

button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled {
  color: #DDE4EE;
  color: #261712;

}

/* Class: Post */

.opHead > *,
.postInfo > * {
  vertical-align: top;
}

.innerPost, .markedPost {
  display: inline-block;
  max-width: 100%;

  margin: 0.2rem 4px;
  padding: 0.5rem 0.3rem 0.5rem 0.6rem;
  border-width: 1px;
  border-style: none solid solid none;
  border-color: #000000;
  border-radius: 5px 5px 5px 5px;
}

.innerPost {
  background-color: #cc987b;
}

.markedPost {
  background-color: #D6BAD0;
}


/* EXTRA: Floating menus */

.floatingMenu {
  background-color: #cc987b;
  border: 1px solid rgba(88, 53, 41, 0.6);
  border-radius: 5px 5px 5px 5px;


  padding: 0.5rem;

  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.floatingMenu .header {
  margin: -0.5rem;
  padding: 0.5rem 1rem;

  cursor: move;

  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: bold;
}

.floatingMenu .header + hr {
  margin: 0.5rem -0.5rem 0.5rem;
  width: calc(100% + 1rem);
}

/* EXTRA: Settings menu */

#settingsMenu {
  min-height: 300px;
}

.settingsTabs {
  margin: 0.5rem 0;
}

.settingsTab {
  background-color: #cc987b;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem;
  border-radius: 4px;

  cursor: pointer;
  color: black;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.settingsTab:hover {
  color: #D00;
}

#selectedTab {
  background-color: #261712;
  color: white;
}

.settingsContentPanel {
  margin: 1rem 0.5rem;
}

#newFilterPanel {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#newFilterPanel + div {
  padding: 0.5rem 0.25rem;
}

#existingFiltersPanel {
  padding: 0 0.25rem;
}

#existingFiltersPanel > div:nth-child(2n) {
  background-color: rgba(238, 242, 255, 0.67);
}

#existingFiltersPanel > div > hr {
  display: none;
}

#existingFiltersPanel > div > div {
  padding: 0.25rem 0.5rem;
}

#newFilterPanel + div { font-weight: bold; }
#labelExistingFilterType, .existingFilterTypeLabel { display: inline-block; width: 80px }

.filterDeleteButton {
  float: right;
  cursor: pointer;
}

.filterDeleteButton:hover {
  color: #D00;
}

.settingsContentPanel textarea {
  width: 100%;
  min-height: 200px;
}

/* menu buttons */
.menuClose {
  color: #000000;
  cursor: pointer;
  float: right;

  font-size: 1.5rem;
  line-height: 1.5rem;
}

.menuClose:hover {
  color: #D00;
}

#watchedMenu, #settingsMenu {
  position: fixed;
  left: 100px;
  top: 25px;
  z-index: 100;

  width: 500px;
}

#watchedMenu {
  width: auto;
  min-width: 250px;
}

.watchedCell {
  margin: 0 -0.5rem;
  padding: 0.25rem 0.75rem;
}

#watchedMenu div:nth-child(2n) .watchedCell {
/*  background-color: #eef2ff; */
  background-color: rgba(238, 242, 255, 0.67);
}

.watchedCellCloseButton, .watchedNotification { cursor: pointer; }
.watchedCellCloseButton { float: right; }
.watchedCellCloseButton:hover { color: #D00; }
.watchedNotification { padding: 0.25rem 0.5rem; }

.extraMenuButton, .hideButton {
  position: relative;
}

.extraMenuButton i {
  font-size: 1.75rem;
  line-height: 1.25rem;

  padding-left: 0.5rem;
  padding-right: 0.125rem;

  cursor: pointer;
}

.hideButton i, .watchButton i {
  cursor: pointer;
}

.watchButton i { padding: 0.125rem 0.25rem; padding-right: 0.0625rem; }
.hideButton i { padding: 0.1rem 0.0625rem; }

.extraMenu, .hideMenu {
  position: absolute;
  left: 15px;
  top: -4px;

  display: inline-block;
  z-index: 10;

  min-width: 150px;
  margin: 0.25rem;
}

.extraMenu hr, .hideMenu hr {
  margin: 0.25rem 0;
  width: 100%;
}

.extraMenu div, .hideMenu div {
  margin: 0 0.5rem;

  color: #34345C;
  cursor: pointer;
}

.extraMenu div:hover,
.hideMenu div:hover {
  color: #D00;
}


/* options.js */
#options_div, #alert_div {
  background: #a47a6b url("https://media.8kun.net/stylesheets/img/caffe_reply.png") repeat center;
  border: solid 1px #a47a6b;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.options_tab_icon {
  color: inherit;
}
#options_tablist {
  border-color: #a47a6b;
}
.theme-catalog div.thread:hover {
        background-color: rgba(88, 53, 41, 0.3);
        border: solid 2px #333835;
}
table tbody tr:nth-of-type( even ) {
    background-color: transparent;
}

span.name {
    color: #00704a !important;