@media print {
   h1, div.slide { 
      page-break-before: always; page-break-inside: avoid; 
   }
}

code, tt, pre { 
  font-family: "LucidaSansTypewriter", "Lucida Sans Typewriter", monospace, Courier;
}

pre { /* Override Slidy */
  font-size: 100%;
  font-weight: normal;
  font-style: normal;
  color: black;
}

h1, h2, h3, h4 {
    font-family: "Lucida Sans", sans-serif;
}

body {
   font-family: sans-serif; 
}

samp, .pseudocode {
  font-style: normal;
  font-family: "MarkingPen", "Comic Sans MS", cursive
}

pre cite { 
  font-family: roman;
  font-style: normal;
  font-weight: normal;
  color: black;
}

var { 
  font-family: roman;
  font-style: italic;
  font-weight: normal;
  color: black;
}

pre {  
  background-color: #FFFEED;
}

blockquote { 
  background-color: #EDFEFF;
}

pre, blockquote { 
  clear: none;
  border-color: #ccc;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding: 0.5em;
  border-style: solid;
  border-width: 1px;
}


p.sideimage {
  width: 30%;
  margin-right: 1em;
  float: left;
}

p.halfimage {
  width: 40%;
  margin-right: 1em;
  float: left;
}

p.fullimage { 
  text-align: center;
  height: 75%;
}

p.sideimage img, p.halfimage img {
  width: 90%  !important; /* 90% is hack for Amaya */
  height: auto !important; 
}

p.fullimage img {
  width: 100%;
  height: auto;
}

@media print { 
  p.fullimage {
    width: 25em;
  } 
}

ul li { margin-top: 0.25em; margin-bottom: 0.25em; }

li ul { margin-left: 2em; font-size: 0.9em; }

li ul li, li ol li { font-style: normal } /* Overriding Slidy */

@media print {
   ul {
      font-size: 1.2em;
   }
}

@page {
   size: 8in 6in; 
   margin: 0.25in;
}

.strike {
   text-decoration: line-through;
}

pre strong, code strong, tt strong { 
  color: red;
}

.highlight { 
  background: lightsteelblue;
}


body
{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 100%;
  height: 100%;
  color: black;
  background-color: white;
}

div.slide {
  z-index: 20;
  margin: 0 0 0 0;
  
  padding-bottom: 0;
  padding-left: 50px;
  padding-right: 50px;
  border-width: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  line-height: 120%;
  background-color: transparent;
}

h1 {
   margin-top: 0;
   padding: 4px;
   border-bottom: 8px solid #ffe06a;
   color: #000000;
}

h1.selfcheck {
  border-bottom: 8px solid #c82254;
}

h1.syntax {
  border-bottom: 8px solid #24adae;
}

h1.testing {
  border-bottom: 8px solid #b4d7d1;
}

h1.graphics {
  border-bottom: 8px solid #afa6c5;
}

h1.title {
   text-align: center;
}

div.slide h3 {
  padding-left: 0;
  padding-right: 20pt;
  padding-top: 4pt;
  padding-bottom: 4pt;
  margin-top: 0;
  margin-left: 0;
  margin-right: 60pt;
  margin-bottom: 0.5em;
  display: block; 
  font-size: 100%;
  line-height: 1.2em;
  background: transparent;
}

blockquote { font-style: italic }

img { background-color: transparent }

p.copyright { font-size: smaller }

.center { text-align: center }
.footnote { font-size: smaller; margin-left: 2em; }

li.answer {
  list-style-type: none;
}

div dt
{
  margin-left: 0;
  margin-top: 1em;
  margin-bottom: 0.5em;
  font-weight: bold;
}

div dd
{
  margin-left: 2em;
  margin-bottom: 0.5em;
}

object.code {
  width: 100%;
  height: 50%;
  border: 1px solid;
}

div.output {
  color: #000000;
  background: #e6e6e6;
}

pre.output {
  color: #000000;
  background: #e6e6e6;
}

div.syntax {
  border: 4px ridge;
  background: #ddf1f3;
  padding: 25px 25px 25px 25px;
}

.blue { 
  color: #006cb8; 
}

span.syntaxtitle { 
  color:#24adae; 
}

td.highlight {
  background: #43beae;
}

td.center {
  text-align:center;
  padding: 0 25px 0 25px; 
}

h1.howto {
  border-bottom: 8px solid #505498;
}

span.howto { 
  color:#505498; 
}

.license { 
   font-size: 0.7em;
   position:absolute;
   bottom: 3em;
   height: 3em;
}

tr { 
  background: #e1e9f6;
}

tr:hover { 
  background: #a8bee3;
}

th { 
  border-style: none;
  background: #e7e7e8;
  padding: 0.5em;
  color: #536cb9;
}

td { 
  border-style: none;
  padding: 0.5em;
}

table { 
  border-style: none;
  font-size: 0.9em;
  margin-left: 2em;
}