div.boardlist.bottom {
  background-color: #c6c6c6;
  text-align: center;
  padding: 10px 14px 0;
  margin-top: 16px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.6);
  color:rgba(0,0,0,0.33);
}
div.boardlist:not(.bottom) {
  background-color: rgba(190,190,190,0.9)!important;
  text-align: center;
  padding: 5px 75px;
  border-bottom: 1px solid rgba(0,0,0,0.15)!important;
  box-shadow: 0 0 6px rgba(0,0,0,0.33)!important;
  color:rgba(0,0,0,0.33);
}
div.boardlist:not(.bottom):hover {
  background-color: #c6c6c6!important;
}
div.boardlist:not(.bottom) .sub {
  background: none;
  opacity: 0.25;
}
div.boardlist.bottom .sub {
  background: none;
}
a[title="Options"]{
  position:absolute;
  top:5px;
  right:10px;
  font-size:9pt;
  text-decoration:none;
  opacity: 0.25;
}
div.boardlist:not(.bottom):hover .sub, div.boardlist:not(.bottom):hover a[title="Options"], a[title="Options"]:hover{
  opacity:1;
}
div.boardlist span.favorite-boards{
  display:block;
}
div.boardlist:not(.bottom) span:not(.favorite-boards):last-child{
  position: absolute;
  right: 10px;
  top: 20px;
}




table.diceroll{width:auto;}

a, a:visited{
  color:#335;
}
a:hover, .boardlist a:hover{
  color:red;
}
input[type="text"], input[type="password"], textarea {
  background-color: rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.2) !important;
  font-family: monospace;
}
.desktop-style input[type="text"], .desktop-style input[type="password"], .desktop-style textarea {
  max-width: 100%;
}

hr {
  border-color: rgba(0,0,0,0.2);
  border-width: 2px;
  border-color: rgba(0,0,0,0.2) white rgba(255,255,255,0.5);
  border-style: solid none;
  margin-top: 20px;
}

span.quote {
  color: #581;
}
span.heading{
  color:#a30;
}
p.intro span.name, p.intro a.email span.name {
  color: #272;
}
span.name span.own_post{
  opacity:1;
}
span.name span.own_post:before{
  content:"*";
}
p.intro span.trip{
  font-family: Calibri, sans-serif;
  color: #272;
}
p.intro span.trip:before{
  content: " ";
}
p.intro span.capcode {
  font-family: Calibri, sans-serif;
  color: #e20;
}
div.post.reply div.body a, div.post.op div.body a{
  color:#b30;
}
div.post div.body a:hover{
  color:#900;
}
.mentioned a{
  color:#b30 !important;
  text-decoration: none;
  display:inline-block;
}
.mentioned a:hover{
  color:#900;
}
code>pre {
  background-color: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.1);
  padding: 2px 4px;
  overflow:auto; /*fixes long line overflow*/
  max-width:100%; /*fixes long line overflow*/
}
pre.prettyprint{
  margin: 0;
}
code>pre span.pln {
  color: #000;
}
div.post.reply div.body span.spoiler a, div.inline.post div.body span.spoiler a{
  color:#000 !important;
}
div.post.reply div.body span.spoiler:hover a, div.inline.post div.body span.spoiler:hover a{
  color:#f70 !important;
}
.edited{
  opacity:0.4;
}

a.add_image {
  border: 1px solid rgba(0,0,0,0.2);
  padding: 2px 0;
  text-decoration: none;
  text-align: center;
  border-radius: 2px;
  width: 22px;
  display: inline-block;
}
#quick-reply a.add_image {
  border: 1px solid rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.1);
}





body {
  color: #000;
  margin: 0;
  padding: 0;
  background-attachment: fixed;
  background: none;
  background-color: #ddd;
  overflow-y: scroll;
}

img.board_image {
  border: none;
  margin: 50px auto 10px;
}

.board-owners-or-users-feel-free-to-hide{
  width:80%;
  opacity:0.5;
  margin:0 auto;
}
header {
  margin: 1em 0 0.5em;
  text-align: center;
}
header h1 {
  display: inline-block;
  letter-spacing: -1px;
  font-size: 30pt;
  font-family: Lato, sans-serif;
  font-weight: 700;
  color: #d40;
}
header h1 a {
  text-decoration: none;
}
header div.subtitle{
  color: #d40;
}

