@import url('http://watstart.ca/themes/watstart/stylesheets/shared.css');


.notice { color: blue; font-weight: bold; }

/*
 * Layout
 ***************************/
div#center { width: 520px; }
div#left-rail { top: 423px; }


/*
 * Headers
 ***************************/
h1, h2, h3, h4 { margin: 0; padding: 0; }
h1 {  
  font-size:1.3em; 
}
h1 img { vertical-align:middle; }
h1 span { font-size:0.8em; color:#999; font-weight:normal; padding-left: 1em;}
h2 { font-size:1.0em; }
h3 {
  font-size:1em;
  padding:2px 10px 3px;
  background:#333;
  color:white;
  border-bottom:1px solid #999;
}
h4, h5, h6 { font-size: 1em; }
h6 { margin-bottom:0; }

p.subtitle {
  font-size:0.9em;
  color:#888;
  font-weight:bold;
  margin-top:-0.3em;
}
p.subtitle img { Xvertical-align: bottom; }


p.pages {
  font-size:0.95em;
  margin-top:1.2em;
}


ul.quotes,
ul.flat {
  margin-left:0;
  padding-left:0;
  font-size:0.85em;
  list-style-type:none;
}
ul.talking li span {
  color:#666;
}

ul.flat li {
  background:url(/images/small_circle.gif) no-repeat 5px 6px;
  padding-left:15px;
}
ul.ways li span {
  color:#666;
}

ul.quotes
{
  font-size:0.9em;
}
ul.quotes li {margin-bottom:1em; }
ul.quotes span
{
  color:#666;
}


ul.why
{
  font-size:1em;
  line-height:1.25em;
  margin-top:2em;
}
ul.why li p
{
  margin-top:0.5em;
  color:#666;
}
ul.why li p strong { color:#c00; }

a.utility
{
  font-weight:normal;
  color:#c00;
  font-size:0.9em;
}
a.remove { color:#c00; }
a.utility:hover
{
  color:#c00;
  text-decoration:underline;
}

div.asset
{
  background:#e7e7e7;
  padding:7px 15px;
  border-bottom:1px solid #ccc;
  font-size:0.9em;
  margin-bottom:1em;
  text-align:center;
}

input.primary
{
  font-size:1.2em;

}

input.submit
{
  margin-right:1em;
  float:right;
}

/* layout of paste */

.pastebox
{
  width:100%;
}

p.private,
#content .legend
{
  margin-top:0;
  color:#999;
  font-size:0.9em;
}
#content .legend span strong { color: black; }
#content .legend span
{
  margin-right:5em;
}

p.private img { vertical-align:bottom;}
p.private
{
  xcolor:white;
  color:#c00;
  font-weight:bold;
}
p.psmall { 
  font-size:0.8em; 
  font-weight:normal; 
}



label {
  color:#666;
  font-size:0.9em;
  font-weight:normal;
}

.photo {
  background:#aaa url(/images/clearbits/smile.gif) no-repeat 8px 8px;
}


/* tables */

table.noborder td
{
  border:0;
}

table.nopad td
{
  padding-left:0;
}

table
{
  border-collapse:collapse;
}
table.wide {  width:100%; }
table tr th
{
  background:#333;
  color:white;
  font-size:0.9em;
  padding:3px 10px;
  border:1px solid #222;
}
table tr td
{
  padding:7px;
  border:1px solid #ddd;
}

/* topics */

#topic_body { width:99%; }

/* specific table styles */

table.forums,
table.topics
 { font-size:0.9em; }
table.forums tr th { font-size:0.9em; }
table.forums tr td .title {
  font-size:1.4em; 
  }

table.forums tr td .desc {
margin:0.5em 0;  
}
table.forums tr td
{
  padding:4px 15px;
}
table.forums a.tiny
{
  font-size:0.9em;
  color:#666;
}

table.forums .posts
{
  color:#666;
  font-size:0.9em;
}

table tr th.la {   text-align:left; }
table tr td.ca {   text-align:center; }
table tr td.inv { background:#eee; }
table tr td.vat { vertical-align:top; }

table tr td.narrow { padding:2px 5px;}

/* users */

a.admin
{
  color:#c00;
  font-weight:bold;
}

/* last post */
table tr td.lp {
  font-size:0.95em;
  color:#333; }
table tr td.lp span { color:#666; }
table tr td.lp span a { color:#369; }

table.topics tr td.c1
 {  border-right:0; padding-right:2px; }
 table.topics tr td.c2
  {  border-left:0; padding-left:2px; }


table.topics tr td.c3 { border-left:0; }

table.forums tr td.c1 {  border-right:0; padding-right:5px; padding-top:7px; }
table.forums tr td.c2 {  border-width:1px 0; padding-left:5px; }
table.forums tr td.c3 {  border-left:0; padding-left:5px; }


table.topics tr td.c2 small a,
.crumbs small a
{ color:#666; }

table.topics tr td .flag {
  background:#333;
  color:white;
  padding:1px 5px;
  margin-right:0.5em; }

/* misc */

.button_or
{
  color:#666;
  padding-left:0.5em;
  font-size:0.85em;
}
.button_or a { color:#c00; }

form.dialog
{
  margin-top:3em;
  background:#eee;
  width:300px;
  padding:15px;
}

form .entryhelp
{
  font-size:0.8em;
}

form .help
{
  font-size:0.9em;
}

span.arrow
{
  font-weight:normal;
  color:#999;
}

div.stats
{
  margin-top:2em;
  background:#ded;
  font-size:0.9em;
  padding:15px 15px;
  border:2px solid #393;
  border-width:1px 0;
}
div.stats .posts { float:right; text-align:right; }

/* breadcrumbs */

.crumbs
{
  font-size:0.85em;
}
.crumbs a { color:#468; }
.crumbs a:hover { color:#00c; text-decoration:underline; }

/* posts */

table.posts
{
  border-bottom:2px solid #eee;
}

table.posts tr td
{
  border:0;
}
table.posts tr.spacer td
{
  font-size:1px;
}

/* fade edit links */
.post .author .edit a
{
  font-size:0.8em;
  color:#666;
}

.post .author img {
  float:left; 
  margin-right:0.5em;
  }
.post .author
{
  border-top:2px solid #eee;
  padding:5px 10px;
  font-weight:bold;
  color:#333;
  min-height:32px;
  width:10em;
  min-width:8em;
  vertical-align:top;
}

.post .author .posts,
.post .author .admin
{
  display:block;
  font-size:0.85em;
  color:black;
  color:#666;
}
.post .author a
{
  color:#333;
  text-decoration:none;
}
.post .author a.threadauthor
{
  color:#080;
}
.post .author a:hover
{
  color:#369;
  text-decoration:underline;
}

.post .date
{
  font-size:0.85em;
  color:#666;
  font-weight:normal;
  margin-bottom:0.5em;
}

.posts .post .body
{
  border-top:2px solid #eee;
  padding:10px 20px;
}

.posts .post .body blockquote
{
  border:1px solid #cda;
  border-left:3px solid #9a7;
  border-right:0;
  background:#efc;
  padding:1px 10px;
  margin-left:0;
}

.posts .post .body pre
{
  font-size:0.9em;
  background:#eee;
  padding:5px 10px;
  border:1px solid #ccc;
  border-left:3px solid #ddd;
  border-right:0;
  overflow:auto;
  font-family: "Monaco", "Bitstream Vera Sans Mono", "Courier New", serif;
}

.posts .post .body a:hover { color:brown; }

.posts .post .body blockquote p
{
  margin:0.5em 0;  
}

.post .body p.topic
{
  font-size:0.9em;
  font-weight:bold;
  background:#eee;
  padding:2px 10px;
}

/* editing posts */

/*
table.posts .editing td {
}
table.posts .editing td.author { 
  background:#030; 
  }
  
table.posts .editing td.author * { color:#ccc; }
table.posts .editing td.body { }
*/

/* other stuff */

p.online {margin-bottom:0;}

img.icon
{
  background:#696;
  background-image: url(/images/clearbits/bg_rounded.gif);
  background-repeat: no-repeat;
  vertical-align: bottom;
}
img.reply { float:right; }
img.orange { background-color:darkorange; }
img.grey { background-color:#ccc; }
img.darkgrey { background-color:#999; }
img.green { background-color:#0c0;}

.post .author .icon
{
  float:right;
}

/* reply */

div.editbox
{
  background:url(/images/reply_background.png);
  border:2px solid #333;
  border-width:2px 0;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  padding:6px 0 7px;
  z-index:50;
}

div.editbox .container
{
  width:92%;
  margin:0 auto;
  min-width:760px;
}

div.editbox p { margin:0.5em 0;}
div.editbox textarea
{
  width:100%;
  background:white;
  opacity:1;
  font-size:0.9em;
}
div.editbox .button_or a
{
  color:#ccc;
}
div.editbox table td { border:0; }
div.editbox a.utility
{
  color: #f99;
  font-size: 0.85em;
  padding: 2px 5px 4px;
  display: block;
  float: right;
  text-align: right;
  margin-top: 0.2em;
}

div.editbox h5
{
  background:#222;
  color:white;
  padding:2px 10px 3px;
  font-size:0.8em;
  margin:0.2em 0 0.5em;
}

div.editbox p.help span,
div.editbox ul.help span { color:#666; }
div.editbox p.help,
div.editbox ul.help
{
  padding:3px 10px;
  font-size:0.85em;
  color:#ccc;
}
div.editbox ul.help { margin:0; }

div.editbox ul.help {
  list-style-type:none; }