/*  ©2010 Heidi EY Stemple & Adam Stemple */

/*-----RESET-----*/

:link, :visited {
	text-decoration: underline;
	}
ul, ol {
	list-style: none;
	}
h3, h4, h5, h6, pre, code, p {
	font-size: 16px;
	}
ul, ol, dl, li, dt, dd, h1, h2, h3, h4, h5, h6, pre, 
form, body, html, p, blockquote, fieldset, input {
	padding: 0;
	margin: 0;
	}
img, a img, :link img, :visited img {
	border: none; outline:none;
	}
address {
	font-style: normal;
	}
html {
	overflow-y: scroll;
}
	
/*----COLORS----

Background -- Off-White: #F9F5F5
Background -- Blue: #97B4D6
Home Page Text (dark): #5F5448
Dark Blue: #437ACA
Link:
Link Hover: #9D3113


/*-----MAIN DECLARATIONS-----*/

body#home {
	background: #000 url(../images/bg-body.jpg);

}

#wrapper {
	width: 984px;
	min-height: 660px;
	margin: 20px auto 0;
	background: url(../images/bg-wrapper.jpg);
	position: relative;
	border: 3px solid #5F5448;
}

#footer {
	width: 984px;
	height: 15px;
	margin: 0 auto;	
}

h1 {
	width: 382px;
	height: 192px;
	background: url(../images/name.png);
	display: block;
	margin:0;
	padding:0;
}

#content {
	width: 620px;
	min-height: 430px;
	background: #F9F5F5;
	margin: 5px 0 20px 125px;
	padding: 10px 30px;
	border: 1px solid #437ACA;
	position:relative;
}

#moon {
	position: absolute;
	top:0;
	right:0;
	width: 351px;
	height: 276px;
	background: url(../images/moon.png);
}
#homeNav {
	width: 526px;
	height: 500px;
	margin-left: 261px;
	overflow: hidden;
}

ul#sideNav {
	font-family: helvetica, arial, sans-serif;
	font-size: 16px;
 	position: absolute;
 	right: 50px;
 	top: 365px;
 }
 
 ul#sideNav li {
 	line-height: 20px;
 }

#location {
	width: 69px;
	height: 559px;
	position: absolute;
	left: 32px;
	top:192px;
}

html body .preload {
	display: none;
}

/*----MAIN TYPOGRAPHY----*/

body {
	color: #5F5448;
	font-family: ‘Palatino Linotype’, Palatino, Palladio, ‘URW Palladio L’, ‘Book Antiqua’, Baskerville, ‘Bookman Old Style’, ‘Bitstream Charter’, ‘Nimbus Roman No9 L’, Garamond, ‘Apple Garamond’, ‘ITC Garamond Narrow’, ‘New Century Schoolbook’, ‘Century Schoolbook’, ‘Century Schoolbook L’, Georgia, serif;
	font-size: 1em;
	line-height: 1.5em;
}

p {
	padding-bottom: .5em;
}

a {
	color: #5F5448;
	text-decoration: underline;
}

a:hover {
	color:#9D3113;
}

h2, h3, h4, h5 {
	font-family: helvetica, arial, sans-serif;
}

h2 {
	font-size: 2.8em;
	text-align: right;
	margin: 10px 0 .5em 0;
	color: #DDE4EE;
	text-transform: uppercase;
}

h3 {
	font-size: 2em;
	margin: .5em 0px .5em -10px;
}

.center {
	text-align: center;
}

blockquote {
	font-style: italic;
	margin:10px 50px;
}

blockquote strong {
	font-style: normal;
	font-weight: normal;
}

/*----SUPPLEMENTAL TYPOGRAPHY---*/
ul#sideNav a {
	font-variant: small-caps;
	text-decoration: none;
	font-size: 1.2em;
	line-height: 1.5em;
}

.center {
	text-align: center;
}

ul#programpoints {
	margin: 10px;
}

#footer p {	
	margin: 1px;
	font-size: .8em;
	font-style: italic;
}

#footer p.right {
	float: right;
}

#footer p.left {
	float: left;
}

blockquote p {
	margin: 0;
	padding-bottom: 0;
}

blockquote p:last-child {
	text-align: right;
	font-style: normal;
}

/*----ANIMATIONS----*/

#kidAni1 {
	width:71px;
	height:148px;
	background: url(../images/kid1.png);
	position: absolute;
	top: 148px;
	right: 252px;
	display:none;
	}

