@charset "UTF-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
/*font-family: 'Sirin Stencil', cursive;
font-family: 'Londrina Sketch', cursive;
font-family: 'Monoton', cursive;
font-family: 'Montserrat Subrayada', sans-serif;
font-family: 'Faster One', cursive;
font-family: 'Special Elite', cursive;
font-family: 'Bevan', cursive;
font-family: 'Stardos Stencil', cursive;
font-family: 'Press Start 2P', cursive;*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


body {
font-family:Verdana, Geneva, sans-serif;
line-height: normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
}
blockquote:before, blockquote:after,
q:before, q:after {
}

section {
	width:960px;
	margin: 0px auto 0px auto;
	position: relative;
	background-image:;
	background-repeat:no-repeat;
	z-index: 1;
}
h1 {
	position: relative;
	height: 100px;
	font-family: 'Bangers', Verdana, cursive;
	font-size: 65px;
}
h2 {
	font-size: 29px;
	font-family: 'Londrina Sketch', Verdana, Geneva, sans-serif, cursive;
	position: absolute;
	top: 4px;
	left: 60px;
	z-index: 99999999 !important; font-weight:bold;
}
article#main-content {
	width: 849px;
	margin: -5px auto 0px auto;
	font-family:'Short Stack', Verdana, cursive;
	font-size: 11px;
	background: #FFF;
	background-image: url(images/projector-middle.png);
	background-repeat:repeat-y;


}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-right: 50px;
	padding-right:30px;
	padding-left: 30px;	padding-top: 10px;
	background: #fff;

}

img#carousel {
	position: absolute;
	top: 220px;
	left: -55px;
}

header {
	background-image:url(images/projector-top.png);
	height: 186px;
	background-repeat:no-repeat;
}
footer {
	background-image:url(images/projector-bottom.png);
	height: 281px;
	background-repeat:no-repeat;
}

img#remote {
	position: absolute;
	top: 47px;
	left: -117px;
	-webkit-transform: rotate(9deg);
	-moz-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	-o-transform: rotate(9deg);
}

p.first {
	padding-top: 35px !important;
	border-top-left-radius: 10px;
		border-top-right-radius: 10px;
}
p.bottom {
	padding-bottom: 15px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
}
div#figure1 {
	position: absolute;
	width: 320px;
	height: 308px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 37px;
	top: 369px;
	z-index: 100;
	background-image: url(figures/figure-1.png);
}
div#figure2 {
	position: absolute;
	width: 320px;
	height: 308px;
	background-repeat: no-repeat;
	background-image: url(figures/figure-2.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 378px;
	top: 369px;
	z-index: 100;
}
div#figure3 {
	position: absolute;
	width: 320px;
	height: 308px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 37px;
	top: 675px;
	z-index: 100;
	background-image: url(figures/figure-3.png);
}

div#figure4 {
	position: absolute;
	width: 320px;
	height: 308px;
	background-repeat: no-repeat;
	background-image: url(figures/figure-4-bg.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 378px;
	top: 675px;
	z-index: 100;
}
div#figure5 {
	position: absolute;
	width: 320px;
	height: 308px;
	background-repeat: no-repeat;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 37px;
	top: 980px;
	z-index: 100;
	background-image: url(figures/figure-5.png);
}
div#figure6 {
	position: absolute;
	width: 320px;
	height: 308px;
	background-repeat: no-repeat;
	background-image: url(figures/figure-7-bg.png);
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	left: 378px;
	top: 980px;
	z-index: 100;
}
h3#one {
	position: absolute;
	font-family: Verdana, Geneva, sans-serif;
	font-family: 'Londrina Sketch', Verdana, Geneva, sans-serif, cursive;
	font-size: 25px;
	top: 342px;
	left: 60px;
}
h3#two {
	position: absolute;
	top: 342px;
	font-family: Verdana, Geneva, sans-serif;
	font-family: 'Londrina Sketch', Verdana, Geneva, sans-serif, cursive;
	font-size: 25px;
	left: 393px;
}

h4 {
	font-family:"Courier New", Courier, monospace;
	font-size: 15px;
	margin-left: 61px;
	margin-top: 30px;
	font-weight:bold;
	float: left;
	
}
p.affordance {
	padding: 0px;
	margin-top: 13px;
	margin-left: 60px;
	margin-right: 45px;
	background: none;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif
	color: #000;
}

p.constraint {
	padding: 0px;
	margin-top: 170px;
	margin-left: 60px;
	margin-right: 30px;
	background: none;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
}
p.constraint-2 {
	padding: 0px;
	margin-top: 15px;
	margin-left: 60px;
	margin-right: 30px;
	background: none;
	font-size: 9px;
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
}

div.item {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	left: 37px;
	top: 276px;
}
div.item-1 {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	top: 276px;
	left: 378px;
}
div.item-2 {
	position: absolute;
	z-index: 9999999;
	background-color: none;
	width: 320px;
	top: 708px;
	left: 37px;
}
div.item-3 {
	position: absolute;
	z-index: 9999999;
	background-color: none;
	width: 320px;
	top: 708px;
	left: 378px;
}

figure#bradbury{
	position: absolute;
	top: 116px;
	left: 45px;
	z-index: 100000000;
	width: 320px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
	}
figure#muhlhauser {
	position: absolute;
	top: 116px !important;
	left: 375px;
	z-index: 100000000;
	width: 320px;
	font-size: 10px;
	font-family: Verdana, Geneva, sans-serif;
}
figcaption {
		padding-left: 30px;
		padding-right: 25px;
	
	}
blockquote {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	margin-left: 30px;
	margin-right: 50px;
	padding-right:80px;
	padding-left: 80px;	padding-top: 10px;
	padding-bottom: 0px;
	background: #fff;

}
aside#static20 {
	width: 320px;
	position: absolute;
	z-index: 100000000;
	left: 37px;
	top: 1008px;
}

aside#static-dynamic {
	width: 320px;
	position: absolute;
	z-index: 100000000;
	left: 378px;
	top: 577px;
}

aside#dynamic {
	width: 320px;
	position: absolute;
	z-index: 100000000;
	left: 37px;
	top: 577px;
}
aside p{
	margin: 0px;
background: none;
padding-right: 25px;
padding-left: 30px;
font-size:10px;}
	
img#dynamicanimation {
	position: absolute;
	z-index: 990000;
	left: 93px;
	top: 770px;
	width: 199px;
	height: 142px;
}
strong {
	font-weight:bold;
}
aside#theory1 {
	width: 320px;
	position: absolute;
	z-index: 100000000;
	left: 378px;
	top: 1008px;
}

/*THIS IS WHERE THE SHOWS STUFF GOES*/
div.item-4 {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	left: 37px;
	top: 260px;
}
aside#pedagogy {
	width: 320px;
	position: absolute !important;
	z-index: 100000000;
	left: 37px;
	top: 563px;
}

