/*
-----------------------------------------------
presentation screen style
author:   douglas bowman
version:  31 Jan 2004
----------------------------------------------- */


body {
  background:#fff url("../img/bg_body.gif") repeat-x left top;
  margin:0;
  padding:0;
  font-family:"Trebuchet MS",Trebuchet,"Lucida Grande",Verdana,Sans-serif;
  color:#000;
  }
body#titleslide {
  background:#def;
  }
a {
  color:#357;
  }
a img {
  border-width:0;
  }


/* Header
----------------------------------------------- */
#header {
  background:#cde;
  margin-top:13px;
  border-top:1px solid #acc;
  border-bottom:1px solid #8aa;
  text-align:center;
  }
#titleslide #header {
  background:#cde url("../img/bg_collage.jpg") repeat-x center bottom;
  padding-bottom:51px;
  margin-top:90px;
  }
#header h1 {
  background:#acd url("../img/bg_header.jpg") no-repeat 50% 30%;
  margin:0 70px;
  border:1px solid #9bb;
  border-width:0 1px;
  padding:12px 0;
  font-size:100%;
  line-height:1.3em;
  color:#246;
  }
#titleslide #header h1 {
  background-position:50% 30%;
  font-size:220%;
  padding:16px 0;
  }
#header h1 a, #header h1 a:hover {
  text-decoration:none;
  color:#247;
  }
#header h1 strong {
  display:block;
  margin:.2em 0 0;
  text-transform:uppercase;
  font:80%/1.4em Georgia,Serif;
  letter-spacing:.6em;
  color:#588;
  }
#titleslide #header h1 strong {
  font-size:60%;
  line-height:1.6em;
  }
#header h1 em {
  margin-left:.2em;
  text-transform:uppercase;
  letter-spacing:.3em;
  color:#476;
  font-style:normal;
  font-weight:bold;
  font-size:75%;
  line-height:1.2em;
  white-space:nowrap;
  }


/* Title Slide
----------------------------------------------- */
#presented-by {
  margin:.75em 0;
  font-size:140%;
  text-align:center;
  }
#date {
  margin-bottom:3em;
  font:90%/1.6em Georgia,Serif;
  text-transform:uppercase;
  letter-spacing:.5em;
  color:#579;
  text-align:center;
  }
#event {
  margin:0 20%;
  font-size:70%;
  color:#abb;
  text-transform:uppercase;
  letter-spacing:.3em;
  text-align:center;
  font-weight:bold;
  }
#presented-by strong, #date strong {
  display:none;
  }


/* Content
----------------------------------------------- */
#content {
  margin:20px 72px 0;
  }
.example #content {
  text-align:center;
  }
#titleslide #content {
  text-align:center;
  }
h2 {
  margin:0 0 .5em;
  font-size:180%;
  line-height:1.4em;
  color:#696;
  }
h2 em {
  font-size:75%;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-style:normal;
  }