#watchlist{
  background-color:rgba(0,0,0,0.1);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.6);
  bottom:26px!important;
}
#watchlist .watchlist-controls{
  border-bottom: 2px solid rgba(0,0,0,0.15);
  margin:0 auto;
  padding:15px 0;
}
#watchlist .watchlist-inner{
  border-top: 2px solid rgba(255,255,255,0.3);
  border-bottom: 2px solid rgba(0,0,0,0.15);
  margin:0 auto;
  padding:2px 0;
}
#watchlist .watchlist-inner span{
  margin:0 5px;
}
div.banner {
  padding: 4px 0;
  background-color: #920;
  background-color: #d50;
}
#post-form-outer{
  margin-top:10px;
}

div#treeview {
  margin: 0 1em 0 0;
}
div.blotter {
  margin: 1.3em 15% 1em;
}
div.pages {
  background: none;
  border: none;
  padding: 0 1em 0;
  display: inline-block;
  color: rgba(0,0,0,0.33);
}
#thread-interactions {
  margin:12px 1em 0;
}
#thread-links{
  float:none;
}
#thread-links a, a#update_thread, a#link-quick-reply{
  background-color: #c6c6c6;
  color: rgba(0,0,0,0.5);
  border-radius: 4px;
  padding: 2px 4px 4px !important;
  margin-right:1em;
  text-decoration: none;
}
a#link-quick-reply{
  margin:1px 5px 0 0;
  display:inline-block;
}
a#update_thread{
  background:none;
  padding: 2px 0 0 !important;
  margin-right:0.1em;
}
a#update_thread:hover {
  color: rgba(0,0,0,0.8);
}
#thread-links a:hover, a#link-quick-reply:hover{
  background-color: rgba(0,0,0,0);
  color: rgba(0,0,0,0.8);
}
div#thread_stats{
  margin:4px 0 0 0;
  font-size:12px;
  opacity:0.5;
}
#updater{
  background-color: #c6c6c6;
  color: rgba(0,0,0,0.5);
  border-radius: 4px;
  padding: 2px 4px 4px !important;
  margin-right:0.5em;
  text-decoration: none;
}
footer{
  background-color:#c6c6c6;
  margin:0;
  padding:1.5em 0 2em;
}
footer p{
  margin:0 !important;
  padding-bottom: 0.5em !important;
}
div#yeelmao {
  background-color: #c6c6c6;
  max-width:100%!important;
  width:100%;
  margin-bottom:-4px;
  padding-top: 10px;
  text-align:center;
}
div#yeelmao > div{
  float:none!important;
  display:inline-block;
}
#expand-all-images, #shrink-all-images, #gallery-view, label[for="treeview"] {
  margin-right: 15px;
}
#expand-all-images a,#shrink-all-images a {
}





table * {
  margin: 0;
}
form {
  margin-bottom: 10px;
}
form table tr th {
  padding: 0 8px 2px 0;
  background-color: rgba(0,0,0,0);
  margin: 0;
  text-align: right;
}
form table tr th:after {
  content: " :";
}
.tf-toolbar{
  padding:0 0 2px!important;
  margin:0;color: #aaa;
  }
.tf-toolbar a{
  padding:4px !important;color: #000;
  }
#tf-heading{
  color:#A30!important;
  }
#tf-spoiler{
  background-color:#000;
  color:#fff;
  padding:0!important;
  margin:4px;
  }
.post-table th, .post-table-options th {
    width: 80px !important;
}
input#upload_file{
  border: none;
}
table.post-table-options{
  border-top: 1px dashed #aaa;
  padding-top: 6px;
  margin-top: 4px;
}
a.show-post-table-options{
  text-decoration:none;
  background-color: rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 4px;
  padding: 2px 4px 4px;
  text-decoration: none;
  display: inline-block;
}
a.show-post-table-options:hover{
  background-color: transparent;
  color: rgba(0, 0, 0, 0.8);
}
.faq-message{
  font-style: italic;
  font-weight: normal;
}
p.board-settings{
  margin-top:6px;
}

