style.css

body {
  font: 12px/1.4 Verdana Helvetica, arial, freesans, clean, sans-serif;
  color: #333;
  text-shadow: 0 0 1px #909090 !important;
  background-color: #fff;
}

a {
  text-decoration: none;
}

a: hover {
  text-decoration: underline;
}

/* Headlines has different font sizes */

h1 {
  font-size: 1.6em;
}

h2 {
  font-size: 1.2em;
}

/* H1 and H2 has underline */

h1, h2 {
  border-bottom: 1px solid #999;
  font-weight: bold;
}

/* ul & li */

ul {
  list-style-type: circle;
  margin-left: -0.4em;
}

li {
  display: list-item
}

/* img tags */

img[alt="school-logo"] {
  position: absolute;
  top: 1em;
  right: 1em;
  height: 1.7em;
  background-color: #fff;
}

img[alt="avatar"] {
  position: absolute;
  top: 3.8em;
  right: 1em;
  height: 8.5em;
  background-color: #fff;
}


/* strong fonts as little title */
/* ---- only for those ugly lists !--- */
li p strong {
  font-weight: bold;
  margin-left: 4em;
}

description {
  margin-top: .5em; /* away from big title, looks like a block*/
  display: block;
  margin-left: 12.7em;
}

li em {
  font-size: 90%;
  color: #777;
  font-style: italic;
}