@import url(/style/anchor.css);

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Helvetica Neue', 'Arial', sans-serif;
}

a img {
  border: none;
}

li img {
  vertical-align: middle;
  margin-right: 16px;
}
ul {
  padding: 0 0 1em 2em;
}
p {
  margin: 0 0 1em 0;
}
p.abstract {
}
ul.hier {
  font-size: 90%;
}
ul.hier, ul.hier ul {
  list-style: disc;
  padding: 0 0 0 32px;
}
p.screenshot {
  text-align: center;
}
p.screenshot img {
  border: 1px solid #999;
}
a.madeonmac {
  margin: 0 0 0 18px;
}

#header, #menu, #content, #footer {
  margin: 0 auto;
  width: 80%;
  padding: 1em;
  max-width: 50em;
  clear: both;
  overflow: hidden;
}

#header {
}
#header h1 {
  font: normal 300% 'Helvetica', sans-serif;
}
#header p {
  margin: 0;
  font-size: 150%;
  color: #999;
}



#menu {
  border: 1px solid #ccc;
  border-width: 1px 0;
  padding: 0 1em;
}
#menu li {
  list-style: none;
  float: left;
  width: 20%;
  text-align: center;
  background: #fff;
  color: #999;
  border-right: 1px solid #ccc;
  margin: -1px 0;
}
#menu a, #menu strong {
  display: block;
  padding: 0.5em 0;
}
#menu a {
  color: #999;
  text-decoration: none;
}
#menu a:hover {
  color: #000;
}
#menu strong {
  color: #000;
}

#main {
  clear: both;
}

h2 {
  margin: 1em 0 0.5em 0;
  font-size: 150%;
}
h3 {
  margin: 1em 0 0.5em 0;
  font-size: 100%;
  font-weight: bold;
}

#main ul {
  margin-left: 5%;
}
#main li {
  margin-left: 5%;
}

#footer {
  text-align: right;
}
#footer p {
  font-size: 90%;
}
#footer img {
  margin: 2% 0;
}