body {
  font-size: 100%;
  margin: 0;
  padding: 0;
  line-height: 1.3125em;
  font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, Aria, sans;
}

body {
  background-color: #eee;
  color: #000;
}

#content {
  background-color: #fff;
}

a img {
  border: 0;
}

/* #header h1 { */
/*   font-size: 3em; /\* 48pt *\/ */
/*   line-height: 1.3125; */
/*   margin: 0; */
/*   padding: 0; */
/* } */

h1, h2 {
  font-size: 2.25em; /* 36pt */
  line-height: 1.167;
  margin: 0;
  padding: 0;
}

h3 {
  font-size: 1.5em; /* 24pt */
  line-height: 1.75;
  margin: 0;
  padding: 0;
}

#secondary h2, #tertiary h2 {
  font-size: 1.3125em;
  line-height: 1;
  margin: 0;
  padding: 0;
}

address {
  font-style: normal;
}

address, blockquote, dd, dl, dt, li, ol, p, pre, ul, textarea {
  font-size: 1em;
  line-height: 1.3125em;
}

blockquote, pre, textarea {
  margin: 0;
  padding: 0;
}

address, p, dl, ol, ul {
  margin: 1.3125em 0;
  padding: 0;
}

dl, ol, ul {
  margin-left: 5ex;
}

#header, #footer {
  text-align: center;
}

#footer {
  margin: 0;
  padding: 1.3125em 0;
  clear: both;
}

#header, #content, #footer {
  margin: 0 auto;
  width: 60em;
  max-width: 100%;
}

#header {
  padding: 4px 0;
}

#content {
  padding: 1em 0 0 0;
}

#content .column {
  float: left;
}

#primary {
  width: 30em;
  padding: 0 1em;
  margin-left: -43em;
}

#secondary {
  width: 10em;
  padding: 0 0.5em;
  margin-left: 32em;
}

#tertiary {
  width: 16em;
  padding: 0 0 0 0.5em;
  margin: 0;
}

.xoxo, #secondary address, #secondary p, #tertiary p {
  font-size: 0.875em; /* 14pt */
  line-height: 1.5; /* 14pt + 7pt == 21pt */
  margin: 0.65625em 0 1.3125em 0;
  padding: 0;
}

#tertiary .figure, #tertiary .figure p {
  margin: 0;
  text-align: center;
}

#tertiary .figure p.caption {
  margin: 0 0 1.3125em 0;
}

.xoxo ul {
  margin: 0 0 1.3125em 0;
  padding: 0;
}

.xoxo, .xoxo ul {
  list-style-type: none;
}

.delicious, .livejournal {
  padding: 0 0.65625em 0.65625em 0;
  margin: 0 0 1.3125em 0;
  -webkit-box-shadow: 5px 5px 5px #999;
}

:link, :visited, a:active, a:hover {
  text-decoration: none;
  border-bottom: 1px dotted #999;
  color: #933;
}

#header :link, #header :visited, #header a:active, #header a:hover {
  border-bottom: 0;
}

div.clear {
  clear: both;
}