p.topic {
  font-family: 'DIN Condensed Bold';
  font-size: 1.3em;
  color: #e74642;
  margin-top: 20px; }

p.topic-header {
  color: #e74642;
  font-weight: 700; }

p.ending {
  font-size: 0.9em; }

ol.main a {
  text-decoration: underline;
  transition: all linear 0.2s;
  font-weight: 700;
  color: #333333; }
  a:hover {
    color: #e74642; }

ol.main {
  counter-reset: first-level;
  /* Initiate a counter */
  color: #141414;
  font-weight: 400;
  font-family: 'Roboto Condensed'; }

ol.secondary {
  counter-reset: second-level; }

ol {
  margin-left: 0;
  /* Remove the default left margin */
  padding-left: 0;
  /* Remove the default left padding */ }

ol > li {
  position: relative;
  /* Create a positioning context */
  margin: 0 0 6px 2em;
  /* Give each list item a left margin to make room for the numbers */
  padding: 3px 8px;
  /* Add some spacing around the content */
  list-style: none;
  /* Disable the normal item numbering */ }

ol > li:last-child {
  margin-bottom: 10px; }

ol > li:before {
  /* Position and style the number */
  position: absolute;
  top: -1px;
  left: -2em;
  width: 2em;
  /* Some space between the number and the content in browsers that support
	   generated content but not positioning it (Camino 2 is one example) */
  margin-right: 8px;
  padding: 4px;
  font-weight: bold;
  font-family: 'Roboto Condensed';
  text-align: center;
  color: #e74642; }

li.first-level {
  font-size: 0.9em; }

li.second-level {
  font-size: 0.89em; }

li.first-level:before {
  content: counter(first-level) ")";
  counter-increment: first-level; }

li.second-level:before {
  content: counter(second-level, lower-alpha) ")";
  counter-increment: second-level; }

li ol,
li ul {
  margin-top: 6px; }

.MathJax {
  font-size: 0.8em !important;
}