/* Basic style */
body {margin-left: 1%; font-family: sans-serif;
      color: black; background-color: white}

body>:first-child { height: 800px; background-image: url(overview.jpg) }
body>:first-child>p { margin-top: 450px; color: yellow; text-align: right }
body>:first-child a { color: #aaf }

/* Each slide is a plain <div>.
   Special pages (intro material, etc,) have classes like cover, intropage, endpage */
body>div {
      border: medium black solid;
      margin: 1em 0;
      width: 40em;
      padding-bottom: 0;
      page-break-inside: avoid;
      overflow: hidden;
}

div.expose { display: none }

/* To warn myself against nested div's */
div div {background-coloro: red}

/* I use h1 for the talk, and h2 for each slide, h3 for continuation slides */
h1, h2, h3 {font-family: sans-serif; 
            padding: 0.5em 1em;  margin-top: 0}

h1 { color: yellow; background-color: transparent }

h2, h3 { background-color: yellow; }

h3 {padding-left: 2em }

/* The cover page can have special paragraphs for subtitle and author */
p.subtitle { font-weight: bold; }
p.author { font-style: italic}

/* Slide contents */
p { padding-left: 1em; padding-right: 1em; margin-bottom: 1em; margin-top: 0 }
ul, ol, dl { padding-left: 2em; padding-right: 1em }
pre { margin-left: 2em; margin-right: 1em; padding-left: 0em; background-color: #eef;
      border: thin dotted blue; overflow: hidden }
pre.html { background-color: #fcc; border: thin dashed black}
div table {padding-left: 1em; font-size: 100%}
div img {width: 100%} /* crashes Amaya */

/* Don't underline links */
a {text-decoration: none}
a:hover {background-color: yellow}

/* Some images */
.floatright {float: right}

/* until browsers can print headers and footers properly */
div.footer {display: none}
div.introfooter {display: none}

/* Full screen mode */

@media projection { /* changes/adds the following properties */
	body {font-size: 20pt; margin-left: 0; padding: 0}
	body>div { page-break-after: always; 
                  border-style: none; margin: 0; width: 100%}
        div.expose { display: block }
	div.intropage, div.appendix, div.footer,         div.introfooter  {display: none}
	div img {width: auto}
	:visited {color: blue}
}

@media print {
	/* I print two slides to a page (height 12cm, page-break-within: avoid),
	   with a border round each and number each slide.
	   I don't number presentation slides,
	   in case I have added pages since printing.
	*/

      div, div.filler {
		margin-left: 2cm; height: 12cm; margin-top: 1cm;
		border: thin black solid;
	}

      h1 {margin-top: 10cm }
	h2, h3 { counter-increment: slide }
	h2:before, h3:before { font-size: 100%; font-weight: normal; 
                             content: counter(slide) "&nbsp; &nbsp;"}

      .cover { text-align: center; border: none}
      .intropage {page-break-before: always; height: 28cm; border: none}
      .endpage {height: 80%;}
      ol { padding-top: 2cm; padding-left: 2cm; }

	/* Footers until printing works right */
      div.introfooter {
                display: none;
		    text-align: center;

                margin-left: 0;
                margin-top: 1em;
		    counter-increment: ipage;

                content: "Talk name &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" counter(ipage, lower-roman) " &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Steven Pemberton";
      }

	div.footer {
                display: none; text-align: center;

                margin-left: 0;
                margin-top: 4cm;

		    counter-increment: page;
                   content: "Talk name &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;" counter(page) " &nbsp;  &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Steven Pemberton";
        }

} /* media print */

/* Force pages */
.page {page-break-before: always}
.endpage {page-break-after: always}