#options-row .hint{
  display:none;
}
#options-row input{
  margin-right:5px !important;
}
.required-star {
  color: inherit;
}
#options-row div.dice-option input{
  margin:0!important;
}
div.dice-option tr{
  width:100%;
}
div.dice-option td{
  width:33%;
}
input.dx, input.dy, input.dz{
  min-width:90%;
}
.dice-option{
  font-size:10px;
}
.dice-option table{
  border:1px solid rgba(0,0,0,0.2);
  width: 100%;
}
.dice-option table td{
  border:none;
}
img.flag_preview{
  margin:2px 0 0 5px;
  vertical-align:top;
}
.required-wrap.hint .required-star:after{content:" required";font-size:10px;}
.required-wrap.hint .unimportant{display:none;}
.required-field-cell{text-align: right;}



#quick-reply {
}
#quick-reply table {
  box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
  border:8px solid #c2c2c2;
  border-radius:3px;
}
#quick-reply th {
  border: none!important;
}
#quick-reply th .handle {
  background-color: #c50;
  width: calc(100% - 4px)!important;
  padding: 5px 2px 3px;
  color: white;
}
#quick-reply th .close-btn {
  text-decoration: none;
  color: white;
}
#quick-reply th:after {
  content: none;
}
div#quick-reply form[method="post"]{
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
#quick-reply table {
  box-shadow: none !important;
}
#quick-reply input[name="embed"]{
  margin-bottom:6px;
}
#quick-reply select#user_flag{
  margin-bottom:2px;
}




.post-hover{
  box-shadow:0 0 20px rgba(0,0,0,0.2) !important;
}
div.post.op {
  margin: 0 30px 5px 30px;
  margin: 0 2% 5px;
  padding: 0;
}
div.post.op div.body {
  margin-bottom: 20px;
  margin: 0 2% 20px;
}
.hide-thread-link {
  background-color: #c6c6c6;
  color: rgba(0,0,0,0.5);
  border-radius: 4px;
  padding: 2px 4px 4px;
  margin-top: -1px;
  text-decoration: none;
  display:inline-block;
}
.hide-thread-link:hover {
  background-color: rgba(0,0,0,0);
  color: rgba(0,0,0,0.8);
}
div.post.op p.intro > a:not(.post_no):not(.post-btn) {
  background-color: #c6c6c6;
  color: rgba(0,0,0,0.5);
  border-radius: 4px;
  padding: 2px 4px 4px;
  text-decoration: none;
  display:inline-block;
}
div.post.op p.intro > a:not(.post_no):not(.post-btn):hover {
  background-color: rgba(0,0,0,0);
  color: rgba(0,0,0,0.8);
}
div.post span.omitted, div.post span.toolong {
  font-style: italic;
  color: rgba(0,0,0,0.5);
  margin-top: 0.5em!important;
}
div.post span.omitted a, div.post span.toolong a {
  color: rgba(0,0,0,0.6) !important;
}
div.post span.omitted a:hover, div.post span.toolong a:hover {
  color: rgba(0,0,0,0.9) !important;
}

