@import url(https://fonts.googleapis.com/css?family=Lato:700);

div.boardlist.bottom {
  background-color: rgba(0,0,0,0.1);
  text-align: center;
  padding: 5px 14px;
  margin-top: 40px;
  border-width: 1px 0 1px 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);
}
div.boardlist:not(.bottom) {
  background-color: rgba(200,200,200,0.9)!important;
  text-align: center;
  padding: 5px 14px;
  border-bottom: 1px solid rgba(0,0,0,0.15)!important;
  box-shadow: 0 0 6px rgba(0,0,0,0.33)!important;
}

div.boardlist:not(.bottom):hover {
  background-color: #c2c2c2!important;
}
div.boardlist .sub {
  background: none;
}
div:not(.boardlist) a[title="Options"]{
  position:absolute;
  top:5px;
  right:14px;
  font-size:9pt;
  text-decoration:none;
}
div.boardlist a[title="Options"]{
  position:relative;
  top:0;
  right:0;
  margin-left:6px;
}

input[type="text"], input[type="password"], textarea {
  background-color: rgba(0,0,0,0.1);
  border: 1px solid rgba(0,0,0,0.2);
  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.4);
  border-style: solid none;
  margin-top: 20px;
}

span.quote {
  color: #581;
}
p.intro span.name, p.intro a.email span.name {
  color: #272;
}
p.intro span.trip, p.intro span.capcode{
  font-family: Calibri, sans-serif;
}
.mentioned a{
  text-decoration: none;
}
.mentioned a:hover{
}
code>pre {
  background-color: rgba(0,0,0,0.05);
  border: 1px solid rgba(0,0,0,0.1);
  padding: 2px 4px;
}

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 {
  margin: 0;
  padding: 0;
  background: none;
  background-color: #white;
  background-image: url('https://i.imgur.com/vfenVtq.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: right bottom;
  overflow-y: scroll;
}

img.board_image {
  border: none;
  margin: 35px auto 5px;
  animation: bannerspinner 5s linear infinite;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  img.board_image {
    -webkit-animation: cbannerspinner 5s linear infinite;
  }
}

header {
  margin: 0 0 0.5em;
  text-align: center;
}
header h1 {
  display: inline-block;
  letter-spacing: -1px;
  font-size: 30pt;
  font-weight: 700;
  font-family: Lato, Tahoma, sans-serif;
  color: #b00;
}
header h1 a {
  text-decoration: none;
}
header div.subtitle{
  color: #900;
}

div.banner {
  padding: 4px 0;
  background-color: #a00;
}
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: " :";
}
table * {
  margin: 0;
}

div#treeview {
  margin: 0 1em 0 0;
}

div.blotter {
  max-height: 100px;
  overflow: hidden;
  margin: 1.3em 15% 1em;
}

div.pages {
  background: rgba(0,0,0,0.1);
  padding: 5px 2%;
  display: inline-block;
  border-color: #aaa;
  border: none;
  color: rgba(0,0,0,0.3);
  border-radius:0 4px 4px 0;
  border-width: 1px 1px 1px 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);
}
body > a{
  margin:0 0 0 0.8em;
  padding:0 !important;
}
a#update_thread{
  margin-left: 1.1em;
}
div.delete {
  margin-right: 0.6em;
}
div.styles {
  margin: 0 1em 2em 0;
}





div.post.op {
  margin: 0 30px 5px 30px;
  margin: 0 2% 5px;
  padding: 0;
}
div.post.op div.body {
  margin-bottom: 20px;
  margin: px 2% 20px;
}
div.post.op p.intro a:last-child:not(.post_no):not(.email), div.post.op p.intro a:nth-last-child(2):not(.post_no):not(.email) {
  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;
}
div.post.op p.intro a:last-child:not(.post_no):not(.email):hover, div.post.op p.intro a:nth-last-child(2):not(.post_no):not(.email):hover {
  background-color: rgba(0,0,0,0.05);
  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 {
  background-color: rgba(0,0,0,0.1);
  background-color: #ccc;
  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);
}
div.post.reply p {
  margin: 0;
}
div.post.reply.highlighted {
  background-color: rgba(0,0,0,0.2);
}
p.intro label {
  cursor: pointer;
}
p.intro span.subject {
  font-size: 11pt;
  margin-right: 5px;
  color:#d00;
}
div.post.reply p.intro {
  padding: 4px 18px 0 10px;
}
div.post p.intro input {
  display: none;
}
p.intro .flag {
  margin-left: 6px;
}
div.post.reply p.intro .flag {
  opacity: 0.1;
}
p.intro time {
  margin-left: 0.4em;
  margin-right: 0.6em;
}
div.post.reply p.intro time {
  opacity: 0.1;
}
p.intro .poster_id {
  border-radius: 4px!important;
  padding: 0 3px!important;
  opacity: 0.4;
  margin-right: 0.6em;
}
div.post.reply p.intro .post_no {
  opacity: 0.66;
}

