body {
  padding: 8pt;
  font-size: 10pt;
  line-height: 12pt;
  font-family: Helvetica, "Lucida Grande";
}

h2 {
  font-size: 12pt;
  display: inline;
}

h3 {
  font-size: 10pt;
}

p {
  margin: 0 0 6pt;
  line-height: 1.5em;
}

a {
  color: #3465a4;
  text-decoration: none;
}

a:hover {
  color: #729fcf;
  text-decoration: underline;
}

li {
  margin-bottom: 4pt;
}

li p {
  margin: 4pt 0;
}

.tasks, .notes {
  border-left: 5px solid;
  line-height: 1.5em;
}

.tasks {
  border-color: #d1ecd6;
}

.notes {
  border-color: #ffe5b1;
}

#main img {
  display: inline;
  vertical-align: bottom;
}

#sidebar li {
  margin-bottom: 0;
}

li ul {
  margin-top: 4pt;
}

.section_link {
  margin-top: 1em;
}

.section_link a {
  font-weight: bold;
}

.section_link_hint {
  color: #555753;
  font-size: 9pt;
  margin: 2pt 0 0 0;
}

div.see_also {
  margin-top: 4pt;
}

.see_also p {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 8pt;
  background-color: #d3d7cf;
  display: inline-block;
  padding: 3pt 3pt 2pt 3pt;
  margin: 4pt 0 4pt 0;
}

.see_also ul {
  margin: 3pt 0 0 0;
}

.see_also li {
  font-weight: bold;
  margin-bottom: 0.5em;
  list-style-type: none;
  margin-left: -28pt;
}

.featured {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  word-spacing: 0.2em;
}

.note {
  border: 1pt solid #f5a5a5;
  border-radius: 6pt;
  padding: 8pt;
  color: #d70000;
  margin: 0 20pt;
  background-color: #fad3d3;
  text-shadow: #fff4f4 0 1px 0;
}

#header img {
  padding-right: 0.5em;
  vertical-align: middle;
  margin-top: -0.5em;
}

#header {
  padding-bottom: 1em;
}

#sidebar {
  margin: 0 0 1em 1em;
  float: right;
  border: 1px solid #d7d7d7;
  border-radius: 8px;
  box-shadow: 0 1px 3px #ccc;
}

#sidebar ul {
  padding: 0 1.5em;
  list-style: none;
  font-size: 9pt;
  font-weight: bold;
  line-height: 1.8em;
}

#sidebar .bottom_border {
  border-bottom: 1px solid #d7d7d7
}

#content>img {
  display: block;
  margin: 0 auto;
}

li img {
  display: inline;
  margin-bottom: 2px;
}

div.actions {
  margin-bottom: 12pt;
}

div.shortcuts {
  display: inline-block;
  float: left;
  margin-right: 12pt;
}

.actions table {
  border-collapse: collapse;
}

.actions tbody td {
  border-top: 1px solid #d3d7cf;
  border-bottom: 1px solid #d3d7cf;
  padding: 6pt;
}

.actions thead td {
  background-color: #d3d7cf;
  text-transform: uppercase;
  padding: 4pt 4pt 2pt 4pt;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 8pt;
  display: inline-block;
}

.actions td.shortcut {
  text-align: right;
}

span.key {
  border: 1px solid silver;
  padding: 1px 3px;
  border-radius: 4px;
  margin: 0 1px;
  font-size: 9pt;
  color: #ee634c;
}
