/* 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;}
*/
/* Following are the presentation styles -- edit away! */

html {width: 100%; height: 100%;}
.body {width: 100%; height: 100%;
background: linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background: -o-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background: -moz-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background: -webkit-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background: -ms-linear-gradient(bottom, rgb(255,255,255) 48%, rgb(219,238,255) 100%);
background: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.48, rgb(255,255,255)),
	color-stop(1, rgb(219,238,255))
);
color: #000;
font-size: 2.25em;
}

:link, :visited {text-decoration: none; color: #00C;}
#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;}

div.header, div.footer {color: #AAB;}
div.header {background: url(extensions/S5SlideShow/nobook/custis.png) 98% 50% no-repeat; height: 15%;
	line-height: 1px; }
@media print {
	div.header { background: url(extensions/S5SlideShow/nobook/custis50.png) 98% 50% no-repeat; }
}

.slide h1.stitle {
	position: relative; z-index: 1;
	margin: -2em 0 0.5em 0; padding: 0.3em 0 0 50px;
	width: 80%;
	font-size: 150%;
	font-weight: bold;
}
.slide.notitle h1.stitle {position: static; margin: 0; padding: 0; width: auto;}
.slide h3 {font-size: 130%;}

div#controls {left: 60%; width: 40%;}
#controls #navLinks a {background: #005; color: #779;}
#controls #navList #jumplist {background: #DDD; color: #227;}

#currentSlide {text-align: center; font-size: 20pt; color: #449;}

#slide0 {left: 4%; padding: 3em 0 2em; font-size: 90%; text-align: center;}
#slide0 h1 {position: static; margin: 0; padding: 0; width: auto;}
#slide0 h2 {color: gray; margin-top: .5em;}
#slide0 h3 {color: gray; margin-top: .5em;}