body {
	font-family: Georgia, serif;
	font-size: 1em;
}
p { 
	text-indent: -1ex;
}

/* classes */

.author { 
	display: block; 
}

.slide {
	font-size: 200%;
	font-style: italic;
	font-weight: normal;
	padding: 2em 1em 1.5em 1em;
	line-height: 1.1em;
	color: #777;
}

.slide .author {
	font-size: 0.5em;
}

.slide span {
	color: #ccc;
	clear: none;
	font-size: 400%;
}

.oq {
	float: left;
}

.cq {
	float: right;
	position: relative;
	top: 10%;
}

/* opera show stuff */

@media screen {
  body { font-family: sans-serif }
  div.top, div.bottom,
  div.topleft, div.bottomleft, div.topright, div.bottomright { 
    display: none }  
  div.screen, div.projection { 
  }
  h1, h2 { margin: 0.4em 0 }
}

@media projection {
  html, body { 
    padding: 0; margin: 0; color: black; background: white; 
    font: 1.4em "Trebuchet MS", sans-serif;}
  div.projection { page-break-after: always; 
    margin: 0; padding: 13% 2em 3em; 
    font-weight: bold; }
  div.screen { display: none }
  div.top {
    position: fixed; left: 0; right: 0;
    top: 0; height: 3em; 
    background: #c7ed8e;
    color: #999;
    padding: 0 0 1em;
    border-bottom: 1px solid #ccc;
  }
  div.bottom {
    position: fixed; left: 0; right: 0;
    bottom: 0; height: 3em; 
    color: black; background: white;
  }
  div.topleft {
    position: fixed; top: 1em; left: 1em;
  }
  div.topright {
    position: fixed; top: 1em; right: 1em;
    color: #000;
  }
  div.bottomleft { 
    position: fixed; bottom: 2em; left: 1.5em;
    color: #999; font-size: 0.5em!important;
  }
  div.bottomright { 
    position: fixed; bottom: 2em; right: 1.5em;
    color: black;
  }

  div.projection > * { font-size: 1.4em; }
  div.projection h1 { padding: 0; margin: 3em 0 1em; font-size: 2.3em }
  div.projection h2 { padding: 0; margin: 0.4em 0; font-size: 1.8em }
  div.projection ul { padding: 0; margin: 0.2em 0 0.2em 1em;  }
  div.projection li { padding: 0; margin: 0.2em 0; }
  div.projection img { display: block; margin: 2em auto; }
  div.projection div { margin: 0 }
  
  div.page { border: none; padding: 0; margin: 0; }
  .author { font-size: 0.6em!important; }
  div.content { vertical-align: middle; margin-left: auto; margin-right: auto; }
}