/* =============== Basic styling ===============
   ---- These styles provide a basic layout ----
   ---- for presentations, with different   ----
   ---- styles for projection, screen, and  ----
   ---- printed handouts.                   ----
   ----                                     ----
   ---- They combine well with the supplied ----
   ---- Core styles that provide general    ----
   ---- styling (fonts, colors, margins),   ----
   ---- but are not essential for the       ----
   ---- operation of the QuickShow editor.  ----
   ============================================= */

/* -------------- General styling -------------- */

/* Styles for general styling should only be 
   used when you don't use the Core Styles.      */

/*
h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote {
  margin: 0 0 .7em 0;
  }

ul, ol {
  margin-left: 1.3em;
  }
*/

pre, code, tt, kbd { 
  font-size: 95%; 
  }


/* --------------- Screen styling -------------- */

@media screen {

div.notes { 
  margin: .5em 0;
  padding: .5em 0;
  /*font-size: smaller; */
  }

/* Other styles for Screen styling should only 
   be used when you don't use the Core Styles.   */

/*
body {
  font: 1em sans-serif;
  margin: 2em;
  padding: 0;
  line-height: 1.5;
  }
*/

}

/* --------------- Print styling --------------- */

@media print {

body {
  font: 12pt serif;
  margin: 0;
  padding: 0;
  } 

div.projection { 
  margin: 0 0 2em;
  padding: 0;
  border-bottom: thin solid; 
  counter-reset: note; 
  font-size: 12pt; 
  }

div.notes { 
  margin: .5em 0 .5em 1em;
  padding: .5em 1em;
  border-left: thin dotted; 
  font-size: 10pt; 
  }

div.projection:before { 
  counter-increment: slide; 
  content: "[Slide " counter(slide) "]";
  display: block;
  padding-bottom: .5em;
  font-size: 8pt; 
  }

div.notes:before { 
  counter-increment: note; 
  content: "[Note " counter(note) " with slide " counter(slide) "]";
  font-size: 8pt; 
  display: inline;
  padding: 0 1em 0 0;
  }

a[href] { 
  text-decoration: none; 
  }

a[href]:after { 
  content: " \003C" attr(href) ">"; 
  font-size: 8pt; 
  }

}

/* ------------- Projection styling ------------ */

@media projection {

html {
  font: 32px sans-serif;
    /* All pixel values in this style sheet 
    are optimized for 1024*768 displays. 
    Use higher values for bigger displays. */
  margin: 0;
  padding: 0;
  /*min-height: 100%; */
  }

body {
  margin: 0;
  padding: 0;
    /* BODY margins are replaced by the DIV margins, 
    as these are better suited for multi-page 
    layout. */
  background-color: transparent;
  }

div.projection { 
    /* By setting the min-height, you make sure 
    the sheet's margins are honored at the bottom, 
    even if the content doesn't fill the screen.
    Make sure the sum of margin-top and min-height 
    stays below the screen height. */

    /* relative */
  margin: 6%; 
  padding: 0 20px; 
    /* All pixel values in this style sheet are 
    optimized for 1024*768 displays.  */
 /* min-height: 89%;*/

    /* For 1024*768 displays */
/*  margin: 78px 78px; 
  padding: 0 25px; 
  min-height: 690px; */
  }

h1, h2 { 
  /*margin: 0 auto 50px auto;*/
  margin: 0 -20px 0px -20px;
    /* The left- and right-margins of -25px are 
    used to offset the left- and right-padding 
    on div.projection exactly. */
  padding: 15px; 
    /* All pixel values in this style sheet are 
    optimized for 1024*768 displays.  */
	page-break-before : avoid;
  }
  

}