/*
Higanbana theme... I wanted something static and simple.
*/

@font-face {
    font-family: 'Janson';
    src: url('/static/fonts/janson.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Meiryo';
    src: url('/static/fonts/meiryo.ttf') format('truetype');
    font-style: normal;
}

@font-face {
    font-family: 'Liberation';
    src: url('/static/fonts/liberation.ttf') format('truetype');
    font-style: normal;
}

body {
background: 
url('/static/themes/higan/lily.png') no-repeat,
#100706;
background-position: bottom right;
background-attachment: fixed;
color: #fda89d;
font-family: 'Liberation', 'Meiryo';
}

form table tr th {
    color: #fdaf9b;
background: #100706;
   border: 1px solid #bb0a08;
   border-radius: 4px;
}


header div.subtitle, h1 {
    font-family: 'Janson', serif;
    text-align: center;
    font-size: 22pt;
    color: #d91e13;
}


div.banner {
    background: rgba(219,16,7,.446);
    text-align: center;
    border: 1px transparent #000;
    color: #fdaf9b;
    padding: 3px;
    font-family: 'Janson', serif;
}


p.intro {
    z-index: 1;
    padding: 4px;
    padding-top: 6px;
    padding-bottom: 3px;
    border-radius: 12px;
    color: #f58d81;
  text-shadow: none;

}


div.post.reply {
   border: solid #bb0a08;
   border-radius: 7px;
   border-width: 1px;
   background-color: #100706;
   color: #fdaf9b;
}

div.post.reply:hover{
   background: url('/static/themes/higan/saku.gif');
   background-size: 240px auto;
   background-color: #020706;
   border: solid 1px #fdaf9b;
   color: #fdaf9b;
}


div.post.reply.highlighted {
   background: url('/static/themes/higan/saku.gif');
   background-size: 240px auto;
   background-color: #020706;
   border: solid 1px #fdaf9b;
   color: #fdaf9b;
}


span.quote {
    color: #FF7EB3;
    font-family: 'Janson';
    font-style: italic;
}

span.name {
    font-weight: bold;
    color: #ed4028!important;
}

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

div.post.reply div.body a {
  color:#fc9480; 
;}

a, div.boardlist a, a.unimportant, a:visited {
  color:#fc9480; 
;}

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


hr {
  border: none;
  border-top: 1px solid #bd0304;
  height: 0;
  clear: left;
}


div.pages {
    background:#100706;
    color: #e53b24;
    border: 1px solid #b70805;
}

div.pages a {
    color: #ffa790;
}

.desktop-style div.boardlist:nth-child(1) {
    background-color: black;
     border: 1px solid #b70805;
}



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



input[type="text"], textarea, select {
    background: #1A0000;
    border: 2px solid #B1001E;
    border-radius: 4px;
    padding: 2px;
    font-family: 'Courier New', monospace;
    color: #FFD6D6;
    transition: box-shadow 0.3s;
}

input[type="text"]:focus, textarea:focus, select:focus {
    box-shadow: 0 0 6px #FF5722;
    outline: none;
}

div.ban {
   border: solid #bb0a08;
   border-radius: 7px;
   border-width: 1px;
   background-color: #100706;
   color: #fdaf9b;
}

div.ban h2 {
    background: rgba(219,16,7,.446);
    text-align: center;
    border: 1px transparent #000;
    color: #fdaf9b;
    padding: 3px;
    font-family: 'Janson', serif;
}

div.files img {
  padding: 2px;
  background: #580804; 
  border: 2px solid #f4180f; 
  border-radius: 6px;
}


input[type="submit"], button {
    background: #B1001E;
    color: #FFD6D6;
    border: 1px solid #FF2D55;
    border-radius: 2px;
    text-shadow: 1px 1px 2px #990000;
    transition: background 0.3s, transform 0.3s;
}
input[type="submit"]:hover, button:hover { 
    background: #F4442E;
    transform: scale(1.05);
}


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