/*
==============
GENERAL STYLES
==============
Creator:	Justyn Walker - Revive Web
File:		css/general.css
Modified:	23/Sep/09
Purpose:	general styles for imagine
*/

body {
	background: #397E88;
	font-family: Helvetica, Geneva, Arial, Verdana, sans-serif;
}

/* BACKGROUND IMAGES 1,2,3 */
#extra1 {
	background: url(../images/background.jpg) no-repeat;
	height: 450px;
	position: absolute;
		left: 0px;
		top: 0px;
	width: 550px;
	z-index: -1;
}

#extra2 {
	background: url(../images/background.jpg) no-repeat;
	height: 450px;
	position: absolute;
		right: 0px;
		top: 0px;
	width: 550px;
	z-index: -2;
}

#extra3 {
	background: #FFFFFF;
	height: 100px;
	width: 100%;
	position: absolute;
		left: 0px;
		top: 0px;
	z-index: -3;
}
/* GENERAL HEADINGS & TEXT */
h1 {
	color:#3A9900;
	font-size:30px;
	font-weight: lighter;
}

h2 {
	color:#3A9900;
	font-size:24px;
	font-weight: lighter;
}

h3 {
	color: #003366;
	font-size:18px;
}

p, li {
	color: #111111;
	font-size:14px;
	line-height:150%;
}

span {
	font-weight: bolder;
}

/* LINKS & IMAGE LINKS */
a {
	color: #003366;
	font-style: italic;
	font-weight: bolder;
	text-decoration: none;
}

a img {
	border: none;
}

/* ADDED SPACE */
.space {
	height: 20px;
}

/* --- PRINT STYLES --- */
@media print {
	
	object {
		display: none;
	}
	
	#header {
		display: none;
	}
	
	#footer {
		display :none;
	}
}

/* --- STYLES FOR HEADER includes/header.html --- */

#container {
	background: #FFFFFF;
	height: auto;
	position: relative;
	width: 980px;
}

#header {
	min-height: 100px;
	width: 100%;
}

#flash {
	height: 350px;
	width: 100%;
}

#content {
	background: #FFFFFF;
	min-height: 300px;
	position: relative;
	height: auto;
	width: 100%;
}

/* --- STYLES FOR CONTENT PAGES --- */

/* FEATURE ARTICLE */
#feature {
	padding: 10px 20px 10px 20px;
	position: relative;
	text-align: justify;
}
/* hide feature h1 as the flash banner shows heading */
#feature h1 {
	display: none;
}

/* INTERVIEWS */
.interview {
	background: #99FF66;
	padding: 10px 20px 10px 20px;
	text-align: justify;
}

/* ARTICLES */
.article {
	padding: 10px 20px 10px 20px;
	text-align: left;
}

/* HIGHLIGHT BOXES */
.highlight {
	background: #99FF66;
	border: 1px solid #397E88;
	float: right;
	font-size: 70%;
	font-weight: bolder;
	margin: 10px 0px 10px 20px;
	padding: 10px;
	height: auto;
	width: 300px;
	text-align: center;
}
/* a block of content that spans the page and is relatively positioned*/
.block {
	background: #FFFFFF;
	position: relative;
	height: auto;
	min-height: 150px;
	text-align: left;
	width: 100%;
}

/* interview questions */
p.question {
	color: #003366;
	font-weight: bolder;
}
/* error messages */
p.errors {
	background: url(../images/16x16.png) left no-repeat;
	color: red;
	font-weight: bold;
	margin-left: 25px;
	padding-left: 20px;
	text-align: left;
}

/* --- STYLES FOR HOME PAGE content/home.html ---*/

/* Welcome */
#intro {
	height: auto;
	width: 700px;
	margin-left: 20px;
}

/* Logo */
#logo {
	position: absolute;
		right:65px;
		top: -10px;
	height: 90px;
	width: 140px;
}

/* SERIES LINKS */
#series {
	height: 150px;
	position: relative;
	width: 100%;
}

.book_text {
	position: absolute;
		right: -185px;
		top: 0px;
	height: 100%;
	text-align: left;
	width: 175px;
}

.book_text h3 {
	color: #111111;
	font-size: 13px;
	font-weight: bold;
}

.book_text p {
	color: #111111;
	font-size: 11px;
	line-height: 14px;
}

#book1 {
	border: 1px solid green;
	height: 100%;
	width: 120px;
	position: absolute;
		left: 20px;
		top: 0px;
}

#book2 {
	border: 1px solid green;
	height: 100%;
	width: 120px;
	position: absolute;
		left: 34%;
		top: 0px;
}

#book3 {
	border: 1px solid green;
	height: 100%;
	width: 120px;
	position: absolute;
		left: 67%;
		top: 0px;
}

#content_sub {
	height: 350px;
	margin-top: 20px;
	position: relative;
	width: 100%;
}

/* PEOPLE LINKS */
#people {
	position: absolute;
		left:20px;
		top: 0px;
	height: 350px;
	width: 450px;
}

.sup_text {
	margin: 0px;
	padding: 0px;
	position: absolute;
		right: -320px;
		top: 0px;
	height: 100%;
	text-align: left;
	width: 300px;
}

.sup_text h3 {
	color: #333366;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}

.sup_text p {
	color: #111111;
	font-size: 12px;
	line-height: 14px;
}

#author {
	border: 1px solid green;
	position: absolute;
		top: 0%;
		left: 0px;
	height: 100px;
	width: 120px;
}

#designer {
	border: 1px solid green;
	position: absolute;
		top: 33%;
		left: 0px;
	height: 100px;
	width: 120px;
}

#illustrator {
	position: absolute;
		top: 66%;
		left: 0px;
	height: 100px;
	width: 120px;
}

/* FANS LINKS */
#fans {
	position: absolute;
		right:20px;
		top: 0px;
	height: 350px;
	width: 450px;
}

#appear {
	border: 1px solid green;
	position: absolute;
		top: 0%;
		left: 0px;
	height: 100px;
	width: 120px;
}

#facts {
	border: 1px solid green;
	position: absolute;
		top: 33%;
		left: 0px;
	height: 100px;
	width: 120px;
}

#tips {
	border: 1px solid green;
	position: absolute;
		top: 66%;
		left: 0px;
	height: 100px;
	width: 120px;
}

#handheldEmail {
	display: none;
}

/* --- STYLES FOR SAMPLE CHAPTERS ---*/

#story {
	font-family: Courier New, Garamond, Georgia, Times New Roman, serif;
	color: #000000;
	padding: 20px;
	text-align: left;
}

/* --- BATTY LATIN ---*/
#battyLatin {
	color: #222;
	font-family: fantasy, Garamond, Georgia, Times New Roman, serif;
	font-size: 1.5em;
}

/* --- STYLES FOR FOOTER includes/footer.html ---*/
#footer {
	background: #FFFFFF;
	height: auto;
	margin-top: 10px;
}

#footer td {
	color: #FFFFFF;
	font-size:10px;
	text-align: center;
}