/*
Solarized theme for Tohno-chan
Solarized colorscheme (http://ethanschoonover.com/solarized)
*/

body {
  background: #002b36;
  color: #586e75;
  font-family: sans-serif;
  font-size: 0.9em;
  padding: 1em;
  margin: 1em;
}

a {
  color: #268bd2;
  text-decoration: none;
}

a:hover {
  color: #dc322f;
  text-decoration: underline;
}

.reflink a:hover {
  font-weight: bold;
}

.adminbar {
  text-align: right;
  clear: both;
  float: right;
}

.logo {
  font-size: 3em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 10px;
}

.rules {
  width: 468px;
  font-size: 0.8em;
}

.rules li {
  margin-left: 1em;
}

.replymode, .catalogmode {
  text-align: center;
  color: #586E75;
  background: #073642;
  margin-bottom: 1.2em;
}

.postblock {
  font-size: 0.8em;
  font-weight: bold;
  padding: 3px;
}

/*
Only firefox doesn't change border for file input box.
*/

#postform input, textarea {
  background: #002b36;
  color: #586e75;
  border: 1px solid #073642 !important;
  padding: 0;
  margin: 0;
}

input[type="file"] {
  -moz-appearance: none !important;
}

.filesize {
  color: #93a1a1;
  font-size: 0.8em;
  text-decoration: underline;
  padding-left: 3em;
}

.filetitle, .replytitle {
  font-size: 0.9em;
  font-weight: bold;
}

.postername {
  color: #00afaf;
  font-weight: 800;
  font-size: 0.9em;
}

.postertrip {
  color: #5f8700;
  font-size: 0.9em;
}

.reply {
  font-size: 1em;
  width: 100%;
  padding: 1em;
}

.highlight {
  background: #073642;
  color: #586e75;
}

.reflinkpreview {
  border: 1px solid black !important;
  background: #073642 !important;
  color: #586e75 !important;
}

.Spacer {
  margin-top: 5px;
  margin-bottom: 15px;
  float: clear;
}

.unkfunc {
  color: #5f8700;
}

.spoiler:hover {
  color: #839496 !important;
}

.NewsDiv {
  padding-left: 40px;
  padding-right: 40px;
}

.NewsDiv table:first-child {
  width: 100%;
  padding-top: 3px;
}

.NewsDiv .NewsMenu {
  text-align: center;
}

/*
Would be nice if I could somehow highlight main tab by default
*/

.NewsDiv .NewsMenuCurrent, .NewsMenu:hover {
  background: #073642 !important;
  color: #586E75 !important;
  text-align: center;
}

.NewsTitleStrip {
  background: #073642;
  padding: 5px;
  margin-bottom: 1em;
}

.NewsContent {
  padding: 1em;
}

.tabletop, .tabletop2 {
  background: #073642;
  text-align: center;
  width: 100%;
}

/* Have to hide some leftover table, why is it there in the first place? */
.NewsDiv td[style="vertical-align:top"] table[bordercolor="#000000"] {
  display: none !important;
}

.recent_posts {
  border: none !important;
}

.recent_posts table {
  border: none;
  width: 100%
}

.tablesub {
  padding: 0.2em;
}

.tablesub:hover {
  background: #073642;
}

.picslot {
  padding: 0.6em;
  width: 100%;
}

.picitself {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 200px;
  max-height: 120px;
}

.sitemap {
  text-align: center;
}

/* Temporary fixes for catalog,
hopefully it doesn't fuck up something else */
table[border="1"][align="center"] td {
  border: none !important;
}

hr {
  border: none;
}