@import url("../common.css");

body {
  margin: 0;
  padding: 0;
  background-color: white;
  color: #000000;
  font-family: serif;
  font-size: 100%;
}
/* Board Name */
h1 {
  margin: 0.5em 2% 0.3em 2%;
  padding: 0;
  font-size: 2em;
  font-weight: bold;
}
/* Headlines */
h2 {
  margin: 0.5em 2%;
  padding: 0.5em 0 0 0;
  font-size: 1.5em;
  font-weight: bold;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
/* Links */
h2 samp {
    font-size: 0.66em;
}
hr {
  border: 0;
  margin: 0;
  padding: 0;
  height: 1px;
  background-color: #aaaaaa;
  color: #aaaaaa;
}
p.newthread {
  margin: 1em 2% 2em 2%;
  padding: 1em 2%;
  background-color: #efefef;
}
/* menu */
p.nav {
  margin: 0.5em 2% 0.5em 2%;
  padding: 0;
  font-size: .9em;
  font-style: italic;
  background-color: white;
}
/* thread navigation */
pre.jump {
  margin: 0 2% -1em 0;
  padding: 0;
  background-color: white;
  font-size: 1em;
  font-family: serif;
  font-weight: bold;
  word-spacing: 1em;
  text-align: right;
}
pre.jump a {
text-decoration: none;
}
a, a:visited, a:active {
  color: #882200;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:target {
  background-color: #f3f3f3;
  text-decoration: underline;
}
dl {
  margin: 0.5em 2% 0 2%;
  padding: 0;
}
dt {
  margin: 0;
  padding: 0;
}
/* post number */
dt a {
  font-size: 1.4em;
}
/* post date */
dt code {
  font-size: 1em;
  font-family: monospace;
  color: #555555;
}
dt samp {
  font-size: 1em;
  font-family: monospace;
  margin-left: 1%;
}

dd {
  margin: 0 2%;
  padding: 0;
  line-height: 1.4em;
}
dd p {
  margin: 1em 0;
  padding: 0;
  background-color: transparent;
  word-wrap: break-word;
}

dd pre, dd code {
  font-size: 1em;
  font-family: monospace;
}

dd pre {
  margin: 1.2em 0;
  padding: 2px;
  background-color: #f7f7f7;
  line-height: 1.4em;
  overflow: auto;
}
blockquote {
  border-left: solid 2px #cccccc;
  margin: 1em 0 1em 0;
  padding: 0 0 0 1em;
  background-color: inherit;
  color: #555555;
}
blockquote:hover {
  background-color: #fafafa;
}

/* spoilers */
del {
  background-color: #200200;
  text-decoration: none;
}
del:hover {
  background-color: transparent;
}
/* thread list */
table {
  margin: 1em 2%;
  padding: 0;
  border-collapse: collapse;
}
th {
  color: #666666;
  padding: 0.1em 0.5em;
  font-family: monospace;
  font-weight: normal;
  text-align: left;
  font-size: 1em;
}
td {
  border: 0;
  padding: 0.1em 0.5em;
// background-color: #fafafa;
  line-height: 1em;
}

tr:nth-child(odd) {
  background: #fafafa;
}
tr:hover {
  background-color: yellow;
}
td p, td pre, td blockquote {
  margin: .5em 0;
}

/* forms */

textarea {
  margin: 0.2em 0 0.2em 0;
  border: 1px solid #bababa;
  padding: 2px;
  max-width: 98%;
  //overflow: hidden;
  
  font-size: 1em;
  font-family: monospace;
}
input[type=text] {
  margin: 0.2em 0 0.5em 0;
  border: 1px solid #bababa;
  padding: 2px;
  max-width: 98%;
  font-size: 1em;
  font-family: monospace;
}
input[type=checkbox] {
  border: 1px solid #bababa;
  vertical-align: middle;
  margin: 0 2px;
}

fieldset.comment {
  display: none;
}
/* preferences */
fieldset {
  border: none;
}
ul {
 margin: 0 0 1em 0;
 padding: 0 0 1em 1em;
}
/* flash messages */
p.flash {
  background: transparent;
  color: red;
}

p.footer {
font-size: 0.9em;
font-family: monospace;
background: transparent;
text-align: center;
}

/* New Thread Form Styling */
.newthread-form {
  margin: 1.5em 2% 2em 2%;
  padding: 1.5em 2%;
  background-color: #fcfcfc;
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  max-width: 600px;
}
.newthread-form h2 {
  margin: 0 0 1em 0;
  padding: 0;
}
.newthread-form p {
  margin: 0.5em 0;
}
.newthread-form input[type=text], .newthread-form textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 8px;
  font-size: 1em;
  border: 1px solid #bababa;
  border-radius: 4px;
}
/* Mobile Responsiveness Rules */
@media (max-width: 768px) {
  body {
    padding: 0.5em 1em;
  }
  h1 {
    font-size: 1.8em;
    margin: 0.5em 0 0.3em 0;
  }
  h2 {
    font-size: 1.3em;
    margin: 0 0 0.5em 0;
  }
  p.nav {
    margin: 0.5em 0;
    line-height: 1.5em;
  }
  dl {
    margin: 0.5em 0;
  }
  dd {
    margin: 0 0 1em 0;
  }
  textarea, input[type=text] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    margin: 1em 0;
  }
  th, td {
    padding: 0.2em 0.4em;
    font-size: 0.9em;
  }
}