/* ==============================
   TAG styles
   ============================== */
body {
  margin: 0;
  padding: 0;
  font-family: Myriad, Lucida Grande, Verdana, sans-serif;
  font-size: x-small;
  line-height: 2em;
  color: #5f5252;
  background: #fff url(../images/bg.png);
}

h2 {
  margin: 30px 0 20px 40px;
  font-family: Verdana, sans-serif;
  font-size: 1.8em;
  color: #900;
  text-transform: lowercase;
}

h3 {
  margin: 10px 0 0 50px;
  font-family: Verdana, sans-serif;
  font-size: 1.2em;
  color: #a00;
  text-transform: lowercase;
}

p,ul {
  margin: 0 0 5px 80px;
  width: 400px;
}

ul {
	margin-left: 40px;
}

p.big {
  font-size: 1.15em;
}

em {
  background: #F0F0F0;
  font-style: normal;
}

/* ==============================
   Layout ID styling
   ============================== */
/* ACCESSIBILITY - Hidden to everyone but screen readers and cssless browsers */
#site-title {
  margin: 0;
  padding: 0;
  width:0;
  height:0;
  text-indent: -9999px;
  overflow: hidden;
}

/* This div is purely to contain the verticle logo */
#hspark-logo {
  width: 100%;
  margin:0;
  padding:0;
  background: url(../images/logo.png) no-repeat 30px 30px;
}

/* add white background (and dropshadow) to content area */
#content-wrapper {
  margin: 0 0 0 150px;
  padding: 0;
  text-align: left;
  width: 510px;
  background: url(../images/bg-page.png);
  overflow: auto;
}

.footer {
  margin: 20px 10px 10px 20px;
  padding: 10px 0 0 10px;
  border-top: 1px solid #f5f5f5;
  font-size: xx-small;
  width: 90%;
}