/* Reset CSS */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body {
  font-family: Helvetica,sans-serif;
  margin: 12pt;
}
.post_form input {
  margin-bottom: 8pt;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue",Helvetica,sans-serif;
  margin-bottom: 1em;
}
h1 {
  font-size: 200%;
}
li {
  list-style-position: inside;
  padding-left: 24pt;
}
ul li {
  list-style-type: circle;
}
h1.post_ok {
  position: absolute;
  top: 40%;
  width: 90%;
  text-align: center;
}
.post {
  margin: 8pt;
  margin-left: 88pt;
  padding: 6pt;
  background: #ddd;
  display: inline-block;
  min-width: 360pt;
}
.post.first {
  background: inherit;
  margin: 12pt;
  display: block;
}
.post .subject,
  .post .poster_name,
  .post .post_id,
  .post .reply_link,
  .post .reply_link form,
  .post .post_ip,
  .post .tripcode,
  .post .post_date,
  .post .locked,
  .post .pinned {
  display: inline-block;
  margin-right: 1em;
  font-size: 85%;
}
.post .reply_link form {
  margin: 0;
}
.post .subject {
  color: blue;
}
.post .poster_name {
  color: green;
}
.post .tripcode {
  color: purple;
}
.post .reply_link {
  float: right;
}
.post .content {
  padding: 12pt;
}
.post .p_img {
  float: left;
  padding-right: 12pt;
}
.post .p_con {
  float:left;
}
.post .foot { clear:both; }

.button, .button-red, .button-lite  {

   padding: 3.5px 7px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #000000;
   font-size: 13px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   border: 0;

}

.button {
   border-top: 1px solid #96d1f8;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#5ed6b8), to(#65a9d7));
   background: -moz-linear-gradient(top, #5ed6b8, #65a9d7);
}
.button:hover, .button-red:hover, .button-lite:hover {
   color: #ccc;
}

.post_form {
  position: relative;
  align: center;
  width: 300pt;
  margin-bottom: 48pt;
}
.post_form input,
  .post_form textarea {
  width: 300pt;
}
.post_form textarea {
  height: 96pt;
}

hr { clear:both; margin-top: 12pt; margin-bottom: 12pt;
  border:none; border-top: 2px solid #ddd;}

.button-red {
   border-top: 1px solid #ccc;
   background: #e64545;
   background: -webkit-gradient(linear, left top, left bottom, from(#edd3d3), to(#e64545));
   background: -moz-linear-gradient(top, #edd3d3, #e64545);
}
.button-red:active {
   border-top-color: #a30000;
   background: #a30000;
}

.button-lite {
   border-top: 1px solid #cccccc;
   background: #787878;
   background: -webkit-gradient(linear, left top, left bottom, from(#4d4d4d), to(#787878));
   background: -moz-linear-gradient(top, #4d4d4d, #787878);
   color: white;
   }
.button-lite:active {
   border-top-color: #525252;
   background: #525252;
   }


.post_form .button  {
  float: right;
  width: auto;
  padding-left: 12pt;
  padding-right: 12pt;
}

.footer {
  margin-top: 12pt;
  font-size: 80%;
}

.board_list {
  margin-bottom: 18pt;
}

@media speech {
  .post.first:before {
    content: "Thread ";
  }
  .post:before {
    content: "Reply ";
  }
  .post .poster_name:before {
    content: "by poster name: ";
  }
  .post .subject:before {
    content: "with subject: ";
  }
  .post .p_img:before {
    content: "User posted image.";
  }
  .post .post_image {
    display: none;
  }
  .post .p_con:before {
    content: "Message: "
  }
}