.example h2 {
  font-size:130%;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
.title h2 {
  margin-top:1em;
  font-size:250%;
  text-align:center;
  }
h3 {
  margin:1em 0 .5em;
  padding-bottom:.15em;
  border-bottom:1px dotted #aca;
  font-size:140%;
  line-height:1.4em;
  color:#7a7;
  }
h3 em {
  font-size:75%;
  line-height:1.2em;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-style:normal;
  }
h4 {
  margin:1.5em 0 .5em;
  font-size:100%;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
p {
  margin:0 0 .75em;
  line-height:1.5em;
  }
.title p {
  text-align:center;
  margin-bottom:1.5em;
  }
.left {
  float:left;
  margin:0 15px 10px 0;
  }
.right {
  float:right;
  margin:0 0 10px 15px;
  }
.left img, .right img, p.img img {
  padding:4px;
  border:1px solid #ccc;
  }
p.img {
  margin:.5em auto;
  }
p.fullimg {
  margin:1em 0;
  text-align:center;
  background-repeat:no-repeat;
  background-position:left top;
  }
p.fullimg img {
  border:1px solid #ccc;
  padding:4px;
  }
.left .orig {
  border:2px solid #000;
  padding:3px;
  }
p.caption {
  margin:-.5em 0 0;
  text-align:center;
  font-size:80%;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
p.description {
  color:#333;
  }
p.description strong {
  color:#696;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.emphasize {
  font-size:130%;
  line-height:1.5em;
  }
p em.emphasize {
  font-size:100%;
  text-transform:uppercase;
  }
.important {
  font-size:180%;
  line-height:1.5em;
  }
.codeblock {
  background:#eee;
  border:1px solid #ccc;
  padding:10px;
  margin:1em 0;
  }
code {
  font-size:125%;
  font-family:"Courier New",Courier,Monospace;
  line-height:1.5em;
  color:#060;
  }
code strong {
  color:#900;
  background:#fff;
  padding:.3em .1em;
  }
code a {
  text-decoration:none;
  }
.divider {
  clear:both;
  padding:5px 0;
  border-bottom:1px dotted #ccc;
  margin-bottom:10px;
  }
.divider hr {
  display:none;
  }
.hidden {
  display:none;
  }
.examples {
  margin:-142px 0 0;
  }
.examples p {
  padding:142px 0 20em;
  }

/* Lists
----------------------------------------------- */
ul {
  margin:1em 0 1.5em;
  padding:0 1em;
  line-height:1.5em;
  }
ol {
  margin:1em 1em 1.5em;
  padding:0 1.5em;
  line-height:1.5em;
  }
ul.emphasize, ol.emphasize, ul.important, ol.important {
  margin:.75em 0 1em;
  }
li {
  line-height:1.5em;
  margin-bottom:.5em;
  }
.index li {
  margin-bottom:0;
  font-size:90%;
  }
ul li {
  background:url("../img/bullet.gif") no-repeat 0 .3em;
  margin:0 0 .5em;
  padding:0 0 0 22px;
  list-style:none;
  }
.emphasize li, .important li {
  background-position:0 .4em;
  margin-bottom:.25em;
  }
.important li {
  background-position:0 .5em;
  }
li ul, li ol {
  margin:.5em 0 .65em;
  }
li li {
  background:url("../img/bullet2.gif") no-repeat 0 .5em;
  padding:0 0 0 18px;
  color:#333;
  margin-bottom:.25em;
  }
.emphasize li li, .important li li {
  background-position:0 .6em;
  }
dl {
  line-height:1.5em;
  }
dt {
  margin:1em 0 .25em;
  }


/* Navigation
----------------------------------------------- */
#nav {
  margin:0;
  }
#nav-prev, #nav-next {
  position:absolute;
  top:22px;
  font-size:1px;
  line-height:1px;
  display:block;
  width:30px;
  height:30px;
  text-indent:-3000px;
  text-decoration:none;
  }
#titleslide #nav-next {
  top:120px;
  }
#nav-prev {
  background:url("../img/btn_prev.gif") no-repeat left top;
  left:20px;
  }
#nav-next {
  background:url("../img/btn_next.gif") no-repeat left top;
  right:20px;
  }
#nav-prev:hover, #nav-next:hover, #nav-prev:focus, #nav-next:focus {
  background-position:0 -30px;
  }
#nav span {
  display:none;
  }
#extranav {
  margin:0;
  line-height:1.2em;
  }
#extranav span {display:none;}
#pagecount, #indexlink {
  float:left;
  width:50px;
  margin:2px 0 2px 10px;
  font-size:65%;
  color:#abb;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  }
#indexlink {
  float:right;
  margin:2px 10px 2px 0;
  }


/* Theme
----------------------------------------------- */
#theme {
  position:absolute;
  top:4px;
  right:21px;
  width:30px;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:1px;
  }
#theme a {
  margin:0 1px;
  float:left;
  }
#theme a img {
  border:1px solid #abb;
  width:6px;
  height:3px;
  }
#theme a:hover img, #theme a:focus img {
  border-color:#999;
  }
#theme1:hover img {
  background:#fff;
  }
#theme2:hover img {
  background:#997;
  }
#theme3:hover img {
  background:#000;
  }


/* Footer
----------------------------------------------- */
#footer {
  clear:both;
  margin:0 70px;
  padding-top:1px; 
  font-size:75%;
  line-height:1.5em;
  color:#999;
  }
#footer p {
  border-top:1px dotted #ccc;
  padding:10px 0;
  margin:2em 0 0;
  }
#footer hr {
  display:none;
  }