div.post.reply, div.inline.post {
  background-color: #c2c2c2;
  padding: 0;
  margin: 0 2% 8px;
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(255, 255, 255, 0.6);
  max-width: 96% !important;
  vertical-align:top;
}
div.inline.post{
  border: 1px solid rgba(0, 0, 0, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
  box-shadow:0 0 8px rgba(0,0,0,0.1);
}
div.post.reply p, div.inline.post p {
  margin: 0;
}
div.post.reply.highlighted {
  background-color: #b1b1b1;
  border-color: rgba(255, 255, 255, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #b30;
  border-left-width: 2px;
  box-shadow:0 0 20px rgba(255,255,255,0.5);
}
p.intro * {
  cursor:pointer;
}
p.intro span.subject {
  font-size: 11pt;
  margin-right: 5px;
  color:#d50;
}
div.post.op p.intro span.subject {
  font-size: 14pt;
  margin-bottom:2px;
  margin-right:0;
}
div.post.op p.intro span.subject:after {
  content:"";
  display:block;
}

div.post.op p.intro {
  padding: 8px 0px 0px 0px;
}
div.post.reply p.intro, div.inline.post p.intro{
  padding: 4px 18px 0px 10px;
}
p.intro .flag {
  margin-left: 6px;
}
p.intro time {
  margin-left: 0.4em;
  margin-right: 0.6em;
  font-size:11px;
}
div.post.reply p.intro time, div.inline.post p.intro time{
  opacity: 0.66;
}
p.intro .poster_id {
  border-radius: 2px!important;
  padding: 1px 3px 0!important;
  margin-right: 0.6em;
  opacity: 0.66;
  font-size:11px;
}
.poster_id:before {
  content: "id.";
}
div.post.reply p.intro .post_no, div.inline.post p.intro .post_no {
  opacity: 0.66;
}
a.post_no{
  color:inherit !important;
}

div.post.op div.body{
  margin:0.8em 2.5em 1em 2em;
}
div.post.reply div.body, div.inline.post div.body {
  margin: 0.8em 2.5em 1em 2em;
  padding: 0;
}

span.controls{
  padding: 0;
  margin: 0;
  font-style: normal;
}
div.post > span.controls, div.post.op > .intro > span.controls{
  opacity: 0.66;
}
span.controls a{
  font-size: 11px !important;
  color: #a00;
}
span.controls a:hover{
  color: #000;
}
a.ip-link{
  text-decoration:none;
}




p.fileinfo{
  font-size:10px!important;
  font-style: italic;
  opacity: 0.66;
}
p.fileinfo *{
  font-size:10px;
}
p.fileinfo a{
  color:#335 !important;
}
div.post p.fileinfo {
  padding: 0 4px 4px 6px;
  margin: 0;
}
:not(.reply) .file.multifile p.fileinfo {
  margin:0;
}
p.fileinfo span small {
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
  padding: 2px;
}
p.fileinfo span small a {
  text-decoration: none;
}



.file {
  margin: 0;
}
.file.multifile {
  margin: 10px;
  padding:4px 6px 6px;
  max-width: calc(100% - 32px)!important;
  border:1px solid rgba(0,0,0,0.2);
}
.file.multifile .post-image{
  padding:0;
  margin:4px 0 0 0;
}
.file.multifile .full-image {
  max-width: 100%!important;
  padding:0;
  margin:4px 0 0 0;
}
.file.multifile .fileinfo{
  padding:0;
}

div:not(.reply) .file:not(.multifile) .post-image {
  padding: 0;
  margin: 8px 20px 20px 2%;
}
div:not(.reply) .file:not(.multifile) .full-image {
  padding:0;
  margin:0 1%;
  max-width: 98%;
}
div.post.reply .file:not(.multifile) .post-image {
  padding: 0;
  margin: 2px 20px 0 0;
  border-left: 1px solid #bbb;
}
div.post.reply .file:not(.multifile) .full-image {
  padding: 0;
  margin: 0 1%;
  max-width: 98%;
  margin-bottom:0.5em;
}

img.post-image[title="[youtube.com]"]{
  max-width:calc(100% - 40px);
  background-color:rgba(0,0,0,0.1);
  min-width:20px;
  min-height:20px;
}
div:not(.reply) img.post-image[title="[youtube.com]"]{
  margin:4px 20px 20px 2% !important;
}
div.post.reply img.post-image[title="[youtube.com]"]{
  margin:2px 20px 0px 0px !important;
}
.yt-help {
    opacity: 0.66;
    font-style: italic;
    font-size: 11px;
    margin: 0px 0px 0px 20px;
}






.post-btn{
  padding:0 1px 0 1px !important;
  color: rgba(0,0,0,0.33) !important;
}
.post-menu{
  margin-left:-22px;
  -moz-user-select:none;
  user-select:none;
}
.post-menu ul {
  background-color: #c2c2c2 !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  border-radius:3px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.33) !important;
}
.post-menu li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.post-menu li:hover {
  background-color: #ddd;
}
#filter-menu-hide, #filter-menu-unhide {
  font-weight:bold;
}
#report_menu, #delete_post_menu{
  border-top:1px solid rgba(0, 0, 0, 0.33) !important
}




#options_div {
  background-color: #ccc;
  margin:0;
  top:10%;
  height:80% !important;
  width:80% !important;
  border-radius:2px;
}
#options_tablist {
  margin: 0;
  padding: 14px 6px 0;
  height: calc(100% - 14px);
  background-color: rgba(0,0,0,0.8);
}
.options_tab_icon {
  color: #ddd;
}
.options_tab_icon.active{
  color: #f70;
}
.options_tab {
  padding: 20px;
}
.options_tab h2{
  color:#e50;
}
.options_tab textarea {
  background-color: #bbb;
  position: relative!important;
  top: 0!important;
  left: 0!important;
  bottom: 0!important;
  right: 0!important;
  margin-top: 34px!important;
  width: 100%!important;
  max-width: 2000px;
  min-height: calc(100% - 60px);
}
.options_tab input[type="button"]:not([value="X"]) {
  position: absolute;
  top: 42px;
  width: calc(100% - 40px) !important;
  left: 20px !important;
}




