@import url("reset.css") all;
/* Import von Eric Meyers reset.css /*

/* CSS Default theme fuer die xphp-slides  */
/* Author: jg@handcode.de */
/* $Id: slides.css,v 1.20 2010/07/14 15:19:14 jg Exp $ */

/* Allgemeine Definitionen */
html { height: 101%; }


body {font-family: Verdana, Helvetica, sans-serif;} 

body { background-color: #ccc; font-size: 15pt;}

h1 { font-size: 1.4em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }

h1,h2,h3,h4 {margin-top: 0.5em; margin-bottom: 0.2em; }

strong { font-weight:bold; }
em { font-style:italic; }
a { text-decoration: none;}
a:hover { text-decoration: underline }

/* Blocke innerhalb der slides */

#header 
{ 
  }

#headermeta { display: none; }

#header, #content, #footer 
{ 
  padding-left: 2em; 
  padding-right: 2em; 
  }

#footer, #header
{ 
  position: fixed;
  background-color: #999;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 100%;
  }

#footer 
{   
  font-size: 0.5em; 
  bottom: 0;
  height: 40px;
  }  

#header
{   
  top: 0;
  height: 50px;
  }  

#content 
{ 
  padding-top: 65px;
  padding-bottom: 55px;
  /* px angabe stoert beim auto resize */
  /* height: 500px; */
  height: 100%;
 }

/* footer meta */
#meta 
{ 
  float: left;
  }

#meta, #slidenavi, #slidecounter 
{ 
  padding: 2px;
  padding-left: 10px;
  padding-right: 10px;

  }

#slidenavi, #slidecounter 
{
  text-align: right;
  width: 200px;
  position: absolute;
  /* right: 40px; */
  right: 4em;
  }

#slidecounter 
{
  top: 2em;
  }

/* Formatierungen im content */
#content { line-height: 1.4em; }
#content dl, #content ul, #content ol { margin-bottom: 1.5em; margin-top: 1em; }
#content p { margin-bottom: 1em; margin-top: 1em; }
#content ul { list-style: square; }
#content ul li { margin-left: 1em; margin-bottom: 0.6em;}
#content dt { font-weight: bold; }
#content dd { margin-bottom: 1em; }
#content .high { color: #900; }
.ui-widget-content .high { color: #900; }

.center #content {  text-align: center;}


/* Schatten fuer code/kbd bloecke */
kbd, div.phpcode, div.code, div.kbd 
{ 
  width: 95%;
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 1em;
  border: 1px solid #333;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 5px 10px #333;
  -moz-border-radius: 5px;
  -moz-box-shadow: 0px 5px 10px #333;
  background: #c2c2cf;
  font-family: monospace;
  font-size: 0.9em;
  line-height: 1.2em;
  }

#content img
{ 
  margin: 20px;
  border: 1px solid #333;
  padding: 5px;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0px 5px 10px #333;
  -moz-border-radius: 5px;
  -moz-box-shadow: 0px 5px 10px #333;
  background: #c2c2cf;  
 }

var 
{ 
  font-family: monospace; 
  color: #000;
  font-weight: bold;
  font-size: 1.1em;
  }

blockquote
{ 
  padding: 1em;
  border: 1px dashed #ccc; 
 }

.border { border: 1px dashed #ccc; }


/* Sonderformate */
#slide0 #content h1
{ 
  font-size: 2em;
  padding-bottom: 0.5em;
  border-bottom: 1px solid;
 }

#slide.big #content
{ 
  font-size: 1.5em;
  }

.small, div.small { font-size: 0.8em; }

.hint  { font-size: 0.7em; }

/* mailto Links */
#content a[href^="mailto:"]:after
{ 
  content: " "url(../icons/mailto.png)" ";
  }


/* externe Links */
#content a[href^="http://"]:after,
#content a[href^="https://"]:after 
{ 
  
  content: " "url(../icons/ext-link.png)" ";
  }


/* TOC Kram */
#toc
{ 
  font-size: 0.7em;
 }

#toclist li.chapter, #toclist li.startslide 
{ 
  margin-top: 0.5em; 
  font-weight: normal; 
  }

#toclist li { margin-bottom: 0.2em; }