/* experimental slide stylesheet for 1366x768: notes on rightmost 342 px */

#navigation {
  /* Comment out this next line to make navigation controls visible: */
  display: none;
  font-size: 12px;
  z-index: 99;
  position: absolute; top: -10px; right: 1em;
}

#slideno {
  font-size: .4em;
  font-style: italic;
  position: absolute;
  right: 1.5em;
  bottom: .7em;
}

.greyed { color: #678; }

body {
  background: white url(pix/vfade.jpg) repeat-x;
  margin-top: 0em;
  font-size: 44px;
  line-height: 1.3em;
  /*padding-bottom: 0;
  /*margin: 0px 0px 0px 0px;*/
}

#page {
  width: 1024px;
  height: 762px;   /* !768 because of firefox residual top bar */
  position: absolute; left: 0px; top: 0px;
  font-family: dejavu sans,arial,sans-serif;
  outline: #ddf solid thin;
}

#page > img { margin: 60px 40px 30px 40px; }

#page > img.fullpage {
  position: absolute; margin: 0; padding: 0; border: 2px;
  z-index: -1;
}

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

#content {
  margin-left: 140px;
  margin-top: 75px;
  width: 800px;
  font-family: Times New Roman, serif;
  font-size: 1.15em
}

#content.wide {
  margin-left: 80px;
  width: 880px;
}

#content big { font-size: 1.15em; }

table { font-size: 1em; }
td, th { margin: 0; }

strike { color: #444; }

th { text-align: left; }
td { padding: .5em .3em; }

/* H1 titles of various types: */

h1 {
  font-family: sans-serif;
  margin: 1.1em 2px .5em 1em;
  font-size: 1.3em;
  color: #800;
}

.title {
  line-height: 1em;
}

.bigtitle {
  font-size: 2.3em;
  margin-top: .3em;
  margin-left: 1em;
  line-height: 1.3em;
  /*text-align: center;*/
}

.sectiontitle {
  text-align: center;
  font-size: 2.0em;
  margin: 2.2em 2em 1em 2.5em;
  line-height: 1.3em;
}

/* A style to put on #page when it has a background image;
 * this is in addition to style=url(pix/something.jpg).
 */
.bgimage {
  background-repeat: no-repeat;
/*
  background-attachment: fixed;
  background-position: center;
 */
  background-position: 50% 50%;
}

h2 {
  font-size: 1.0em;
}

#content ul, ol { line-height: 1.1em; }

#content ul { list-style-image: url("pix/red.png"); }

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

ul li { margin-top: 1.4em; margin-bottom: .6em; line-height: 1.3em; }

ol li, dl dt { margin-top: 1.5em; margin-bottom: .6em; }

ul ul li { margin-top: 0; margin-bottom: .6em; }

.biglist { margin-top: 3em; }
.biglist li { font-size: 1.2em; margin: 2em; }

.compact li { margin-top: .8em; }

.squinchedlist li {
  margin-top: 0em;
  margin-bottom: 0em;
}

ul ul, ol ul {
  font-size: .8em;
  line-height: 1.25em;
}

dt { font-weight: bold; }

dd { margin-bottom: .8em; }

#points li {
  visibility: hidden;
}

.spacedout {
  line-height: 1.9em;
}

code { color: white; background: black; font-size: .8em;
       padding-left: 25px; padding-right: 25px; }

pre {
  font-size: .65em;
  line-height: 1.3em;
  color: white;
  background: black;
  padding: .25em;
  border: 1px inset #fdd;
  white-space: pre-wrap;  /* For ff2, use -moz-pre-wrap */
}

.smallpre { font-size: .6em; }
.smallerpre { font-size: .5em; }
.overflowpre {
  font-size: .45em;
  margin: -1.5em -2em 0 -4.5em;
  white-space: pre;
  overflow: hidden;
}
.scrolledpre {
  font-size: .5em;
  overflow: scroll !important;
  white-space: pre;
  height: 555px;
  margin-top: -45px;
  margin-left: -75px;
}

/* try to look like the Linux console */
pre.console {
  color: white; background: black;
  font-size: .45em;
  /*font-family: lucidatypewriter, sans-serif;*/
  overflow: hidden;
  white-space: pre;
  margin-top: -45px;
  margin-left: -75px;
}
pre.console .inverse {
  color: black; background: white;
}
pre.console em {
  color: yellow; background: #00a; font-style: normal;
}

pre em { color: #ff3; font-weight: bold; }
pre b { color: #ff3; font-weight: bold; font-size: 1.1em; }
pre.console b { font-size: 1em; }
pre strike { color: #fb4; }

.newcode { color: #a00; font-size: 1.1em; }

.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: .9em;
  font-style: italic;
  color: #00f;
}

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

strong { font-weight: bold; text-decoration: underline; }

/* distros on the lightweight-distros page: */
.imgbox { display: inline-block; position: relative; margin-right: 15px; }
.imgbox a { text-decoration: none; color: black; }
.imgbox a:visited { color: black; }
.imgbox img { border: none; }
.imgbox big { margin-top: -20px; margin-left: 100px; }
.imgbox .caption {
    font-size: .7em;
    position: absolute; bottom: -50; left: 30px;
}