/********************************************
 * Based on defaults from old the-cell theme 
 */

body { background: white; }

table { font-size: 1em; }
td { vertical-align: top; }

/* Quote styling */

blockquote.quote {
  margin-right:0;
  padding-right:0;
}

blockquote.quote blockquote {
  margin-right:0;
  padding-right:0;
}

blockquote.quote hr { text-align: right; }

/* Spoiler styles */

blockquote.spoiler {
  margin-right:0;
  padding-right:0;
}

blockquote.spoiler blockquote {
  margin-right:0;
  padding-right:0;
  background:black;
  color:black;
}

blockquote.spoiler hr { text-align:right; }

/* Form styling */

input, textarea, select {
        background: #F8F8F8;
        border-color: #b739fd;
        border-style:solid;
}

input, textarea { padding:3px; }
input.text { height: 1.8em; }

/* Misc */
code { white-space:pre; }
span.irc-me { color:blue; }

/*****************************************************************************************************
 * Defaults based directly on new design
 */

div.location { padding: 10px 0px 10px 0px; }

div.postby, div.changedby { font-size: 0.9em; }
td.lcc { white-space: nowrap; }

span.quickjump { float: right; position: relative; top: -1.6em; right: 10px;}
span.quickjump form { display: inline; }


body.thread span.quickjump { display: block; float: none; right: -1.2em; top: 0px; padding: 10px 0px 0px 0px; }
body.thread span.movethread { display: block; padding: 5px 0px 0px 0px; }
body.thread span.movethread form { display: inline; }

/* Post render formatting... this is a little complex ;)
 * First: Post outlines
 */

div.post { margin: 10px; border: 1px #999 solid; background: white; }

/* Note: Left pad is width of sidebar + content padding */
div.post_marker { margin: 10px; border: 1px #999 solid; padding: 10px 10px 10px 185px; }

/* Post side part */
div.post_side {
  /* No margin or padding, otherwise IE breaks :/ */
  margin: 0px;
  padding: 0px 0px 10px 0px;
  float: left;
  width: 175px;
  border-right: 1px #999 solid;
  border-bottom: 1px #999 solid;
}

/* Add some padding to the sidebar content to stop it from overlapping
 * Add some style while we're at it
 */

div.pa_name { padding: 5px 10px 0px 10px; font-weight: bold; }
div.pa_title { padding: 5px 10px 5px 10px; }
div.pa_avatar { padding: 0px 10px 10px 10px; }
div.pa_post_count { padding: 0px 10px 5px 10px; }
div.pa_signup { padding: 0px 10px 5px 10px; }
div.pa_signup span.label { display: block; }
div.pa_lastmod { padding: 0px 10px 0px 10px; }
div.pa_lastmod span.label { display: block; }

/* Post head: Div containing subject, date and post controls */
div.post_head {
  /* Add border between header and post content */
  border-bottom: 1px #999 solid;
  /* Add padding below post time and post controls */
  padding: 0px 0px 5px 0px;
  /* This margin is needed to make sure the border draws in the right place.
   * It's the width of the side
   */
  margin: 0px 0px 0px 175px;
}

/* Subject div.  Div to make it go on it's own line by default. */
div.post_subject {
  padding: 5px 5px 5px 10px;
  border-bottom: 1px #999 solid;
  margin: 0px 0px 5px 0px;
}

/* Post controls: Edit, Delete, Quote, Mark read.*/
div.post_head span.post_controls {
  /* Using position absolute with only right co-ord to make sure it places on the far right. */
  position: absolute;
  right: 10px;
}

/* Post_posted: this is the post time span, it's padded by 1.5em to make it indent semi-consistantly */
span.post_posted { padding: 0px 0px 0px 1.5em; }

/* Post content */
div.post_content {
  padding: 10px;
  /* large left margin is for the purpose of making sure it doesn't wrap round post_side by default */
  margin: 0px 0px 0px 175px;
}

/* Post Sig */
div.post_sig {
  padding: 10px;
  /* This margin is much the same as the one in post_content... */
  margin: 0px 0px 0px 175px;
  /* Border on the left as a continuation of the post_content border. */
}

div.post_clear {
  /* We can't apply min-height to post or post_side because of IE bugs.
   * To avoid hacks, we use this trick.
   * Clear makes sure that this appears below post_side.
   * Since neither post_clear, post_sig nor post_content are floated or positioned, clear always appears at the bottom
   * Thus either post_side or post_content will push clear down to the bottom of post, creating a minimum height.
   * Magic huh? We only need to do this to make it look like the old table *shake head*
   */
  clear: both;
  height: 10px;
}

/* Bold labels... */

div.post span.label { font-weight: bold; }

/************************************************************************************
 * Control panel
 */

div.cpi_box { 
  text-align:left;
  margin: 10px 1% 10px 1%;
  width: 23%;
  float: left;
}

div.cpi_box_header {
  border-right:2px solid #999;
  border-bottom:2px solid #999;
  padding: 5px;
  font-weight: bold;
}

div.cpi_box_header span {
  position:relative;
  left:-10px;
}

div.cpi_box_entry {
  border-left:2px solid #999;
  padding: 5px;
}

div.cpi_box_desc {
  border-left:2px solid #999;
  border-right:2px solid #999;
  border-bottom:2px solid #999;
  padding: 5px;
}

div.cp_header {
  font-weight: bold;
  font-size: 1.5em;
  font-style: italic;
  padding: 10px;
  margin: 0px;
}

div.cp_header2 {
  font-weight: bold;
  padding: 10px 20px 10px 20px;
  margin: 0px;
}

div.cp_submit {
  margin: 0px 0px 20px 200px;
}

div.cp_option {
  height: 4.7em;
}

div.cpo_name, div.cpo_input {
  padding: 10px;
  height: 2.7em;
  float: left;
  border-top: 1px #999 solid;
  border-bottom: 1px #999 solid;
}

div.cpo_name {
  width: 200px;
  text-align: right;
}

div.cpo_input {
  width: 350px;
  border-right: 1px #999 solid;
}

div.cpo_help {
  padding: 6px 0px 0px 6px;
  display: none;
}

div.cp_option:hover div.cpo_help {
  display: block;
}