/* CSS Reset
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* 
----------------
GENERAL SETTINGS
----------------
*/

/* PAGE LAYOUT */

div.fullscreen {
	height: 1280px;
	width: 800px;
	position: relative; 
}

div.fullscreen div {
  position: absolute; 
}

.fullscreen div.txt {
  position: absolute; 
}


/* FONT EMBEDDING */

@font-face {
	font-family: "Showcard Gothic";
	src: url(../Fonts/font00065.ttf);
}

@font-face {
	font-family: "Marker Fine Point";
	src: url(../Fonts/font00066.ttf);
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Wingdings";
	src: url(../Fonts/font00067.ttf);
}


/* TEXT FORMATTING */ 

body {
	font-family: "Marker Fine Point";
	font-size: 300%;
	color: black;
}

p { 	text-shadow: .02em .03em .05em #2a2a2a;
	position: relative;
	line-height: 100%;
}

.centered {
	text-align: center;
}

.justify {
	text-align: justify;
}

.rightalign {
	text-align: right;
}

.uppercase {
	text-transform: uppercase;
}

.note {
	font-size: 75%;
	font-style: italic;
	text-align: center;
	margin-left: 10%;
	margin-right: 10%;
}

.footnote {
	font-size: 74%;
	font-style: italic;
	text-align: justify;
	margin-left: 10%;
	margin-right: 10%;
}

.wingdings {
	font-family: "Wingdings";
}

.textmargins {
	margin-left: 6%;
	margin-right: 6%;
	font-size: 115%;
}

.textbox {
	margin: 10%;
	width: 80%;
	padding: 0%;
}

h1 {	
	font-family: "Showcard Gothic";
	font-size: 120%;
	text-align: center;
	text-transform: uppercase;
	text-shadow: .05em .05em .08em #2a2a2a;
	letter-spacing: .03em;
	line-height: 92%;
}

h2 {	
	font-family: "Showcard Gothic";
	font-size: 135%;
	text-align: center;
	text-shadow: 0 0 .3em white;
	line-height: 90%;
}

h3 {	
	font-family: "Marker Fine Point";
	font-size: 120%;
	font-weight: lighter;
	line-height: 100%;
	text-align: justify;
	text-shadow: 2px 2px 4px #333;
}

#topheader {
	position: absolute;
	top: 3%;
}


/* 
============
PAGE LAYOUTS
============
*/

/* PROMO PAGE */

#section-1 {
	top: 8%;
	font-size: 110%;
}

#section-2 {
	top: 2%;
	font-size: 90%;
}

#note {
	top: 5%;
	font-size: 80%;
}

img.thumbnail {
	margin-top: 18%;
	height: 38%;
	width: 38%;
}


/* COPYRIGHT PAGE */

#copyright {
	position: relative;
	text-align: center;
	font-size: 80%;
	top: 25%;
}

#image-left {
	background-image: url(../Images/image00070.jpeg);
}


/* TABLE OF CONTENTS */

/* Positioning */

/* Header Title */
#contents {
	position: absolute;
	top: 15%;
	}

/* TOC Title */
#subheader { 
	top: 30%;
	}

/* TOC Entries */
#entries {
	font-size: 90%;
	line-height: 125%;
	top: 35%;
	margin-left: 20%;
	margin-right: 20%;
	text-align: right;
	}

#footnote {
	top: 45%;
}

/* Text Formatting */
.subtitle {
	font-size: 125%;
}

/* Overrides to default hyperlink formatting for TOC entries */
a.link {
	color: black;
	text-decoration: none;
}

/* Background Image */
#image-right {
	background-image: url(../Images/image00070.jpeg);
}


/* PAGE 5 */
/* Image Placement - CSS Method */

div.image {
	position: absolute;
	background-repeat: no-repeat;
   	background-size: 100% auto;
	height: 1280px;
	width: 800px;
	z-index: -1;
}

#css-image {
	background-image: url(../Images/image00070.jpeg);
}

/* PAGE 6 */
/* Image Placement - HTML Method */

img.fullpage {
	position: absolute;
	height: 1280px;
	width: 800px;
	z-index: -1;
}

/* Alpha Gif Layer */

#balloon {
	background-image: url(../Images/image00070.jpeg);
}

div.alpha {
	position: absolute;
	background-repeat: no-repeat;
   	background-size: 100% auto;
	height: 335px;
	width: 335px;
	top: 15%;
	right: 1%;
	z-index: 1;
}

/* Text Layer */

#textlayer {
	position: absolute;
	top: 18.5%;
	right: 6%;
	z-index: 2;
}

p.dialogue {
	position: relative;
	font-family: "Marker Fine Point";
	text-align: center;
	font-size: 95%;
	line-height: 95%;
}

/* PAGES 7-8 (Page Spread) */

#section1 {
	top: 3%;
	width: 88%;
}

#section2 {
	right: 0%;
	top: 28%;
}

#section3 {
	right: 0%;
	top: 55%;
}

#section4 {
	left: 2%;
	bottom: 2%;
	font-size: 98%;
}

#section5 {
	top: 28%;
}

#section6 {
	top: 55%;
}

#arrow1 {
	bottom: 6%;
	left: 1%;
	z-index: 2;
}

#arrow2 {
	bottom: 2%;
	left: 1%;
	z-index: 2;
}