/* RESET -- a la http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
html, body, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
	
/* basics */
body {font:81.25%/138% Georgia,Times Roman,serif;color:#787878;background:#fcf8f5;}
p {margin-bottom:1.38em;}
ul {list-style-type:none;margin-top:1.38em;color:#333;}
li {padding-left:24px;margin-bottom:1.38em;background:url(bullet09.gif) no-repeat 8px .4em;clear:both;position:relative;}
li p {margin-bottom:0;}
li img {display:block;position:absolute;top:.25em;left:24px;}
a {color:#007356;text-decoration:none;}
a:visited {color:#005943;}
a:hover, a:active {background-color:#ffd800;text-decoration:underline;}
a img {border:0;}
h1 {width:960px;height:144px;background:url(banner09a.jpg) no-repeat;}
h1 span {visibility:hidden;}
h2 {font:normal 154%/100% Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;
	padding-left:24px;background-repeat:no-repeat;background-position:0 .05em;}

	
/* structure */
div#maincontent {margin:1.38em 0 12px 0;width:960px;}
div#maincontent div#dynamic {float:left;width:640px;padding-top:1.38em;}
div#maincontent div#static {float:left;width:320px;}
	
div#maincontent div div { /* sections with h2 headings */
	background-repeat:no-repeat;padding:0 24px 0 11px;border-left:1px dotted #c50;margin-bottom:2.72em;}
div#maincontent div#dynamic div {float:left;}
div#maincontent div div div {padding:0;border:0;margin:0;width:auto;float:none;}
div#maincontent div div#tweets {width:364px;padding-left:12px;border-left:0;}
div#maincontent div div#bookmarks {width:204px;}
div#maincontent div div#projects {padding:1.38em 24px 1.38em 12px;border-left:0;background-color:#f2eabb;}

div#tweets h2 {color:#6ed3fc;background-image:url(icon_twitter.gif);}
div#bookmarks h2 {color:#3274d0;background-image:url(icon_delicious.gif);}
div#projects h2 {color:#c50;background-image:url(icon_current.gif);}
div#legacy h2 {color:#ababab;background-image:url(icon_legacy.gif);background-position:0 .1em;}
	
/* other special treatments */	
div#tweets li:first-child span, div#tweets li:first-child span a, div#bookmarks li:first-child {font-weight:bold;}
div#tweets li { /* font-size adjustments needed 'cos TW script forces an 85% inline font-size style where I want 90 */
	font-size:104%;line-height:131%;margin-bottom:1.31em;background-image:url(bullet09_tw.gif);}
div#tweets li span {font-size:96%;}
div#tweets li span:after {content:" /";}
div#tweets li a {font:85% Helvetica,Arial,sans-serif;/* display:block;float:left; */}
div#tweets li span a {font:100% Georgia,Times Roman,serif;/* display:inline;float:none; */}
div#bookmarks li {font:bold 90%/154% Helvetica,Arial,sans-serif;margin-bottom:1.54em;background-image:url(bullet09_marks.gif);position:relative;top:.3em; /* to help align baselines */}
div#bookmarks li a:first-child {}
div#bookmarks li a.delicious-tag {font-weight:normal;font-size:100%;}
div#bookmarks li p.delicious-extended {font-weight:normal;font-size:100%;line-height:154%;color:#787878;padding-bottom:0;}
div#projects li {margin-bottom:0;}
div#projects li#alp {padding-top:12.75em;background-position:8px 13.1em;}
div#legacy h3 {font:bold 90%/154% Helvetica,Arial,sans-serif;}
div#legacy li {background-image:url(bullet09_legacy.gif);background-position:8px .3em;}
div#legacy li p {color:#787878;font:90%/154% Helvetica,Arial,sans-serif;}
.explainer {font:90%/154% Helvetica,Arial,sans-serif;}
p.explainer {margin-left:24px;margin-bottom:1.54em;position:relative;top:.3em; /* to help align baselines */}
p.linkMore {font:90%/153% Helvetica,Arial,sans-serif;color:#000;background:url(bulletmore09a.gif) no-repeat 7px .2em;padding-left:24px;margin-bottom:0;clear:both;}
.linkMore a {font-weight:bold;}
div#branding {position:absolute;z-index:200;top:129px;left:332px;font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#787878;}
div#branding img {vertical-align:baseline;margin-right:8px;}
div#footer {clear:both;margin:1.38em 12px;font:90%/154% Helvetica,Arial,sans-serif;color:#787878;}
div#footer a#asterisk {display:block;position:absolute;z-index:200;top:124px;left:294px;font:bold 24px Helvetica,Arial,sans-serif;color:#fff;text-decoration:none;}
div#footer a#asterisk img {display:none;}
div#footer abbr {font-size:250%;color:#000;position:relative;top:.4em;width:26px;padding-left:6px;}
	
/* clears for Firefox */
li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}