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

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

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

/* I use h1 for the talk, and h2 for each slide, h3 for continuation slides */
h1, h2, h3 {font-family: sans-serif; 
            background-color: yellow;
            padding-left: 1em; margin-left: 1px; margin-right: 1px }
h3 {margin-left: 1em}

/* 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; margin-bottom: 1em; margin-top: 0 }
dl { padding-left: 1em}
pre { margin-left: 1em; padding-left: 0em; background-color: #ccf;
      border: thin dotted black }
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}
	h1, h2, h3, div.slide { page-break-before: always; }
	div.slide {margin:0}
        div {border-style: none; margin: 0; width: 100%}
	div.intropage, div.appendix, div.footer,         div.introfooter  {display: none}
	div img {width: auto}
	:visited {color: blue}
.hidden {display: none}
}

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