/* 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:#000;}
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;}
a:visited {
	color:#005943;}
a:hover,
a:active {
	background-color:#ffd800;}
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#maincontent div div#legacy {
	}

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;}

	
/* clearances for Firefox */
li:after {
    content:".";display:block;height:0;clear:both;visibility:hidden;}