body {
  font-family: Georgia,Palatino,Times,"Times New Roman",serif;
  font-size: 9pt;
  background: #E3E3E3;
  text-align: center;
}

#narrow {
  width: 50em;
  margin: 0px auto;
  text-align: left;
}

#main {
  background: #FFFFFF repeat-y right
    url(http://clojure.org/space/showimage/content-background.gif);
}

p {
  padding-left: 10em;
  padding-right: 13em;
  margin: 1ex 0;
}

a {
  float: left;
  margin-left: -10em;
}

b {
  float: left;
  margin-left: -6.8em;
  width: 6.3em;
  font-weight: bold;
  text-align: right;
  overflow: hidden;
  white-space: nowrap;
}

dl {
  margin: 0 1em;
  margin-top: -1em;
  background: #E4EAF7 url(http://clojure.org/space/showimage/resources-background.gif) repeat-y scroll 0% 0%;
  border-top: 1px solid #ABC4E2;
  border-bottom: 1px solid #ABC4E2;
  float: right;
  padding: 5px 0pt;
  width: 234px;
}

dd { margin: 0; }
dd a { padding: 0 2em 0 1em; border-left: 1px #aaf solid; }
dd a:hover { background: #f2f2ff; }
em { font-style: normal; font-weight: bold; }
a { color: #aaa; visibility: hidden; text-decoration: none; }
p:hover a { visibility: visible; }
a:target, a.nh { color: #000; visibility: visible; }
p.bdfl b { color: #c00; }

a.nm, dd a, .nav a {
  color: #00f;
  visibility: visible;
  float: none;
  margin-left: 0;
  text-decoration: underline;
}

a.nm:visited, dd a:visited, .nav a { color: purple; }
.nav, .foot { text-align: center; font-style: italic; }
.nav a { padding: 0 1em; }
.nav a.i { color: #555; }

/* opera compatibility for <wbr> */
wbr:after { content: "\00200B" }

dt { margin: 0 0 1em 1em; }
#q { width: 19em; }
#sa { padding: 0; }
#q, #sa { font-size: 80%; }

#book {
  color: #000;
  text-align: center;
  text-decoration: none;
  font-size: xx-small;
  visibility: visible;
  float: right;
  width: 90px;
  height: 80px;
  margin-top: 5px;
  background: no-repeat 50% 100% url(/joy.jpg);
}

/* iPhone */
@media screen and (max-width: 480px)
{
  h1 { font-size: 12pt; }
  body { margin: 8px 0; }
  dl { display: none; }
  p { padding-right: 0; word-wrap: break-word; }
  #narrow { width: 480px; }
  #main { background-image: none; }
}

/* iPhone portrait */
@media screen and (max-width: 320px)
{
  #narrow { width: 320px; }
}