#alert_div {
    width: 500px;
    border: 3px solid #a00;
    border-radius: 2px;
    background-color: #ccc;
    margin-top: 0;
    top: 33vh;
}




.theme-catalog header {
  margin: 25px 0 0;
}
.theme-catalog > span{
  margin-left:1em;
}
.theme-catalog div.threads{
  margin:0;
}
.theme-catalog #Grid {
  padding:0 40px;
}
.theme-catalog div.thread {
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(255,255,255,0.6) rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(255,255,255,0.6);
  padding: 8px;
  margin: 4px 2px;
}
.theme-catalog div.thread:hover {
  overflow-y:auto;
  background: none repeat scroll 0% 0% #eee;
  border-color: #aaa;
}
.theme-catalog div.thread p.intro {
  padding: 0 2px 8px;
  margin: 0;
}
.theme-catalog div.thread p:not(.intro){
  padding:0;
  margin: 4px 0 0 0;
}
.theme-catalog div.thread img {
  border: 2px solid white;
  max-width: 96%;
}





div.ban {
  border-color: rgba(0,0,0,0.2);
  background-color: #c2c2c2;
}
div.ban a{
  color:#d50;
}
div.ban li {
  line-height: 1.5em;
}
div.ban h2 {
  color: #fff;
  font-size: 16pt;
  background-color: #888;
  padding: 0.2em 0 0.2em 1em;
  font-weight: normal;
}





#wpaintdiv {
  border: 1px solid black;
  background-color: #d0d0d0;
}
.wPaint-menu {
  width: 560px!important;
  cursor: default!important;
}
.wPaint-menu-holder {
  border-radius: 2px!important;
}
.wPaint-menu-handle {
  border-top-left-radius: 2px!important;
  border-bottom-left-radius: 2px!important;
  box-shadow: 1px 1px 1px #fff inset!important;
}
.wPaint-menu-icon {
  border-radius: 6px!important;
  box-shadow: 1px 1px 1px #FFF inset,1px 1px 1px #666!important;
  margin: 4px 6px 4px 0px!important;
}
.wPaint-menu-icon.active{
  border-color: #fb8;
  background-color: #fca;
}
.wColorPicker-bg {
  border-radius: 2px!important;
  box-shadow: 1px 1px 1px #FFF inset,1px 1px 2px #555!important;
}




/* CUSTOM SETTINGS BELOW */
/* CUSTOM SETTINGS BELOW */
/* CUSTOM SETTINGS BELOW */


/* show all spoilers
span.spoiler { color: #fff; } */

/* fits image to window height
.file img{ max-height: calc(100vh - 50px) !important; } */

/* hides redundant link from OPs
.hide-thread-link{ display:none; !important} */

/* changes thumbnail size */
div.post.reply .post-image{
  width:auto !important;
  height:auto !important;
  max-height:200px !important;
  max-width:200px !important;
}

/* hides checkbox by the name, click the name or date instead */
input.delete{display:none;}

/* reveals spoilers on posts that appear when you hover over a quote link */
.post-hover .spoiler{color:#fff;}

/* clean post options 
.faq-message, .required-wrap, .required-star, #upload_embed .hint, #oekaki .hint{
  display:none !important;
}
table.post-table-options:hover{
  display:table!important;
}
#quick-reply table.post-table-options{
  border-radius:0;
}
 end clean post options */

/* delete form that appears below thread on some boards */
div.delete {
  margin: 0 1em 0 0;
  text-align: right;
  width: calc(100% - 1em);
}

/* fix stupid form shit */
table tbody tr:nth-of-type(2n) {
    background: none;
}

/* art board sticky stuff */
div#thread_617[data-board="art"] #reply_2422{display:none!important;}
div#thread_617[data-board="art"] > br{display:none!important;}
div#thread_617[data-board="art"] > div#op_617 > div.post_modified, div#thread_617[data-board="art"] > div#op_617 div.content-status{margin:0 !important;}
div#thread_617[data-board="art"] span.heading{
	font-size: 1.5em !important;
	line-height: 1.5em !important;
}