html, body, div, span, 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, sub, sup, tt, var,
b, u, i, 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;
	font-size: 100%;
	vertical-align: baseline;
}

body {font: 87.5%/1.571 Georgia, serif;
  width: 910px; border: 1px solid #222; border-width: 0 1px;
  margin: 0 auto 2em; padding: 0;
  background: #F9F8F3; color: #333;
  position: relative;}
a {text-decoration: none;}
a:link {color: #D82;}
a:visited {color: #777;}
a:hover {color: #000;}
a:active {color: #547DA7;}
p {margin: 0 0 1em;}
h2 {font-size: 170%; font-weight: normal; margin: 0.5em 0;}
h3 {font: bold 115% Verdana, sans-serif; margin-top: 1em;}
.caption {display: block; font: italic 77.5%/1.2 Verdana, sans-serif; color: #555;}
.main ul, .main ol {padding-left: 2em;}

#logo {position: absolute; top: 1px; left: 50px; z-index: 32767;}
#logo img {background: #81817C; }
#logo a:hover img {background: #000;}

#navbar {background: #000; float: left; width: 700px; height: 30px;
  padding-left: 210px; overflow: hidden;}
#navbar li {float: left; height: 30px; list-style: none;
  text-align: center; line-height: 30px;}
#navbar li {text-indent: -9999px;}
#navbar a {display: block; background: 0 0 no-repeat;}
#navbar .home a {background-image: url(/i/09/nav-home.gif); width: 108px;}
#navbar .about a {background-image: url(/i/09/nav-about.gif); width: 111px;}
#navbar .events a {background-image: url(/i/09/nav-events.gif); width: 111px;}
#navbar .news a {background-image: url(/i/09/nav-news.gif); width: 112px;}
#navbar .contact a {background-image: url(/i/09/nav-contact.gif); width: 123px;}
#navbar .subscribe a {background-image: url(/i/09/nav-subscribe.gif); width: 132px;}
#navbar a:hover {
  background-position: 0 -31px;
}
body.home #navbar li.home a,
body.about #navbar li.about a,
body.events #navbar li.events a,
body.news #navbar li.news a,
body.contact #navbar li.contact a,
body.subscribe #navbar li.subscribe a {
  background-position: 0 -62px;
}

div.content {margin: 0 20px; clear: left;}
div.content a {font-weight: bold;}

.testify {margin-bottom: 1.5em;}
.testify em {margin-left: 0.25em;}
.testify strong {font-size: 128.5%; line-height: 1.25;}

.ning {margin-bottom: 0;}
.flickr p {margin: 0;}
.flickr p img {border: 1px solid #999; height: 60px; width: 60px; margin-left: 3px;
  margin-top: -3px;}

.associated, .sponsors {text-transform: uppercase; font: bold 75% Verdana, sans-serif;
  padding: 0.75em 0.5em 1.5em; color: #999;}
.associated {margin: 2em 0 0; border: 1px dashed; border-width: 1px 0;}
.sponsors {margin: 0 0 2em;}
.sponsors a {display: block; margin-bottom: 0.75em;}

.associated a {display: block; width: 121px; background: 50% 0 no-repeat;}
.associated a[href*="alistapart"] {background-image: url(/i/09/ala-logo-h.gif);}
.associated a[href*="happycog"] {background-image: url(/i/09/happycog-logo-h.gif);}
.associated a[href]:hover img {visibility: hidden;}

div.footer {clear: both; border: 1px solid; border-width: 1px 0;
  font: 77.5% Verdana, sans-serif;
  background: #F6F4EB url(/i/09/footer-makers.gif) 50px 60% no-repeat;}
div.footer p {margin: 0 0 0 230px; border-left: 1px solid; padding: 1em 2em;
  background: #F9F8F3;}

/* IE hackery */
.ief {display: none;} /* for browsers that don't wet themselves */
* html .ief, *+html .ief {
   font-size: 1px; line-height: 1px; height: 1px;
   clear: both; display: block;} /* for IE */
* html div.tout, *+html div.tout {clear: none;}