slides.css

body {
    background: white url(img/vfade-small.jpg) repeat-x;
    margin: 1em 1em;
    font-size: 150%;
    line-height: 1.4em;

/* If you get stuck on an 800x600 projector, use these:
 * unfortunately it doesn't work on all browsers.
 * -moz-transform works on firefox but it also needs the postion:absolute.
 * zoom works on webkit and IE.
 * Nothing works on Opera.
 zoom: 78.125%;
 position: absolute; left: 0px; top: 0px;
 -moz-transform: scale(.78125, .78125);
 */
}

@font-face {
    font-family: 'CursiveSansOblique';
    src: url('fonts/cursivesans-webfont.eot');
    src: url('fonts/cursivesans-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/cursivesans-webfont.woff') format('woff'),
    url('fonts/cursivesans-webfont.ttf') format('truetype'),
    url('fonts/cursivesans-webfont.svg#CursiveSansOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'JunctionRegular';
    src: url('fonts/junction_02-webfont.eot');
    src: url('fonts/junction_02-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/junction_02-webfont.woff') format('woff'),
    url('fonts/junction_02-webfont.ttf') format('truetype'),
    url('fonts/junction_02-webfont.svg#JunctionRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1 {
    cursor:pointer;
    text-shadow: 2px 2px 2px #000;
}

p,
li {
    font-family: 'JunctionRegular';
}

p {
margin: .5em 0;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'JunctionRegular';
    margin: 0 0 .3em 0;
}

h2,
h3,
h4,
h5 {
    font-family: 'CursiveSansOblique', sans-serif;
    /* font-style: italic; */
}


li {
    margin: .3em 0;
}

h1.title {
    font-size: 2.4em;
    line-height: 1em;
    color: #800;
}

h2 {
    font-size: 1.15em;
}

li {
    /* font-weight: bold; */
    margin: 0 0 .2em 0;
}

h2 {
    margin: 0 0 0 .5em;
}

div.shots {
    text-align:center;
}


a img.shot:hover {
    outline: #555 double ;
/* border: red solid 5px; */
}

img.shot {
    display: none;
    /* visibility:hidden; */
    width:10em;
    margin: 0 4% 0 0;
    /* display: inline; */
    outline: #000 double thin;
}

sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
    _vertical-align: bottom;
    position: relative;

}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

#footer {
    font-size: .5em;
    text-align:center;
    border-top: #000 1px solid;
    position:fixed;
    left:0;
    bottom:0;
    height:1.5em;
    line-height:1.5em;
    width:100%;
    background:#eee;
}

/* IE 6 */
* html #footer {
    position:absolute;
    top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

/* slide stylesheet for 800x600 */

/* Comment this out to make navigation controls visible: */
#navigation {
    display: none;
}

table {
/* font-size: 30px; */
}

#page {
    height: 90%;
/* If you want an image on every page:
   background: url(img/sample.gif) no-repeat bottom right;
   */
}

#content ul li:nth-child(2n+2) {
  background-image: url(img/bullet-even.gif);
}

#content ul {
    list-style: none;
	padding-left: 0;
      	margin-left: 0;
}

#content ul.nobullets {
    list-style-type: none;
    list-style-image: none;
}

#content li {
  list-style-image: none;
  /* background-image: url(img/purple.png); */
  background-image: url(img/bullet-odd.gif);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: .5em;
  padding: 0.2em 0 0 1.5em;
}

/* Hide points by default -- they'll be made visible via JS */
#points li {
    visibility: hidden;
}

pre {
    font-size: .8em;
    line-height: 1.2em;
    background: #ffd;
    padding: .25em;
    border: 1px inset #fdd;
}

#content {
    margin: 1.5em 1.5em;
/* margin-left: 140px; */
/* margin-right: 30px; */
}

.center {
/* margin-right: 140px; */
/* text-align: center; */
}

#picture {
    text-align: center;
}

.note {
    font-size: .8em;
    font-style: italic;
    color: #f0a;
    /* This doesn't work and I hate CSS: */
    margin-bottom: 30px !important;
}

.url {
    font-size: .8em;
    font-style: italic;
    color: #00f;
}

.longurl {
    font-size: .4em;
    font-style: italic;
    color: #00f;
}

#notes {
    position: absolute; left: 1035px;
    top: 40px;
    width: 330px; /* Need to set a maximum, and clip if it doesn't fit! */
    font-size: 20px;
    line-height: 22px;
    font-family: sans-serif;
}