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

div.header, div.footer, div#controls, .slide {position: absolute;}
html>body div.header, html>body div.footer,
  html>body div#controls, html>body .slide {position: fixed;}
.handout, .notes {display: none;}
.layout {display: block;}
.slide, .hideme, .incremental {visibility: hidden;}
.slide embed, .hideme embed, .incremental embed,
.slide iframe, .hideme iframe, .incremental iframe {visibility: hidden;}
.visible {visibility: visible;}
.anim.over .incremental, .anim.over .previous {display: none;}
.notitle .slidecontent {margin: auto; display: table;}

.slide, .incremental {visibility: visible; opacity: 0; z-index: -1;}
.anim .current, .visible {opacity: 1;}
.anim .current embed, .visible embed,
.anim .current iframe, .visible iframe {visibility: visible; padding-left: 1px; /* work around bug with blank swf */}
.anim .current, .slide {
    transition: opacity 150ms ease-out 0s;
    -moz-transition: opacity 150ms ease-out 0s;
    -o-transition: opacity 150ms ease-out 0s;
    -webkit-transition: opacity 150ms ease-out 0s;
}
h1, h2, h3, h4 {font-size: 100%; margin: 0; padding: 0; font-weight: inherit;}
pre {margin: 0; line-height: 1em;}
html, body {margin: 0; padding: 0;}

.slide blockquote {border: 0.1cm dashed #ffc000; padding: 0.2cm;}
.slide blockquote ul li {margin-bottom: 0.5em;}

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

.slide code {padding: 2px 0.25em; font-weight: bold;}
.slide ul {margin-left: 5%; margin-right: 7%; list-style: disc;}
.slide li {margin-top: 0.5em; margin-right: 0; line-height: 1.2em; padding-left:1%;}
.slide ul ul {line-height: 1;margin-left: 2%;}
.slide ul ul li {margin: .2em; font-size: 85%; list-style: square;}
.slide img.leader {display: block; margin: 0 auto;}
.slide table ul {margin-left: 1em;}
.slide dd {margin-left: 6%;}

div.footer {font-size: 20pt; padding: 1em 0;}
.footer h1, .footer h2 {display: block; padding: 0 1em;}
.footer h2 {font-style: italic;}

div.long {font-size: 0.75em;}
h1 abbr {font-variant: small-caps;}

div#controls {position: absolute; left: 50%; bottom: 0;
  width: 50%;
  text-align: right; font: bold 36pt Verdana, Helvetica, sans-serif;}
html>body div#controls {position: fixed; padding: 0 0 1em 0;
  top: auto;}
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
  margin: 0; padding: 0;}
#controls #navLinks a {padding: 0; margin: 0 0.5em; 
  border: none;
  cursor: pointer;}
#controls #navList {height: 1em;}
#controls #navList #jumplist {position: absolute; bottom: 0; right: 0;}

.slide.notitle {right: 0; padding-top: 1em; padding-bottom: 1em; text-align: center;}
.slidecontent {padding: 0 0 1em 0;}

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;}

.slide .slideonly { display: none; }

/* diagnostics

li:after {content: " [" attr(class) "]"; color: #F88;}
 */
/* 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 */

div.header, div.footer, .slide {width: 100%; top: 0; left: 0;}
div.header {top: 0; height: 3em; z-index: 1;}
div.footer {top: auto; bottom: 0; height: 2.5em; z-index: 5;}
.slide {top: 0; width: 92%; padding: 3.5em 4% 4%; list-style: none;}
.visible {z-index: 2;}
div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}
div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
  margin: 0;}
#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
html>body #currentSlide {position: fixed;}

/*
div.header {background: #FCC;}
div.footer {background: #CCF;}
div#controls {background: #BBD;}
div#currentSlide {background: #FFC;}
*/
/* Flower Theme 2004 by Martin Hense ::: www.lounge7.de */

/* Following are the presentation styles -- edit away!
   Note that the 'body' font size may have to be changed if the resolution is
    different than expected. */

.body {background: #fff url(extensions/S5SlideShow/flower/blume.jpg) no-repeat; color: #222; font-size: 2em;}
:link, :visited {text-decoration: none;}
#controls :active {color: #88A !important;}
#controls :focus {outline: 1px dotted #227;}
.slide code {color: #533;}
.slide code.bad, code del {color: red;}
.slide code.old {color: silver;}
.slide ul {margin-right: 7%; margin-left: 50px; padding: 0; list-style: circle;}
.slide ul ul li {list-style: disc;}
.slide img.leader {display: block; margin: 0 auto;}

div.header, div.footer {background: transparent; color: #BA9384;
  font-family: Verdana, Helvetica, sans-serif;}
div.header {line-height: 1px;}
div.footer {border-top: 1px solid #999999; background: #FFF0CF;}

.slide {
font-family: georgia, times, 'Times New Roman', serif; background: transparent url(extensions/S5SlideShow/flower/blumerechts.jpg) right top no-repeat;
}
.slide h1 {position: absolute; z-index: 1;
  margin: 0; padding: 0.3em 0 0 50px; white-space: nowrap;
  text-transform: capitalize;
  top: 35px; left: 60px; color: #4A040A;
  font: 150%/1em georgia, times, 'Times New Roman', serif;
  background: transparent;}
.slide h3 {font-size: 130%;}

#controls #navLinks a {background: #FFF0CF; color: #BA9384;}
#controls #navList #jumplist {background: #DDD; color: #227;}

#currentSlide {text-align: center; font-size: 20pt;
color: #646587; font-family: Verdana, Helvetica, sans-serif; font-weight: bold;}

#slide0 {padding-top: 3.5em; font-size: 90%;}
#slide0 h1 {position: static; margin: 1em 0 1.33em; padding: 0;
   white-space: normal;
   color: #000; background: transparent;
   font: 2em georgia, times, 'Times New Roman', serif;}
#slide0 h3 {margin-top: 0.5em; font-size: 1.5em;}
#slide0 h4 {margin-top: 0; font-size: 1em;}