* { margin:0; padding:0; border:0; }
 html, body { background-color: #cfdde9; }
 body { color: #000; font: 0.95em/1.5 "Trebuchet MS", Verdana, sans-serif; padding: 1.2em; }
 *, input, textarea { font-family: "trebuchet ms", verdana, sans-serif; }
 #wrap { min-width: 500px; margin: 0 auto; text-align: left; width: 50em; }
 html { font-size: 0.9em; }

/* from some js/files, check look */
 code { padding: 0.3em; background: #eee; color: black; } 
 ins, del { font-size: 0.8em; }


 a { text-decoration: none; color: green; } 
 /* include active/hover etc */
 ins, del { font-style: italic; }

/* link gfx */
 a[href^="http:"], a.blog { background: url(/fw/remote.gif) no-repeat left center; }
 a[href^="/examples/"] { background: url(/fw/examples.gif) no-repeat left center; }
 a[href^="/s3g/"] { background: url(/fw/s3g.gif) no-repeat left center; }
 a[href^="/about/"] { background: url(/fw/person.gif) no-repeat left center; }
 a[href^="/files/"] { background: url(/fw/files.gif) no-repeat left center; }
 a[href$=".metalink"] { background: url(/fw/metalink.gif) no-repeat left center; }
 #files a[href^="/files/"] { background: none; padding-left: 0; }

 a[href^="http:"], a[href^="mailto:"], a[href^="callto:"], a[href^="/examples/"], a[href^="/s3g/"], a[href^="/about/"], a[href^="/files/"], a[href$=".metalink"] { padding-left: 16px; }
 a[href^="http:"]:hover { background: url(/fw/remote_a.gif) no-repeat 2px center; }
 a[href^="mailto:"] { background: url(/fw/mail.gif) no-repeat left center; }
 a[href^="callto:"] { background: url(/fw/phone.gif) no-repeat left center; }

 .blogitem p a, .menu a { border-bottom : 1px solid gray;}
 h3 a { color: #fff; }
 ul a { color: maroon; }
 #replicants h3 a { color: #000; }

 h1 { text-align: center; font-size: 1.5em; margin: 0.1em; }
 h2 { display: none; }
 h2.show { display: block; }
 h3, h2.show { font-size: 1em; background: #7993ae; margin-bottom: 0.7em; margin-left: -0.2em; padding: 0.3em; padding-left: 0.5em; -moz-border-radius: 10px 0 0 10px;}
 #replicants h3, .menu, #mininav h3, h2.show { font-size: 0.87em; }
 h4 { font-size: 1em; background-color: #94abc3; padding: 0.5em 0.5em; -moz-border-radius-topleft: 12px; }

 h3 a+a { font-weight: normal; font-size: 0.7em;}
 h3 a+a:before { content: "(";} h3 a+a:after {content: ")";}

 #generated { text-align: right; width: 100%; font-size: 0.6em; height: 2em; }
 #content { float: right; width: 37em; padding-left: 0.2em; }
 #content div { background-color: #fffcf6; }

 #content div { background-color: black; }
 #content　div { background-color: black; }

 #replicants, #mininav { width: 11.1em; float: left; }
 #replicants ul, #mininav ul { text-align: left; }
 #footer { clear: both; text-align: right; font-size: 0.8em; }
 
 ul { list-style: none; }
 .menu { width: 100%; margin-bottom: 0.6em; }
 .menu li { font-size: 0.85em; margin-bottom: 0.25em; }
 #subjects li, #datestree ul li { display: inline; padding: 0.1em; }
 .menu a:hover { text-decoration: underline; }
 /* blog post lists */
 li { font-size: 0.9em; }
 ol { padding-left: 2.0em; }
 
 /* we want middle dots here. Konq bails on content insertion for utf-8 encoded strings. so we supply \escaped versions 
	another thing to note is space collapsing. \0020 is now used, because mozilla collapses non-escaped chars if it encounters \escaped */
 h4 a:before { content: "\00B7\0020"; }
 h4 a:after { content: "\0020\00B7"; }
 h4 a+a:before {content:"\0020";} h4 a+a:after { content:"\0020"; /* Konq bug, "" produces [] for end-of-block elements */ }

 p { margin: 0.75em 0; text-align: justify; }
 .blogitem { border-left: 2px solid black; overflow: hidden; border-bottom: 1px solid black; font-size: 0.85em; padding-bottom: 0.3em; margin-bottom: 1.2em; -moz-border-radius: 12px 0 0 12px; }
 .blogitem > *												{ margin-left: 0.5em; margin-right: 0.5em; }
 .blogitem > h4												{ margin-left: 0; margin-right: 0; }
/* IE lacks child selector right now.. */
 .blogitem p, .blogitem ins, .blogitem table, .blogitem a	{ margin-left: 0.5em; margin-right: 0.5em; }
 .blogitem * ins, .blogitem * table, .blogitem * a			{ margin-left: 0; margin-right: 0; }

iframe { margin: 1px; width: 728px; margin: 0 auto; }

.subtle { display: inline; display: inline-block; vertical-align: middle; border: 0; margin-left: 0; margin-bottom: 0; padding-bottom: 0.1em !important; padding-right: 0.5em !important; }
ins.subtle, ins:before { background: #6fd091; } ins { border: 1px solid #6fd091; }
del.subtle, del:before { background: #d4838c; } del { border: 1px solid #d4838c; } 
ins, del { display:block; text-decoration: none; padding: 0 !important; margin-left: 0.5em; margin-bottom: 0.4em; border-left-width: 4px; }
ins:before {content: "Updated "  attr(datetime); font-style:normal; }
del:before {content: "Removed "  attr(datetime); }
ins.subtle:before {content: "+ "; }
del.subtle:before {content: "- "; }

.hidden { display:none; }
ins:before, del:before { font-size:0.6em; /*back ground: #cccccc;*/ display: block; margin: 0; padding: 0.2em; }
.subtle:before { margin: 0; padding: 0 0.2em; vertical-align: top; display: inline; }
del p { text-decoration: line-through; }
ins > *, del > * { padding-left: 0.5em; }
ins pre code, del pre code { border: 0; width: auto; }
ins pre, del pre { margin: 0; width: 100%; padding-left: 0; padding-top: 0.7em; padding-bottom: 0.7em; }
ins code, del code { width: 100%; margin: 0; }

dd { padding-left: 1em; }

p.irc { white-space: pre; } 
.irc { font-size: 90%; }
.dos { border: 1px solid #ffffff; background-color: #000000; }
abbr, acronym, span.abbr {
  text-decoration: none; border-bottom: 1px dashed #aaaaaa; cursor: help;
}

blockquote { font-size:0.8em; padding: 0.5em; padding-left: 2em; font-family: monospace; background-color: #dbdbdb; }
var, code { font-family: "Courier New", monospace !important; padding: 0.1em; background-color: #dbdbdb; line-height: 140%; font-size: 0.9em; }

pre {
  font-family: monospace !important;
  font-size: 0.9em;
  background-color: #fbfbff; 
  padding: 0.8em 0;
  padding-left: 1px;
  width: 98.8%;
  overflow: auto; overflow-y: hidden;
}
pre code {
  border-left: 1px solid #732264;
  background-color: #e3e3e3;
  margin: -0.7em 0;
  padding: 0.3em;
  display: block;
  width: 98.6%;
	white-space: pre; 
  overflow: auto; overflow-y: hidden;
}
/*
pre {
overflow: hidden; 
margin: 1em 0 0 0;
padding: 0 0 0 0; 
width: 98%; 
font: 1em "Lucida Console",monospace; 
bor der: 1px solid #000;
}
pre code {
display: block; 
margin: 0; 
padding: 1em 0;
color: #000; 
width: 100%; 
background: #e3e3e3; 
white-space: pre; 
overflow: auto;
}
*/

#files pre, #files pre * { font-family: monospace; }

fieldset { border: 0; }
legend { margin-bottom: 0.5em; }

input.button {
  border: 1px solid #aaaaaa;
  border-top-color: #eeeeee; border-left-color: #eeeeee;
  padding: 2px 5px;
  margin: 0.5em 0;
}
select > input[type="button"] { 
  border: 10px solid #000000 ; 
}
select {
  border: 1px solid #aaaaaa;
}
input, textarea {
  border: 1px solid #aaaaaa;
  /*color: #999999;*/
  color: #888888;
  padding-left: 2px;
}
input:hover, input:focus, textarea:hover, textarea:focus {
  border-color: #000000;
  color: #000000;
}
label { width: 8em; display: block; float: left;  }
textarea {
  background-color: #ffffff; 
  overflow: auto;
  width: 96%
}

/* to stop darker disabled backgrounds  */
*[disabled] { background-color: #ffffff; }

#clustr { width: 100%; }

#flickr { margin: 0 auto; margin-bottom: 0.5em; margin-top: 0.3em; width: 11.5em; } 
#flickr dd { overflow: hidden; }
#flickr dt { display: none; height: 0px; }
#flickr dd { padding: 0; width: 75px; height: 75px; float: left; }
#flickr img { margin: 0 auto; padding: 1px; display: block; }
#flickr a { background-image: none; display: block; padding: 2px; width: 100%; }

label[accesskey]:after { content: " (" attr(accesskey) ")"; }
#contentF > label, #contentF > textarea, #contentF > div { clear: left; float: left; }
label strong { font-weight: normal; }
#pageTimeOutput { width: 300px; }
.srcPreview { overflow: auto;}
textarea { font-size: 0.8em;}
#inserts {display: none;}

/* ty positioniseverything.net ! */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#feeds li { float: left; background: #e94; border: 2px solid #d83; border-top-color: #ea6; border-left-color: #ea6; display: block; width: 5.1em; text-align: center; margin: 0.2em; }
#feeds li a { color: white; font-weight: bold; font-size: 1em; display: block; width: 100%; border: 0; padding: 1px; }
#ads { margin-bottom: 1.1em; overflow: hidden; /*scroll: none;*/ width: 100%; height: 80px; }
#ads object { overflow: hidden; /*scroll: none;*/ margin: 0 auto; width: 100%; }
#adsie { margin-bottom: 1.1em; width: 750px; text-align: center; }

table.chart { border: 2px solid black; padding: 3px; border-collapse: collapse; }
table.chart td { border: 1px solid gray; padding: 3px 6px; text-align: right; }
table.chart th { border: 1px solid gray; padding: 4px; text-align: center; }
table.chart .winner { color: blue; background: transparent; }