html {
    height: 100%;
	background-color: #fefffe;
}
body {
	width: 1024px !important;
    height: 630px !important;
	margin-left: -462px !important; /* ORIG -462 */
	margin-top: -350px !important;
}
section {
	background: transparent;
	color: #000;
	width: 1000px !important; /* ORIG 800, 1000 */
	height: 600px !important;
  /* ORIG padding: 50px 112px 0; */
  padding: 50px 50px 0;
	font-family: 'PT Sans', sans-serif;
	font-size: 20pt; /* ORIG 16, 18 */
}
body :first-child {
}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, table, ul, dl { padding: 10px 20px 10px 20px; }
h1, h2, h3 {
	text-align: left;
	color: #666; 
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}
input, select {
border 0.5pt solid black;
font-size: 16pt;
line-height: 10pt;
padding: 0 0 -2.5pt 0;
z-index:1;
}
ul, ol {
	margin: 10px 10px 10px 50px;
}
a { color: #205CB3; }
section.titleslide h1 { margin-top: 200px; }
h1.title { margin-top: 150px; font-size:200%; margin-bottom: 20px; text-align: center; text-shadow:0px 2px 1px #444; 
-webkit-transition: color 1s ease-in-out;
-moz-transition: color 1s ease-in-out;
 }
h1.title:hover {
color: #C43628;
}
h2.author { font-size: 120%; margin-top: 0px; margin-bottom: 0px; text-align:center; color: #555; font-family: 'PT Sans'; font-weight: normal;}
h3.date { font-size: 80%; margin-top: 0px; text-align: center; color: #555; font-family: 'PT Sans'; font-weight: normal;}
h1 { font-size: 160%; margin: 0 0 10px; text-shadow:0px 2px 1px #fff;}
h2 { font-size: 140%; } 
h3 { font-size: 100%; }
blockquote { font-style: italic }
q {
	display: inline-block;
	width: 700px;
	height: 600px;
	background-color: black;
	color: white;
	font-size: 60px;
	padding: 50px;
}
footer {
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-shadow: white 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 5px;
}
/* JHALA: pre, code { background: transparent; } 
pre, code {background-color:#E6F0FA;}
*/

code { background: transparent; }

pre { 
      /* ORIG padding: 10px 50px; */
      padding: 10px 20px; 
      overflow: auto ;
      background-color:#E6F0FA;
    }

td > pre { padding: 0px; }
td { padding: 5px; }
::-moz-selection { background-color: khaki; }
code { font-family: 'Monaco'; font-size: 90%; }
code > span.co { font-style: normal; }
code > span.kw { font-weight: normal; }
code > span.er { font-weight: normal; }

/* Transition effect */
/* Feel free to change the transition effect for original
animations. See here:
https://developer.mozilla.org/en/CSS/CSS_transitions
How to use CSS3 Transitions: */
section {
	-moz-transition: left 400ms ease-in-out 0s;
	-webkit-transition: left 400ms ease-in-out 0s;
	-ms-transition: left 400ms ease-in-out 0s;
	transition: left 400ms ease-in-out 0s;
}

/* Before */
section { left: -150%; }
/* Now */
section[aria-selected] { left: 0; }
/* After */
section[aria-selected] ~ section { left: +150%; }

/* Incremental elements */

/* By default, visible */
.incremental > * { opacity: 1; }

/* The current item */
.incremental > *[aria-selected] { color: red; opacity: 1; }

/* The items to-be-selected */
.incremental > *[aria-selected] ~ * { opacity: 0.2; }

/* Jhala Hacking the Background */

a { color: #205CB3; }

.align-center
{
margin-left:auto;
/* margin-right:auto; */
}

.align-right { float:center; margin: 0 0 125px 125px; }
/*
.align-right { float:center; margin: 0 0 75px 75px; }
.align-left { float:left; margin: 0 15px 15px 0; }
*/