/* Reset */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;}
ul, ol {list-style:none}
/* ------------------------------ */


body {background:#FFF;color:#333;font-family:Georgia, Times New Roman, Times, serif;}
h1 {font-size:16pt;color:#087D81;margin-top:0px;font-style:italic;border-bottom:#999;letter-spacing:-2px;position:relative;top:24px;}
h1 span#name {font-size:32pt;color:#F60;margin-left:5px}
p, li {font-size:8pt;line-height:150%;margin:0 0 10px;font-family:"Verdana", Arial, Helvetica, sans-serif;}

h2, h3, h4, h5 {font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;color:#490A1E}
h2, h3 {margin-bottom:10px;padding-bottom:10px;border-bottom:1px #CCC dotted;font-size:9pt}

#header {margin-bottom:25px;padding-bottom:20px;border-bottom:1px #CCC dotted}
#content {}
#intro {margin-bottom:30px;padding:20px 0;border-bottom:1px #eaeaea solid;background:#f9f9f9}
#intro p {padding:0 15px 0 15px;}
#portfolio, #elsewhere, #cv {margin-bottom:30px}
#project-list {margin:25px 0}

a {text-decoration:none;color:#333}
 #footer, #print {display:none}

#contact p {padding-bottom:0;margin-bottom:3px}

#elsewhere li {font-size:7pt;margin-bottom:8px}
#elsewhere li span {display:none}
#elsewhere a {display:block;font-size:8pt;}
#elsewhere a:link:after, #elsewhere a:visited:after {
   content: " " attr(href) " ";
   font-size:7pt;
   display:block;
   }

/* CV bits */
body.hresume h3 {margin-top:18px}
.experience, .education {margin-bottom:25px;position:relative}

.title {font-weight:bold}
.date_duration {position:absolute;right:0;top:0px;color:#666}
.date_duration p {font-size:6pt}
.date_duration abbr {border-bottom:0}


/* Remix the grid a bit for printing */
.grid_8 {float:left;width:60%;margin-right:45px;}
.grid_4 {float:left;width:30%}