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

h1, h2, h3 {font-family: sans-serif; 
        background-color: yellow; padding-left: 1em; margin-left: 1px; margin-right: 1px }

p {font-family: sans-serif; 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%}
h3 {margin-left: 1em}
/* p.author { margin-left: 40pt; font-style: italic} */
/* p.subtitle { margin-left: 40pt; font-weight: bold} */
a {text-decoration: none}
a:hover {background-color: yellow}

div div {background-color: red}

   div.slide, body div {border: medium black solid;
        margin: 0.5em 0;
        width: 40em;
        padding-bottom: 0;
        page-break-inside: avoid;
        overflow: hidden;
    }

    /* until browsers can print headers and footers properly */

    div.footer {display: none}
    div.bugfooter {display: none}
    div.introfooter {display: none}

@media print {
	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; }
        div.introfooter {
                display: none; text-align: center;

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

                content: "CHI 2004 &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";

        }
	
	/*      .intropage:after {counter-increment: p; display: block;
			text-align: center; font-weight: bold;
			position: fixed; bottom: 1cm;
			content: "page " counter(p, lower-roman)} */
	/*	h2 {margin-top: 0}*/
        p.author { font-style: italic}
        p.subtitle { font-weight: bold; }
        h1 {margin-top: 10cm }
        div.slide, body>div, div.filler { margin-left: 2cm; height: 12cm; margin-top: 1cm;}
        img { }

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

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

		counter-increment: page;
                content: "CHI 2004 &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";
        }
	div.bugfooter { /* Bug in Opera 7 Beta 2? */
		page-break-after: always;
                display: block;
                margin-left: -1cm;
		counter-increment: page;
                content: "CHI 2003   " counter(page) "   Steven Pemberton"
        }
} /* media print */

   @media screen { a:visited {color: #b7f} .footer, .introfooter {display:none} }
@media projection { 
	.footer, .introfooter {display:none}

    body {font-size: 20pt;}
    h1, h2, h3 { page-break-before: always; }
    div.slide, body>div {border-style: none; margin: 0; width: 100%}
    div.intropage, div.appendix {display: none}
    .floatright {float: right}

 }

.block, .page {page-break-before: always}
.endpage {page-break-after: always}