/* Styles for this version of the site are spread across multiple files. 
This file contains styles that are unique to the index page. */ 

/* Main page styles */

body {
	background-image: url(images/books_bg01.png);
	position:relative;
}

#pagewrapper {
	width:1000px;
	margin:auto;
	border: 8px double lightblue;
	border-radius:30px;
	padding:10px;
}

header {
	display: table;
	vertical-align:top;
	width:100%;
	text-align:center;
	margin:2px auto;
}

#mainheader {
	vertical-align:top;
}

#mainheader h3 {
	margin-top:0;
	padding-top:0;
}


/* Styles for the menu bar, in addition to those in SpryMenuBarHorizontal */
#menu {
	clear:both;
	display:block;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin:auto;
	margin-bottom:30px;
	text-align: center;
}

#content {
/*	margin-top:25px;*/
	position:relative;
	padding: 0 0;
	background-color:ivory;
	border:10px solid ivory;
	border-radius:15px;
}

#introtext {
/* Style for the introductory text just above the cycling images */
	margin:0px 7% 10px 7%;
	font-weight:bold;
	font-size:18px;
	text-align:left;
	clear:both;
}
	
/* Styles for the two large cycling link-images */
/* 'buttons' is the wrapper div for this whole block */
#linkTable {
	display:table;
	margin-left:20px;
	width:910px;
	height:400px;
	padding-bottom:0.5em;
	border-bottom:blue double thick;
}

#linkRow {
	display:table-row;
	height:400px;
}

.cell-caption {
	text-align:left;
	width:350px;
	margin-left:10%;
	height:5em;
}

.caption {
	font-weight:bold;
	font-size:18px;
	text-align:center;
	height:2em;
	margin-bottom:0.3em;
}

/* Past to Fantasy are the styles for the 7 images that cycle inside the Book Categories cell */


/* Left cell (Book Category Links) styles */  
#bookLinks {
	display:table-cell;
	width:317px;
	height:258px;
	text-align:center;
}

#bookLinks a {
	position:relative;
	display:block;
	width:317px;
	height:258px;
	border:15px outset darkblue;
	background-color: gray;
	border-radius:30px;
	margin-left:30px;
}

#bookLinks h3 {
	font-size:21px;
}


#Past {
	position:absolute;
	left:0px;
	top:0px;
	opacity:1;
	z-index:1;
}

#Present {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:2;
}

#History {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:3;
}

#Military {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:4;
}

#Fiction {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:5;
}

#SF {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:6;
}

#Fantasy {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:7;
}




/* Trip Report links styles */

#tripLinks {
	display:table-cell;
	padding-left:60px;
	width:400px;
	height:280px;
}

#tripLinks a {
	position:relative;
	display:block;
	width:317px;
	height:258px;
	border:15px outset darkblue;
	background-color: gray;
	border-radius:30px;
	margin-left:30px;
}

#Dinofest {
	position:absolute;
	left:2px;
	top:0px;
	opacity:1;
	z-index:3;
}

#Highlands {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:4;
}

#GC {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:5;
}

#Cascades {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:6;
}

#articleLinks {
	display:table-cell;
	margin-left:15px;
	width:420px;
	height:280px;
}

#articleLinks a {
	position:relative;
	display:block;
	width:317px;
	height:258px;
	border:15px outset darkblue;
	background-color: gray;
	border-radius:30px;
	margin-left:30px;
}

#Terns {
	position:absolute;
	left:2px;
	top:0px;
	opacity:1;
	z-index:1;
}

#Taxonomy {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:2;
}

#Predators {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:3;
}




#galLinks {
	display:table-cell;
	padding-left:40px;
	width:400px;
	height:280px;
}

#galLinks a {
	position:relative;
	display:block;
	width:317px;
	height:258px;
	border:15px outset darkblue;
	background-color: gray;
	border-radius:30px;
	margin-left:30px;
}

#Whales {
	position:absolute;
	left:2px;
	top:0px;
	opacity:1;
	z-index:1;
}

#Birds {
	position:absolute;
	left:2px;
	top:0px;
	opacity:0;
	z-index:2;
}




#main_lower {
	clear:both;
	margin:1.5em 8% 1em 8%;
	
}


/* Styles used in the page footer */
footer {
	clear:both;
	margin:auto;
	width:90%;
	height:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:darkgray;
	border: thin solid darkgray;
	border-radius:10px;
	color:white;
	text-align:center;
	font-size:12px;
	padding:0.8em 0 0.8em 0;
}

.footnote {
	text-align:left;
	width:95%;
	padding:5px 10px;
}


#copyright_info {
	width:90%;
	text-align:left;
	background:silver;
	color:black;
	font-size:10px;
	margin:auto;
	padding:5px 10px;
	margin-bottom:5px;
}

#email_link {
	width:50%;
	padding: 1em 25px;
	font-size:12px;
	border:2px solid black;
	border-radius:25px;
	color:black;
	background-color:lightgreen;
	margin:auto;
}


	

/* below are styles for the 6 Photo Gallery image-links */