div.item-5 {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	top: 260px;
	left: 378px;
}
aside#photodata {
	width: 320px;
	position: absolute !important;
	z-index: 100000000;
	left: 378px;
	top: 563px;
}
div.item-6 {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	top: 652px;
	left: 37px;
}
aside#afford20 {
	width: 320px;
	position: absolute !important;
	z-index: 100000000;
	left: 37px;
	top: 956px;
}
div.item-7 {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	top: 652px;
	left: 378px;
}
aside#advanced20 {
	width: 320px;
	position: absolute !important;
	z-index: 100000000;
	left: 205px;
	top: 1342px;
}
div.item-8 {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	top: 1037px;
	left: 205px;
}
div.item-9 {
	position: absolute;
	z-index: 100000000;
	background-color: none;
	width: 320px;
	top: 870px;
	left: 213px;
}
aside#theory20 {
	width: 320px;
	position: absolute !important;
	z-index: 100000000;
	left: 378px;
	top: 956px;
}

img#bradburymove {
	position: absolute;
	left: 365px;
	top: 136px;
	z-index: 10;
}
img#muhlhausermove {
	position: absolute;
	left: 43px;
	top: 136px;
	z-index: 10;
}
iframe#muhlhauservideo {
	width: 250px;
	height: 186px;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 76px;
	top: 181px;
	z-index: 9;
}
iframe#bradburyvideo {
	width: 250px;
	height: 186px;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 405px;
	top: 194px;
	z-index: 9;
}
iframe#wsudynamicvideo {
	width: 250px;
	height: 200px;
	position: absolute;
	margin: 0;
	padding: 0;
	left: 63px;
	top: 780px;
	z-index: 9;
}
img#workscitedimage {
	position: absolute;
	left: 291px;
	top: 407px;
}
p#download {
	width: 220px;
	font-size: 9px;
	position: absolute;
	z-index: 30;
	padding: 0;
	margin: 0;
	background: transparent;
	left: 107px;
	top: 366px;
}
p#download1 {
	width: 220px;
	font-size: 9px;
	position: absolute;
	z-index: 30;
	padding: 0;
	margin: 0;
	background: transparent;
	left: 428px;
	top: 366px;
}
span.italic {
	font-style:italic;
}