/* =============== Color styling ===============
   ---- These styles provide a basic layout ----
   ---- for presentations, with different   ----
   ---- colors for projection, screen, and  ----
   ---- printed handouts.                   ----
   ============================================= */

/* ================ Opera theme ================ */

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

html, body { 
  color: black; 
  background: white; 
  }

a:link {
  text-decoration : none; 
  color : #0000ff; 
  background-color : transparent; 
  }

a:visited {
  text-decoration : none; 
  color : #000099; 
  background-color : transparent; 
  }

a:active {
  text-decoration : underline; 
  color : #6600cc; 
  background-color : transparent; 
  }

a:hover {
  text-decoration : underline; 
  color : #6600cc; 
  background : transparent; 
  }

span.line { 
	color : red; 
	}

pre, tt {
	font-weight : bold; 
	color : green; 
	}

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

@media screen {

h2 {
  font-size : 120% !important;
  background-color : #ddddff;
  margin-top : 1.1em;
  margin-bottom : 0.6em;
  padding-top : 1px;
  padding-right : 0;
  padding-bottom : 1px;
  padding-left : 3px;
  }

body {
  margin: 2em; 
  padding: 0 200px 0 0; 
  font-family : Arial, Helvetica, sans-serif; 
  background-color: white; 
  }

h1 {
  font-size : 1.5em !important; 
  margin-top : 0; 
  margin-bottom : 0.35em; 
  padding-right : 200px; 
  }
  
h3 {
  font-size : 105%; 
  margin-top : 0.15em; 
  margin-bottom : 0.2em; 
  }
  
h4 {
  font-size : 89%; 
  margin-top : 0.1em; 
  margin-bottom : 0.2em; 
  }

img#background { display: none; }

}

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

@media print { 

* { 
  color: black; 
  background: white; 
  }

}

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

@media projection {

html, body {
  color: black;
  background: white;
  font-family : Gill Sans, sans-serif;
 /* font-size : 30px;*/
  }

div.projection {
  color: black;
  color: white;
  background-color: transparent;
  margin: 30px !important;
  padding: 0 30px !important;
  background-image: url(/prx/000/http/www.markschenk.com/cssexp/background/oshow/transparentblue.png);
  }

h1, h2 {
  padding-right: 200px !important;
  border-bottom : thick solid #ee0044;
  font-size : 1.25em !important;
  min-height: 100px;
  }

pre, code, tt, kbd {
  font: 90% monospaced;
  }

span.line { 
	color : red; 
	}

pre, tt {
	font-weight : bold !important; 
	color : green; 
	}

}


img#background { height: 100%; width: 100%; z-index: -1; position: fixed; top: 0px; left: 0px; color: white; }