/*
** talk_slideshow.css
**
** formats Donhost slides for a talk
**
** by Smylers <Smylers@stripey.com>
**
** This file, any image files it links to, and the design produced by rendering
** it are all copyright Smylers or Donhost Ltd 2004.  The files may be used to
** view a document which have been distributed with the files.  The files may
** also be distributed with such a document which you have permission to
** distribute.  The files may not be modified before distribution, and may not
** be appropriated for any other uses, including styling other documents.
**
** However the JavaScript for manipulating the slide show and the style
** directly supporting that may be copied.  See slides_navigation.css.
*/


/* Include the stuff that enables the slide navigation, in a separate file
** because it is licensed differently: */
@import url(slides_navigation.css);

@import url(Donhost.css);


/* The width must be set to ensure that any background image over at the right
** is displayed even on slides with only short bullet points.  Irritatingly the
** it has to be set to the size inside the padding -- make sure that if you
** change the horizontal padding you update the width to (100% - (padding-left
** + padding-right)): */
.Slide
{
  padding: 25px 70px 0 90px;
  width: 864px;
}

/* slide title: */
h2
{
  font-size: 150%;
  border-width: 2px;
}

li code, p code, td code
{
  font-size: 90%;
}

.Filename
{
  font-size: 100%;
}

pre
{
  font-size: 75%;
}

/* image in top-right corner to indicate that the end is in sight: */
#BreakAlert
{
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  width: 26px;
  height: 16px;
  background: url(break_alert.png) no-repeat right top;
}

body
{

  /* styled for slides, so that it is unchanging during slide transitions: */
  background-image: url(slide_bottom.png);
  background-repeat: no-repeat;
  background-position: left bottom;

  font-size: 32px;
  margin-top: 0;
  padding-top: 0;
}

a:visited
{
  color: #059;
}


#Splash
{
  background: url(splash_background.png) no-repeat left bottom;
}

/* Allow margin-top to be set on the things below the gap to the amount
** required and know that the thing above the gap isn't interfering: */
h1, h3, .Presenter, .EMail
{
  margin-bottom: 0;
}

h1, h3
{
  text-align: center;
}

/* main title: */
h1
{
  margin-top: 200px;
  font-size: 240%;
}

/* sub-title: */
h3
{
  margin-top: 1ex;
  font-size: 120%;
}

.Presenter, .EMail
{
  margin-left: 100px;
}

.Presenter
{
  margin-top: 120px;
  font-size: 120%;
  font-weight: bold;
}

.EMail
{
  margin-top: 0.4ex;
  font-size: 80%;
}

.EMail a, .DifferentHref
{
  text-decoration: none;
}

/* event: */
h4
{
  margin-top: 3ex;
  font-size: 75%;
}


.SlideNumber, .Administrivia, .Notes, h4
{
  display: none;
}