/* Karma Post */

body { font-family: Geneva, Trebuchet,"MS Trebuchet", sans-serif;
  background: #669057 url(bg8.gif) 0 0 repeat; color: #000; }

a, a:link { color: #74682E; }
a:visited { color: #603913; }
a:hover  { color: #ffa019; }
a:active { color: #993600; }
/*special colours for headers*/
h2 a, h2 a:link { text-decoration: none; color: #A6C196; }
h2 a:visited { color: #afc0a4; } /*too pale #cbd7c4;*/
h2 a:hover { color: #ffa019; }

/*#preview-title #97CE7E*/
h1 { color: #d4c6a7; padding: 0; margin: 4px 0 4px 0; }
h2 { padding: 0; margin: 0; }
h3 { margin-bottom: 8px; color: #5D9443; }
p { margin-top: 0px;}
ul { margin-top: 0px; }
div.article h2 { color: #a6c196;}


#header { position: absolute; top: 0px; left: 0px; width: 100%;}
#header img { float: left; margin-right: 10px; border: solid 1px #5a844b; border-left: none; border-top: none; }
#header h1, #header h1 a { color: #97CE7E; text-decoration: none; }
#header h2 { color: #1D4B11; }

#page { position: relative; width: 760px; padding: 10px; margin: 0 auto; background: #fff; }
#main { padding-top: 130px; clear: both; }

hr { border: none; border-top: #966 solid 1px; }

ul.toolbar { position: absolute; top: 84px; right: 0px; font-size: 12px;}
ul.toolbar li { list-style-type: none; display: inline; }
ul.toolbar li a { display: block; float: left; padding:6px; text-decoration: none;}
ul.toolbar li.selected a { background: #68603B; color: #fff; }
ul.toolbar li a:hover { background: #eec; color: #74682E; }
ul.toolbar li a:active { background: #eec; color: #993600; }

/*div.article { clear: both; }*/

p.posted { font-size: 10px; margin-top: 8px; }
p.powered { font-size: 10px; text-align: right; }

p.attribute { font-size: 10px; }
h1 { padding-top: 5px; }
div.post { background: #edd; padding: 0px 10px 1px 8px; }
div.comment, div.commentodd { padding: 10px 5px 2px 0px; }
span.evil { color: #d00; }
p.notice { background: #988; padding: 6px; color: #fff; }
p.notice a { color: #900; }

#toolbar-login-form { display: none; background: #fff; position: absolute; top: 114px; right: 2px; }
#name-block { display: block; }
#show-name-block { display: none; }
#new-password1-block { display: none; }
#new-password2-block { display: none; }
#email-block { display: none; }
#continue-block { padding: 8px 0 0 0; width: 156px; text-align: right; }
.hide { display: none; }
#comment-box { margin-top: 8px; }
#form-comment { width: 360px; } /* textarea */
div.tags { background: #fff;float: right; margin-right: 20px; border: #ccc solid 1px; padding: 6px; }
div.tags ul { margin: 0; padding-left: 18px;}
div.tags li { font-size: 12px; }
div.tags h2 { margin: 0; text-transform: uppercase; font-size: 12px;}
input, input.attn, textarea { width: 150px; font-size: 18px;
  background: #fff url(diag-green.gif) repeat top left; border: #666 double 1px; padding: 2px;}
input.email { width: 220px; }
#title-block input { width: 360px; }
#short-block textarea { height: 80px; }  
input.done { background-image: none; background-color: #ccc; }
textarea { font-size: 16px; font-family: Geneva,Arial; width: 360px; height: 100px; }
p.static-field { font-size: 16px; font-family: Geneva; margin-bottom: 0;}
div.identity, div.orig-post { position: relative; border: solid 1px #a8937e; width: 470px; padding: 8px;}
div.identity p.title, #preview p.title, div.orig-post p.title { position: absolute; left: 10px; top: -8px; 
  background: #fff; padding: 0 4px 0 4px; color: #64482d; font-size: 11px; text-transform: uppercase; }
div.orig-post { margin: 20px 0 10px 0; }
#mini-id { width: 100px; position: absolute; right: 6px; top: 120px; }  
#response { position: relative; display: none; /*margin-left: 8px;*/ }  
#preview { position: absolute; top: 16px; left: 385px; width: 360px; border: #a8937e solid 1px; padding: 8px;
  background: #fff; }
#preview-short, div.tear { border-bottom: #aa9 dotted 1px;}
#preview-title { color: #a6c196; font-size: 18px; font-weight: bold; }
a.button, a.button:link, a.button:visited { font-size: 14px; color: #fff; 
  background: #2f6813; padding: 5px 8px 5px 8px; margin-bottom: 2px; border: #966 solid 0px; text-decoration: none; }
a.button:hover, input.button:hover { background: #6c6;}
a.bold { font-weight: bold; }
input.button { background: #393; font-size: 14px; color: #fff; border: none;}
p.pad { padding-bottom: 8em; }
div.field { margin-bottom: 6px; position: relative;}
label { font-size: 12px; color: #634D36; display: block;}
div.msg { position: absolute; font-size: 10px; padding: 4px; background: #eec; color: #333;
  width: 240px; top: 12px; right: 8px; }
div.bigmsg { width: 470px; color: #fff; padding: 8px; border: #464 solid 1px; margin: 2px 0 8px 0;}
div.success { background-color: #497833; }
span.error { background-color: #c99; color: #fff; padding: 2px; }
div.error { background-color: #c99; border: #644 solid 1px; color: #000;}  
  div.msg a { color: #993; font-weight: bold; }
  div.error a { color: #960000; }
img.loader { display: absolute; left: 20px; } /* note: "display: none" makes this a block level element. bad! */
div.loader { text-align: left; position: absolute; top: 8px; left: 160px; width: 140px; }
div.loader span { font-size: 11px; vertical-align: top; }
#new-post { position: relative; }
#new-post #preview { top: 110px; /*width: 340px;*/ }
a.button-watch, a.button-rm-watch, a.button-fav, a.button-show-post { text-decoration: none; }
#logout-button { font-size: 9px; display: block; text-align: center; text-decoration: none; background: #a8937e; 
  color: #fff; }
#logout-button:hover { background: #eec; color: #ffa019; }
p.postfoot { font-size: 11px; }
.hint { color: #666; font-size: 11px;}
#name-msg { width: 150px; }
a.action { text-decoration: none; font-size: 9px; border: #988 dotted 1px; padding: 2px;}
a.action:hover { background: #fff; color: #999; }

#register-box { position: absolute; top: 6px; right: 6px; width: 200px; background: #900; color: #fff; font-size: 11px; padding: 4px; }
#register-box h1 { font-size: 12px; /*font-weight: bold;*/ color: #fff; }
#register-box a { background: #a00; color: #fff; padding: 2px; }
#register-box a:hover { background: #fff; color: #900; }
#register-box p { margin: 0; }

#minor-toolbar { text-align: right; text-decoration: none; }
#minor-toolbar a { text-decoration: none; font-size: 10px; color: #999; padding: 4px; }
#minor-toolbar a:hover { text-decoration: underline; }

span.deleted a.button-delete-comment { display: none; }
span a.button-undelete-comment { display: none; }
span.deleted a.button-undelete-comment { display: inline; }

div.close { background: #000; text-align: right; }
div.close a { font-size: 11px; color: #fff; text-decoration: none; margin-right: 2px; }
div.close a:hover { color: #900; }

#form-member-type { position: fixed; top: 100px; left: 200px; display:none;
  border: #333 solid 1px; background: #fff; /*padding: 4px;*/ }
#form-member-type p { margin: 2px 4px 4px 4px; }
#form-member-type select { margin: 2px 4px 4px 4px; }

/*#button-close-member-type { width: 100%; background: #000; color: #fff; }*/

#admin { background: #433 url(abg2.gif) 0 0 repeat; }
#admin #page { margin-top: 22px; }
#admin #banner h1 { float: right; margin: 4px 0 0 0; padding: 0px 8px 0 0; 
	display: block; font-size: 14px;}
#admin #banner { position: absolute; top: 0; left: 0; width: 100%; 
	background: #877; height: 24px; }
#admin #banner p { margin: 4px 0 0 0; padding: 0px 0 0 8px; font-size: 14px; }	
#admin #banner a { text-decoration: none; color: #fff; }
#admin #banner a:hover { text-decoration: none; color: #a00; }

#admin table { border-collapse: collapse; }
#admin tr.head, #admin th { font-size: 12px; background: #988; padding: 2px; font-weight: bold; text-align: left;}
#admin td { padding: 2px 5px 2px 5px; font-size: 12px;}
#admin tr.odd { background: #c3b4b4; }
#admin tr.deleted td { text-decoration: line-through; }
#admin tr.deleted td.action { text-decoration: none; }

#admin tr a.button-undelete-post { display: none; }
#admin tr.deleted a.button-delete-post { display: none; }
#admin tr.deleted a.button-undelete-post { display: inline; }

#admin tr a.button-undelete { display: none; }
#admin tr.deleted a.button-delete { display: none; }
#admin tr.deleted a.button-undelete { display: inline; }

#admin tr.deleted a.button-delete-comment { display: none; }
#admin tr a.button-undelete-comment { display: none; }
#admin tr.deleted a.button-undelete-comment { display: inline; }

#admin tr.admin a.button-make-admin { display: none; }
#admin tr a.button-rm-admin { display: none; }
#admin tr.admin a.button-rm-admin { display: inline; }

#admin tr span.admin { display: none; }
#admin tr.admin span.admin { display: inline; }

#admin tr.deleted td.comment { color: #544; }

#admin span.quiet a { color: #999; text-decoration: none; }
#admin span.quiet a:hover { color: #c66; text-decoration: underline; }
.center { text-align: center; }
#admin #page { width: 800px; }
.ghosted { opacity: 0.4; }
.inactive { color: #F7ECDC; }
.page-button { float: left; display: block; margin: 20px 40px 10px 0; padding: 4px 8px; background: #98734f; }
span.inactive { background: #dcc8b4; } /* a is active, span is inactive */
a.page-button { text-decoration: none; color: #fff; }
a.page-button:hover { background: #ffa019; color: #fff; }