I've spent a considerable amount of time over the years diddling around with CSS, tweaking layouts, fonts and link styling. And no matter how simple the task seemed at first, the code soon grew complicated and unwieldy. The fact that CSS cascades is undoubtably brillant; but my comprehension of it has remained less so.
So this time I've tried something very different: a CSS layout so simple that I could write it on a napkin:
body {line-height:18px;font:normal 1em/1.5em 'Helvetica Neue','HelveticaNeue',helvetica,Arial, sans-serif;color:#3C2B2B;letter-spacing:0.1em;background-color:#E6E6E6;}
#frame {width:450px;margin-left:auto;margin-right:auto;}
#head {padding-top: 30px;padding-bottom: 60px;}
#entry {padding-top: 10px;padding-bottom: 30px;text-align:center;}
div.pixright {width: 140px; font-family:Verdana;font-size: 10px;float: right; text-align: center;padding-left: 10px;padding-right: 10px;padding-top: 10px;}
.blurb {width: 440px;font-size: 18px;float:center;}
#tilde {font-size:30px;text-align: center;padding-bottom: 100px;}
#foot {text-align:left;}
#prev {float:left;font-size:12px;}
#next {float:right;font-size:12px;}
a {color:#2C2B49;text-decoration:none;font-weight:bold;}
h1 {font-size:18px;font-weight: bold;}
h2 {font-size:14px;font-weight: bold;}
p {font-size:13px;}
blockquote p {font-family:Verdana;font-size:12px;color:brown;padding-left:20px;padding-right:20px;margin-left:0px;}
.dateline {font-size: 11px;}
#head h1 a {color:#ffffff;font-size:28px;font-weight: bold;}
.title a {font-size: 80px;color:#463E20;font-weight:bold;letter-spacing:8px;line-height:80px;}
.caption {font-size: 11px;text-align:right;}
That is all.
(2008-05-03)