main {
  font-size: 12pt;
}

#tophead {
  margin-top: -5px;
}

/** ----- styles for all sections ----- */

p.instruction {
  font-style: italic;
  margin-bottom: 20px;
}

ul.instruction > li {
  font-style: italic;
}

.code {
  margin-left: 30px;
}

/** ----- styles for Short Answer questions ----- */

li.short {
  margin-bottom: 100px;
}

/** ----- styles for Label Items questions ----- */

li.label {
  margin-bottom: 30px;
}

pre.label {
  line-height: 300%;
}

/** ----- styles for Find Errors questions ----- */

li.error {
  margin-bottom: 30px;
}

pre.error {
  line-height: 200%;
}

/** ----- styles for Trace Code questions ----- */

li.trace {
  margin-bottom: 30px;
}

pre.trace {
  line-height: 175%;
}

/** ----- styles for Write Code questions ----- */

li.code-short  { margin-bottom: 100px; }
li.code-medium { margin-bottom: 250px; }
li.code-long   { margin-bottom: 300px; }

div.code-example {
  width: 300px;
  border: 1px solid black;
  margin: 15px;
  padding-left: 10px;
}

table.code-example {
  border: 1px solid black;
  margin: 15px;
}

table.code-example th,td {
  border: 1px solid black;
  padding: 10px;
}

table.code-example th {
  font-weight: bold;
}

/** ----- styles for "No Answer" questions, as in coding exams ----- */

li.no-answer {
  margin-bottom: 30px;
}

/** ----- classes to style space at and of the page, for print ----- */

.spacer40  { height:  40px; }
.spacer80  { height:  80px; }
.spacer120 { height: 120px; }
.spacer160 { height: 160px; }
.spacer250 { height: 250px; }

/** ----- added for image in final exam ----- */

img {
  border: 1px solid black;
  padding: 5px;
  margin: 20px 0;
}