/* Basic style */
body {margin: 0; padding: 0; 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 */
body>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-coloro: red}

div.intropage {border-style: dotted}

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

h2, h3 {font-family: sans-serif; 
	background-color: yellow;
	padding-left: 5%; margin-left: 0; margin-right: 0 }
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: 5%; margin-bottom: 1em; margin-top: 0 }
ul, dl { padding-left: 5%}
pre { margin-left: 5%; padding-left: 0em; background-color: #ccf;
      border: thin dotted black }
pre.html { background-color: #fcc; border: thin dashed black}
div table {padding-left: 5%; font-size: 100%}
div img {width: 100%} /* crashes Amaya */
div img.floatright {} 

/* 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}
	body>div { page-break-after: always; margin:0; 
                   border-style: none; margin: 0; width: 100%}
	div.intropage, div.appendix, div.footer, div.introfooter  {display: none}
	div img {width: auto}
        .floatright {float: right}
	: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 */

@media screen { div { margin-left: 1em};
               .hidden {display: block}
               .expose { display: none }
} 

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

.hidden {display: none}