/* Dept. Heaven  -  Dept.I
Arcana: XIV.Temperance
Alignment - Sweet Dream
One of my staple wallpapers for... More than half my life now, gah. A delightfully "quiet" tea party between friends.
The green tint means I can also retire that TI-83 test theme without worry.
~meiQts 24.12.04
*/



     /*Extra Font*/
@font-face {
    font-family: 'GenEiLate';
    src: url('/static/fonts/GenEi.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}




    /* Background */

body { 
     background: url('/static/themes/temperance/riviera.png') repeat-x center center fixed;
    background-size: 100% auto;
    background-color: #e1e8be;
    color: #755d4c;
}



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


h1 {
  color: #644c24;}

div.ban h2 {
    background: #6da06d;
    color:  #755d4c;
    font-size: 12pt;}

div.module, div.ban {
    background: rgba(248, 252, 234, .96);
    color: #755d4c;
    border: 1px solid #b2a08d;
    max-width: 800px;
    box-shadow: 6px 6px rgba(224, 208, 184, 0.5) !important;
    margin: 30px auto;
}

header div.subtitle {
  color: $; 
  font-style: italic;}

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

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

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

span.quote {
    color: #f09040;
}

.intro span.name {
    color: #505898);
    font-weight: bold;}

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

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

p.intro span.name {
   color: #505898;}



div.post.reply.highlighted {
   background-color: #98c379 ;}

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

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

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

div.banner {
    background-color: #411818;
    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:#98c379!important;}

::selection {
    background-color: #e44331; 
    color: #FFFFFF;}

#alert_message {
    color: #DDDDDD!important;}



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

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

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

div.post.reply div.body span.spoiler a:hover {
     color: inherit!important; 
    text-shadow: none;
}







/* Rose cursor */
* {
    cursor: url('/static/cursor/roseidle.gif'), auto;
}

/* Loading? */
*:loading {
    cursor: url('/static/cursor/rosegroom.gif'), wait;
}

/* Clickable */
a, button, input[type="submit"], .clickable-element-class {
    cursor: url('/static/cursor/rosehiss.gif'), pointer;
}






    /* 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'); 
   visibility: visible;
   display: inline;
   position: relative;
   left: -5px;
   width: 12px; 
   height: 13px; 
}



.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:#98c379;
   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: rgba(248, 252, 234, .96) !important;
   padding: 4px 4px;
   box-shadow: 6px 6px rgba(224, 208, 184, 0.5) !important;
   }


div.post.reply {
   max-width: 95% !important;
   margin-top: 6px;
   border: solid #b2a08d;
   border-width: 1px 1px 1px 5px;
   background-color: rgba(248, 252, 234, .96);
   box-shadow: 6px 6px rgba(224, 208, 184, 0.5) !important;
   border-radius: 0 15px 15px 0; 
   padding: 8px;
   color: #755d4c;
}


div.post.op {
   margin-top: 6px;
   border: solid #b2a08d;
   border-width: 1px 1px 1px 5px;
   background-color: rgba(248, 252, 234, .96);
   box-shadow: 6px 6px rgba(224, 208, 184, 0.5) !important;
   border-radius: 0 15px 15px 0;
   padding: 8px;
   color: #755d4c;
}




form table {
   width: 60%;
   min-height: 250px;
   margin: 1px auto;
   border: solid #b2a08d;
   border-width: 1px 1px 1px 5px;
   padding: 5px;
   border-radius: 22px;
 background-color: rgba(248, 252, 234, .66);
   box-shadow: 6px 6px rgba(224, 208, 184, 0.5) !important;
}

.diceroll {
    width: auto;
    margin: 0;
    min-height:0px;
    border: none; 
    padding: 0; 
    background-color: inherit;
}


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

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: 6px 6px rgba(255, 211, 72, 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;}
 


img {
    filter: sepia(20%) drop-shadow(4px 4px 0px #CFDAB1);
}

.post-emoji {
   margin-bottom: 4px;
   margin-right: 4px;
}


/* grayscale(100%) contrast(80%) brightness(56%) sepia(100%) saturate(1.66) hue-rotate(3deg);*/




/*revert to on hover */

img:hover {
    filter: none;
}





/*scrollbar*/
::-webkit-scrollbar {
    width: 18px;
}

::-webkit-scrollbar-track {
    background: #b7c68e; 
    border-left: 2px solid #411818; 
}

::-webkit-scrollbar-thumb {
    background-color: #e8e8b8; 
    border: 1px solid #411818; 
}

/* hoverhandler (hehe)*/
::-webkit-scrollbar-thumb:hover {
    background-color: #FF3425;
    border-color: #411818;
}

/* Scrollbar for Firefox */
scrollbar-color: #e8e8b8 #b7c68e; /
scrollbar-width: auto;