div.post.reply:hover p.intro time,div.post.reply:hover p.intro .post_no,div.post.reply:hover p.intro .poster_id,div.post.reply:hover p.intro .flag {
  opacity: 0.66;
}
.mobile-style div.post.reply p.intro time,.mobile-style div.post.reply p.intro .post_no,.mobile-style div.post.reply p.intro .poster_id,.mobile-style div.post.reply p.intro .flag {
  opacity: 0.66!important;
}

p.fileinfo a {
  color: rgba(0,0,0,0.5);
}
p.fileinfo {
  opacity: 0.66;
  font-style: italic;
}
div.post p.fileinfo {
  padding: 0 6px 4px;
  margin: 0;
  color: rgba(0,0,0,0.6);
  opacity: 0.33;
}
div.post.reply:hover p.fileinfo {
  opacity: 1;
}
div.post p.fileinfo .unimportant {
  opacity: 0.5;
}
div.post.reply:hover p.fileinfo .unimportant {
  opacity: 1;
}
p.fileinfo span small {
  background-color: rgba(0,0,0,0.1);
  border-radius: 4px;
  padding: 2px;
color:rgba(0,0,0,0.8);
}
p.fileinfo span small a {
  color: rgba(0,0,0,0.5);
  text-decoration: none;
}
p.fileinfo span small a:hover {
  color: rgba(0,0,0,0.8);
}
div.post .post-image {
  padding: 0;
}
div.post.reply .file:not(.multifile) .post-image {
  padding: 0;
  border-left: 1px solid #bbb;
  margin: 2px 20px 0 0;
  max-width: 100%!important;
}
:not(.reply) .file:not(.multifile) .post-image {
  margin: 8px 20px 20px 2%;
  max-width: 96%!important;
}
.file.multifile {
  margin: 0 0 10px 20px;
  max-width: calc(100% - 15px)!important;
}
.file {
  margin: 0;
}

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

.post-actions div {
  margin: 0 1em 1em;
}

a.hide-thread-link, a.unhide-thread-link {
  font-family: monospace;
  letter-spacing: -2px;
  text-decoration: none;
  background-color: rgba(0,0,0,0.1);
  color: rgba(0,0,0,0.5);
  border-radius: 0 4px 4px 0;
  padding: 2px 1px 2px 0;
  margin: 0;
  position: absolute;
}
a.hide-thread-link:hover, a.unhide-thread-link:hover {
  background-color: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.8);
}
p.intro.thread-hidden label {
  margin-left: 2%;
  opacity: 0.33;
}
p.intro.thread-hidden a:last-child:not(.post_no):not(.email), p.intro.thread-hidden a:nth-last-child(2):not(.post_no):not(.email) {
  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;
}
p.intro.thread-hidden a:last-child:not(.post_no):not(.email):hover, p.intro.thread-hidden a:nth-last-child(2):not(.post_no):not(.email):hover {
  background-color: rgba(0,0,0,0.05);
  color: rgba(0,0,0,0.8);
}

#expand-all-images, #shrink-all-images {
margin-right:1em;
}

#quick-reply {
  background-color: #ccc;
  margin: 0;
  padding: 6px!important;
  box-shadow: 4px 4px 10px rgba(0,0,0,0.5);
}
#quick-reply table {
  background-color: rgba(0,0,0,0)!important;
}
#quick-reply th {
  border: none!important;
}
#quick-reply th .handle {
  background-color: #a00;
  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;
}

#options_div {
  background-color: #ccc;
  margin:0;
  top:calc(15% - 45px);
}
#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 {
  padding: 20px;
}
.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"] {
  position: absolute;
  top: 42px;
}

.theme-catalog header {
  margin: 25px 0 0;
}
.theme-catalog > span{
  margin-left:1em;
}
.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 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 p {
  display: block;
  text-align: center;
}
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;
}
.wColorPicker-bg {
  border-radius: 2px!important;
  box-shadow: 1px 1px 1px #FFF inset,1px 1px 2px #555!important;
}

@keyframes bannerspinner{
  0% {
    transform: perspective(400px) rotateY(0deg);
  }
  100% {
    transform: perspective(400px) rotateY(360deg);
  }
}
@-webkit-keyframes cbannerspinner{
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(360deg);
  }
}
div.post i.fa-wheelchair{
  animation: hotwheels 0.2s ease-in-out infinite;
}
@keyframes hotwheels{
  0% {  color:#f00; }
  20% { color:#ff0; }
  40% { color:#0f0; }
  55% { color:#0ff; }
  80% { color:#00f; }
  90% { color:#f0f; }
  100% {color:#f00; }
}


div.post.reply .file:not(.multifile) p.fileinfo {
  min-width: 500px;
}
div.post.op p.intro span.subject {
  font-size: 14pt;
  display:block;
  margin-bottom:2px;
}
.edited{
  opacity:0.4;
}

*{cursor: url("https://a.pomf.se/mdulsc.gif")
, default !important}
}