/* You'll probably want to tie together header/footer backgrounds/missing borders
   with the body background colour. 
   Anything special about the title slide probably needs to be defined after
   defining properties that apply across all slides.
   Slide headings, including on title page, are done with h1. Use h2 and h3
   also on the title page. Don't use other headers on slides.
*/

body {
 background-color: white;  
 color: black;
 font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
 font-size: 24px;
 line-height: 1.5em;
}

div#header, div#footer, div#controls, div#currentSlide {
 border-width: 4px 4px 4px 4px; 
 padding: 1ex; 
 font-size: 0.5em;
 font-style: italic;
 line-height: 1em;
}

div#header {
 background-color: white; 
 border-style: solid; 
 border-color: gray gray white gray;
}

div#footer {
 background-color: white; 
 border-style: solid;
 border-color: white gray gray gray;
}

div#controls form a {
 margin-right: 20px; 
 font-size: 1em; 
 font-style: normal
}

div.slide {
 margin: 25px;
 padding: 1px 10px 1px 10px;
 border: 1px solid #999;
 background: #fafafa; 
}

div.slide h1 {
 font-style: italic;
 font-size: 120%; 
 padding: 0px;
 border-style: solid; 
 border-width: 0 0 1px 0; 
 border-color: black; 
 padding: 0; 
 margin: 0; 
}

div.slide h2 {
 font-size: 90%;
}

div#slide0 h1 {
 font-size: 150%;
}

div#slide0 h2 {
 font-size: 120%;
}

div#slide0 h3 {
 font-size: 90%;
} 

div#slide0 h2, div#slide0 h3 {
 color: #404040;
}

div.lonly, div.lonly h1 {
 background-color: #EBCFB9;
}

p + ul, p + ol, p + dl, p + blockquote {
 margin-top: -0.5em;
}

a {
 text-decoration: none; 
 color: #820; 
}

a:hover {
 background: silver;
}

blockquote {
 border-style: solid; 
 border-width: 1px; 
 padding: 1ex;
 background-color: #fafafa;
}

blockquote p {
 margin: 0;
}

img, object {
 display: block;
 margin-top: 10px; 
 margin-left: auto;
 margin-right: auto;
}

li img, dt img, dd img {
 display: block;
 float: right;
 vertical-align: top;
}

cite {
 display: block;
 text-align: right;   
 font-size: 0.2em;  
}

dt {
 font-style: italic;
}

td {
 padding: 0.5em;
}