/* stolen from http://www.nypl.org/styleguide/css/opensource.html */

body  {margin: 0; padding: 0; font: small/1.5em verdana, arial, helvetica, sans-serif; color: #000; background: #fff;}
div, p, th, td, ul, li, dd, dl, dt {font-family: verdana, arial, helvetica, sans-serif;}

/* link selectors */
a {text-decoration: none; font-weight: bold;}
a:link {color: #5c70e0; background-color: transparent;}
a:visited  {color: #4a516E; background-color: transparent;}
a:active  {color: #ab4044; background-color: transparent;}
a:hover  {color: #ab4044; background-color: transparent; text-decoration: underline;}

 /* text selectors */
h1 {font-size: 2em; font-family: georgia, palatino, serif;}
h2 {font-size: 1.5em; padding: 0 2em; color: #999; background: transparent; font-weight: normal; font-style: italic;}
h3 {font-size: 1.25em; font-weight: normal;}
h4, h5 {font-size: 1.15em;}
h2, h3, h4, h5, h6 {margin: 0; font-family: georgia, palatino, serif;}

p {font-family: verdana, arial, helvetica, sans-serif; line-height: 1.5em;}
/* this is further addressed in advanced.css */

code, tt, pre {font: 12px monaco, courier, monospace; color: #333; background-color: transparent;}

 /* images */
img {border: 0;}

/* blocks */
/* GIT image replacement technique http://blog.tom.me.uk/2003/08/07/ */
#header {width: 400px; height: 82px; position: relative; margin: 0; padding: 0;}
#header span {background: url(../images/boblet_logo.gif) no-repeat; 
width: 
400px; height: 82px; position: absolute; top: 0; left: 0; margin: 0; padding: 0;}
 
#body {position: relative; padding: 0 0 20px 0;}
#body div {float: left; width: 225px; border: 1px solid #999; margin: 15px; padding: 0;}
#body div h3 {display: block; color: #333; background: #ccc; border-bottom: 1px dotted #777; padding: 0.5em;}
#body div p {padding: 0.5em;}

ul {margin: 1em 0.5em 0.5em 2em; padding: 0;}
li + li {padding: 0.3em 0 0 0;}
#body-contact .faint {font-size: 0.9em; color: #999; background: transparent;}
#body-weblog {background: #b7c4e6;}

.clear {clear: both;}