/* Background */

body { 
  background: url(/static/bottom.png) repeat-x bottom , url(/static/top.png) repeat-x top , url(/static/bg.png); 
  color: #FFFFFF)}

.desktop-style div.boardlist:nth-child(1) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-bottom: 1px solid;
    background: white;
   /*position: static !important;*/
}


    /* Text Formatting */
  
li {
  // min-width: 75px;
  min-height: 28px;
    list-style: none;
 //   float: Left;
 border: solid grey;
 margin: 4px 3px;
  font-family: 'courier new',serif;
  //line-height: 32px;
    background: #eee;}


h1 {
  color: rgb(26,26,26);}

div.ban h2 {
    background: gray;
    color: black;
    font-size: 12pt;}

div.module, div.ban {
    background: white;
    border: 1px solid #000;
    max-width: 800px;
    box-shadow: 7px 7px rgba(0, 0, 0, 0.5) !important;
    margin: 30px auto;
}

header div.subtitle {
  color: rgb(26,26,26); 
  font-style: italic;}

a {
  color:#000000 !important; 
  text-decoration: none;}

a.unimportant {
  color:#ffffff !important; 
  text-decoration: none;}

a:hover {
   color: #60CFD6!important; 
   text-decoration: underline;}

span.quote {
    color: #FF7EB3;
}

.intro span.name {
    color: rgb(26,26,26);
    font-weight: bold;}

.intro span.subject {
    color: #000000;
    font-weight: bold;}

p.intro span.subject { 
   font-size:11pt;
   margin-right:5px;color:#000;}

p.intro span.name {
   color: rgb(26,26,26);}

div.post.reply.highlighted {
   background-color: #60CFD6;}

form table tr th {
   background-color: #cdcdcd;
   color: #000;}

hr {
   border-color:#000!important;}

span.heading {
    color: #e9521b;
    font-size: 13pt;
    font-weight: bold;}

div.banner {
    background-color: rgba(26,26,26,1);
    color: #ffffffff;}

.thread.grid-li.grid-size-small:hover, .thread.grid-li.grid-size-large:hover, .thread.grid-li.grid-size-vsmall:hover {
   background-color:#60CFD6!important;}


#alert_message {
    color: #DDDDDD!important;
}

span.spoiler {
    color: transparent;
    background: none !important;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding: 0 1px;
}

span.spoiler:hover {
    color: inherit; 
    text-shadow: none;
}



    /* Self */
.own_post{
    visibility: hidden;
    position: relative;}

.own_post:after{ 
    visibility: visible;
    position: absolute;
    top: 0;
    left: 1px;
    content: '(Me)';
    width: 12px;}



    /* Hidden*/
div.boardlist.bottom {
   visibility: hidden !important;}





/*Post button, menu*/

.post-btn {
   visibility: hidden !important; 
   padding: 0; 
   width: 0; 
   height: 0; 
   display: inline !important;
}


.post-btn:after {
   content: url('/static/dark.png'); /* Update with your image path */
   visibility: visible;
   display: inline;
   position: relative;
   left: -5px;
   width: 12px; /* Set to your image’s width */
   height: 13px; /* Set to your image’s height */
}



.post-btn-open {
    transform-origin:center !important;
    transform:rotate(0.5turn) !important ;
  }




li.post-item, li.post-submenu {
   padding:5px 10px!important;
   color:#000000;
   background:#fff;}
   li.post-item:hover, li.post-submenu:hover {
   color:#60CFD6;
   background:#eeeeee!important;}

.post-menu li {
  min-width: 5px !important;
  min-height: 5px !important;
  list-style: none;
  float: None !important;
  text-align: left !important;
  border: none !important;
  margin: 0px !important;
  font-family: 'courier new',serif;
  line-height: 12px !important;}




    


/*Boxed off stuff*/

div.boardlist:not(.bottom) {
   background-color: #EEEEEE !important;
   padding: 4px 4px;
   box-shadow: 5px 5px rgba(0, 0, 0, 0.5) !important;
   }

div.post.reply {
   max-width: 95% !important;
   padding: 10px;
   margin-top: 6px;
   border: solid black;
   border-width: 1px 1px 1px 5px;
   background-color: #EEEEEE;}


form table {
   width: 60%;
   min-height: 250px;
   margin: 1px auto;
   border: solid black;
   border-width: 1px 1px 1px 5px;
   padding: 5px;
   background-color: #FFFFFF}

table tbody tr:nth-of-type( even ) {
    background-color: #eeeeee;}

table.modlog tbody tr:nth-of-type( even ) {
    background-color: rgba(26, 26, 26, 0.17);}

table.modlog tbody tr:nth-of-type( odd ) {
    background-color: rgba(26, 26, 26, 0.17);}

div.pages {
   width: 98%;
   text-align: center !important;
   background-color: #EEEEEE;
   box-shadow: 5px 7px rgba(0, 0, 0, 0.5) !important;}

div.pages.top {
    display: block;
    position: static;
    top: 0;
    right: 0;
    opacity: 0.9;
}


/* Line Breaks*/


div.boardlist span.favorite-boards {
   display: block;}

span.subject:after { 
   content: '\A'; white-space:pre;}
 

/* Image fuggery */
.post-image {
    filter: grayscale(100%) brightness(90%) contrast(250%);
    transition: filter 0.3s ease;
}

/*revert to on hover */
.post-image:hover {
    filter: none; 
}