#kidAni2 {
	width:67px;
	height:148px;
	background: url(../images/kid2.png);
	position: absolute;
	top: 155px;
	right: 182px;
	display:none;
}
#kidAni3 {
	width:59px;
	height:149px;
	background: url(../images/kid3.png);
	position: absolute;
	right: 120px;
	top: 150px;
	display:none;
}

#kidAniEnd{
	width: 69px;
	height:151px;
	background: url(../images/kid4.png);
	position: absolute;
	right: 48px;
	top: 160px;
}
#dad {
	width: 65px;
	height: 192px;
	background: url(../images/dad.png);
	position: absolute;
	right: 0;
	top: 165px;
}

#ship {
	width: 100px;
	height: 193px;
	position: absolute;
	right: 110px;
	top: 150px;
}

#roaEnd {
	width:110px;
	height:202px;
	position: absolute;
	right: 30px;
	top: 103px;
	background: url(../images/roa7.jpg);
	border: 1px solid #5F5448;
}

#leaves {
	width: 110px;
	height: 202px;
	position: absolute;
	right: 30px;
	top: 103px;
	background: url(../images/leaves.png);
}

.salem {
	width: 187px;
	height: 170px;
	position: absolute;
	top: 28px;
	right:187px;
}

#salem1 {
	background: url(../images/salem1.png)
}
#salem2 {
	background: url(../images/salem2.png)
}
#salem3 {
	background: url(../images/salem3.png)
}
#salem4 {
	background: url(../images/salem4.png)
}
#salemsmoke {
	background: url(../images/salemsmoke.png)
}

.flip {
	width: 200px;
	height: 217px;
	position: absolute;
	right: 60px;
	top: 9px;
	display:none;
}
#flip1 {
	background: url('/images/flip1.png');
	display: block;
}

#flip2 {
	background: url('/images/flip2.png');
}
	
#flip3 {
	background: url('/images/flip3.png');
}
#flip4 {
	background: url('/images/flip4.png');
}
#flip5 {
	background: url('/images/flip5.png');
}
#flip6 {
	background: url('/images/flip6.png');
}
#flip7 {
	background: url('/images/flip7.png');
}
#flip8 {
	background: url('/images/flip8.png');
}
#flip9 {
	background: url('/images/flip9.png');
}
	
/*----BOOK LIST----*/

ul.booklist li em {
	font-style: normal;
}

ul.booklist li:hover {
	cursor: pointer;
	color: #9D3113;
	list-style: disc;
}

div div ul.booklist li span {
	display: block;
	cursor: default;
	color: #5F5448;
	margin: 0px 0px 10px 10px;
	border: 1px dotted #5F5448;
	padding: 8px;
	font-size: 16px;
	height: 250px;
	overflow: auto;
	background: #fbfbff;
	font-family: ‘Palatino Linotype’, Palatino, Palladio, ‘URW Palladio L’, ‘Book Antiqua’, Baskerville, ‘Bookman Old Style’, ‘Bitstream Charter’, ‘Nimbus Roman No9 L’, Garamond, ‘Apple Garamond’, ‘ITC Garamond Narrow’, ‘New Century Schoolbook’, ‘Century Schoolbook’, ‘Century Schoolbook L’, Georgia, serif;
	letter-spacing: normal;
}

div div ul.booklist li span img {
	border: 1px solid #fbfbff;
}

div div ul.booklist li span a img:hover {
	border: 1px solid #9D3113;
}

 div div ul.booklist li span img {
	margin-left: 10px;
	float: right;
}

ul.booklist li {
	font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
	letter-spacing: -.05em;
	clear: left;
 }
 
ul.booklist li span em {
	font-style: italic;
}

ul.booklist li span strong {
	text-style: italic;
	}

/*----BIO PAGE----*/

#biopic {
	margin: 60px 10px 0 0;
	border: 3px groove #437ACA;
}

/*-----SCHOOL VISITS PAGES----*/



/*----MISC----*/

#tooltip {
	width: 108px;
	height: 150px;
	background: url(../images/tooltip.png) no-repeat;
	position: absolute;
	top: 105px;
	right: 78px;
	padding: 28px 20px 0 26px;
	display:none;
	font-size: 11px;
	line-height: 11px;
	}
#tooltip p {
		font-size: 11px;
	line-height: 11px;
}

#tooltip a {
	text-decoration: underline;
	}
#tooltip a:hover {
	color: #DB5323;
}