@import url(common.css);

/* slidy specific stuff */

.hidden { display: none; visible: hidden }

.footnote { font-size: smaller; margin-left: 2em; }

div.toolbar {
  position: fixed; z-index: 200;
  top: auto; bottom: 0; left: 0; right: 0;
  height: 1.2em; text-align: right;
  padding-left: 1em;
  padding-right: 1em; 
  font-size: 60%;
  color: red; background: rgb(240,240,240);
}

div.background {
  display: none;
}

#header-logo {
  z-index: 2;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-width: 0;
  float: left;
}

div.slide {
  z-index: 20;
  margin: 0 0 0 0;
  padding-top: 120px;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-width: 0;
  top: 0;  bottom: 0;  left: 0;  right: 0;
  line-height: 120%;
  background: transparent;
}

div.slide h1 {
  z-index: 200;
  position: absolute;
  top: 0; bottom: 0; left: 180px; right: 0;
  height: 120px;
  padding-top: 10pt;
  padding-bottom: 4pt;
  padding-left: 4pt;
  padding-right: 4pt;
  display: block; 
  font-size: 160%;
  line-height: 120%;
  background: transparent;
}

.navbar a:link {color: white}
.navbar a:visited {color: yellow}
.navbar a:active {color: red}
.navbar a:hover {color: red}


/* titlepage slide  */
div.slide.titlepage {
  padding-top: 120px;
  padding-left: 160px;
}

div.slide.titlepage h1 {
  padding: 0;
  margin: 0;
  height: auto;
  position: inherit;
}

div.slide.titlepage div.header {
  font-size: 160%;
  line-height: 120%;
}