/* Do not edit or override these styles! The system will likely break if you do. */

div#header, div#footer, div#controls, .slide {position: fixed; border: 0px;}
/*html>body div#header, html>body div#footer, 
  html>body div#controls, html>body .slide {position: fixed;}*/
.handout {display: none;}
.layout {display: block;}
.slide, .hideme /*, .incremental*/ {visibility: hidden;}
/*#slide0 {visibility: visible;}*/
.slide.active {visibility: visible;}

/* The following styles size, place, and layer the slide components.
   Edit these if you want to change the overall slide layout.
   The commented lines can be uncommented (and modified, if necessary) 
    to help you with the rearrangement process. */

/* target = 1024x768 */

.slide {width: 100%; top: 0; left: 0; } /*background: #F0E6E1 url(puzzle-pieces.png) -16px 0 no-repeat; }*/
div#header {top: 0; height: 3em; width: 100%; left: 0; z-index: 1;}
div#footer {bottom: 0; height: 2.5em; width: 100%; left: 0; z-index: 1;}
.slide {width: 92%; padding: 3.5em 4% 4%; list-style: none;}
#currentSlide {position: fixed; width: 10%; left: 45%; bottom: 1em;}

/*
div#header {background: #FCC;}
div#footer {background: #CCF;}
div#controls {background: #BBD;}
div#currentSlide {background: #FFC;}
*/

/* Following are the presentation styles -- edit away! */

body {background: #F0E6E1 url(puzzle-pieces.png) top right no-repeat; color: #000; font-size: 16px;}

/*
:link, :visited {text-decoration: none; color: #00C;}
#controls :active {color: #88A !important;}
#controls :focus {outline: 1px dotted #227;}
*/
h1, h2, h3, h4, h5 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
ul, pre {margin: 0; line-height: 1em;}
html, body {margin: 0; padding: 0; font-family: Constantia, Sans-Serif; font-size: 20pt; }

blockquote, q {font-style: italic; }
blockquote {padding: 0 2em 0.5em; margin: 0 1.5em 0.5em; text-align: center; font-size: 1em;}
blockquote p {margin: 0;}
blockquote i {font-style: normal;}
blockquote b {display: block; margin-top: 0.5em; font-weight: normal; font-size: smaller; font-style: normal;}
blockquote b i {font-style: italic;}

kbd {font-weight: bold; font-size: 1em;}
sup {font-size: smaller; line-height: 1px;}

.slideCentered {position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; margin: 0; }
.centerOneLine {font-size: 2em; position: fixed; left: 10%; right: 10%;
		    top: 50%; margin-top: -0.75em; text-align: center;}
.centerThreeLines {font-size: 2em; position: fixed; left: 10%; right: 10%;
		    top: 50%; margin-top: -1.75em; text-align: center;}

.slide code {padding: 2px 0.25em; font-weight: bold; color: #533;}
.slide code.bad, code del {color: red;}
.slide code.old {color: silver;}
.slide pre {padding: 0; margin: 0.25em 0 0.5em 0.5em; color: #533; font-size: 90%;}
.slide pre code {display: block;}
.slide ul {margin-left: 5%; margin-right: 5%; list-style: disc;}
.slide > ul > li > ul { margin-right: 0px; }
.slide > ul > li > ul > li > ul { margin-right: 0px; }
.slide li {margin-top: 0.75em; margin-right: 0;}
.slide li.nobullet, .slide ul.nobullet > li { list-style: none; }
.slide li.nobullet:before, .slide ul.nobullet > li:before { content: "\00a0" }
.slide ul ul {line-height: 1;}
.slide ul ul li {margin: .2em 0 .2em .2em; font-size: 85%; list-style: square;}
.slide img.leader {display: block; margin: 0 auto;}

div#header, div#footer {background: #AA9988; color: #564944;
  font-family: Calibri, Verdana, Helvetica, sans-serif;}
div#header {background: #AA9988 url(puzzle-pieces.png) top right no-repeat; }
div#footer {font-size: 0.5em; font-weight: bold; padding: 1em 0;}
#footer h1, #footer h2 {display: block; padding: 0 1em;}
#footer h2 {font-style: italic;}

div.long {font-size: 0.75em;}
.slide h1 {position: fixed; top: 0.75em; left: 0em; z-index: 1; width: 100%;
  margin: 0; padding: 0 0 0.25em 50px; white-space: nowrap;
  font: bold 1.5em/1em Candara, Helvetica, sans-serif; text-transform: capitalize;
  color: #38332D; background: transparent;}
.slide h3 {font-size: 130%;}
h1 abbr {font-variant: small-caps;}

div#controls {position: fixed; left: 50%; bottom: 0;
  width: 50%;
  text-align: right; font: bold 30pt Verdana, Helvetica, sans-serif; padding: 10pt 0; top: auto;}
#controls a {padding: 0; margin: 0 0.3em; 
  background: #AA9988; border: none; color: #564944; text-decoration: none;
  cursor: pointer;}

#currentSlide {text-align: center; font-size: 1em; font-family: Constantia; color: #564944;}

#slide0 {padding-top: 3.5em; font-size: 90%;}
#slide0 h1 {position: static; margin: 1em 0 0; padding: 0;
   font: bold 2em Candara, Helvetica, sans-serif; white-space: normal;
   color: #000; background: transparent;}
#slide0 h2 {font: bold italic 1em Candara Helvetica, sans-serif; margin: 0.25em;}
#slide0 h3 {margin-top: 1.5em; font-size: 1.5em;}
#slide0 h4 {margin-top: 0; font-size: 1em;}
#slide0 h5 {margin: 0 0 0.5em; font-size: 0.83em; color: #aaa; }

ul.urls {list-style: none; display: inline; margin: 0;}
.urls li {display: inline; margin: 0;}
.note {display: none;}
.external {border-bottom: 1px dotted gray;}
html>body .external {border-bottom: none;}
/*.external:after {content: " \274F"; font-size: smaller; color: #77B;}*/

.slide.active .incremental, .slide.active .incremental *, .slide.active .incremental *:after  {color: #CDC0B5; visibility: hidden;}
.incremental img { visibility: hidden; }
img.incremental {visibility: hidden;}
.incremental pre.code { background-color: inherit; }
.slide .current {color: #B02;}

li.complete { color: #CDC0B5; }


/* diagnostics

li:after {content: " [" attr(class) "]"; color: #F88;}
 */