/*file: lookbehindthemoon/style.02.css
 * editing:
 * started: 20081212WB
 * 	Bits unused from Pure_White live at the end.
 * 	Images are not declared here, but are floating imgs in the .html files.
 */

html {
	background-color: #FCFAFF; 
	/* Tint; affects everything but blocks where redef'd. */
	/* Images declared here are not resized, reshaped when resizing the browser
	 * window.  The other blocks (DIVs) slide right over them. 
	 * background-image: url(images/Nina_back_to_sun.gif);
	 * background-position: top left;
	 * background-repeat: no-repeat;
	 */
	margin: 10;
	padding: 0;
}

body {
	background-color: #FFFFFF; /* no effect, it seems */
	/* font-family: Arial, Helvetica, sans-serif; */
	/* font-family: Georgia, "Times New Roman", Times, serif; */
	font-family: "Times New Roman", Times, Georgia, serif;
	font-size: 18px; /* <== inherited by divs; was14px; was 12px */
	color: #0A022A; /*color: #ff0000; for testing only!*/
}

a { color: #330000; }
a:link { color: #993399; text-decoration: none; }
a:visited { color: #990099; text-decoration: none; }
a:hover { color: #BB33FF; text-decoration: underline; }
a:active { color: #C000C0; }

div {
	text-align: center;
	border: 0;
}

div.bannerdiv {
	position: 		absolute;
	z-index: 		4; /* new in CSS2; higher numbers appear in front of lower */
	background-color: transparent;
	/* background-image: url(images/Nina_on_a_swing.gif); W: 278px x H: 240px */
	background-image: url(images/Nina_on_a_swing.gif);
	background-repeat: no-repeat;
	border-top: 	1px solid #D4BFFF;
	border-bottom: 	1px solid #D4BFFF;
	text-align: 	center;
	/* positon across the entire top of the page */
	top: 0%;
	left: 0%;
	height: 240px;
	width: 100%;
	/*visibility*/
	overflow: hidden;
}

div.bannerdiv img {
	float:left;
}

div.bannerdiv h1.bannerh1upper {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-size: 72px;
	margin: 0;
	padding: 28px 0px 0px 17px; /*NESW*/
	color: #d4bfff; /* Using color of the borders, was color: #C0A0E0;*/
}

div.bannerdiv h1.bannerh1lower {
	font-family: "Times New Roman", Times, Georgia, serif;
	font-weight: normal;
	font-size: 72px;
	margin: 0;
	padding: 0px 0px 0px 17px; /*NESW*/
	color: #d4bfff; /* Using color of the borders, was color: #C0A0E0;*/
}

div.navdiv {
	position: 		absolute;
	z-index: 		2; /* new in CSS2; higher numbers appear in front of lower */
	background-color: #FFFFFF; /* vs. transparent */
	border-top: 	1px solid #D4BFFF;
	border-bottom: 	1px solid #D4BFFF;
	text-align: 	left;
	top: 305px; /* orig: top: 8%; */
	left: 0px;
	width: 15%; /* keep equal to .big-div's left attrib */
}

div.navdiv ul{
	list-style: circle;
	margin: 4px 0px 0px 2px;
	padding: 0px 0px 0px 15px; /*shifts li's to make the bullets visible*/
}

div.navdiv li{
	font-size: smaller;
}

div.navdiv a {
	margin: 0px 0px 0px 5px;
}

div.big-div {
	position: absolute;
	z-index: 0;
	/*
	 * Put img in textdiv1 instead.
	 * background-image: url(images/Nina_back_to_sun.gif);
	 * background-position: top right;
	 * background-repeat: no-repeat;
	 */
	/*background-color: #8833CC; A strong, dusty purple. For testing.*/
	background-color: transparent;
	border: 1px solid #D4BFFF;
	text-align: left;
	top: 240px;
	left: 15%;
	width: 85%;
	height: 82%;
	padding: 0px 0px 0px 0px;
	overflow: auto;
	background-attachment: scroll
}

div.big-div img.floatleft {
	margin-top: 	10px;
	margin-right: 	10px;
	margin-bottom: 	10px;
	margin-left: 	 0px;
	float: left /* Sits to left; text flows around to right.*/
}

div.big-div img.floatright {
	margin-top: 	10px;
	margin-right: 	 0px;
	margin-bottom: 	10px;
	margin-left: 	10px;
	float: right /* Sits to right; text flows around to left.*/
}

div.textdiv1 {
	/*Most of the pages don't need this div.
	 * It's useful with copyrightdiv on the 'copyright page'.
	 */
	background-color: transparent;
	/*background-color: #992255; Kind of a dusty plum.  For testing.*/
	text-align: left;
	z-index: 2;
	/*positioning*/
	position: absolute;
	top: 2.5%;
	left: 2.5%;
	height: 95%;
	width:  95%;
	margin:  0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.copyrightdiv {
	/* position: absolute;*/
	position: bottom;
	text-align: center;
	z-index: 3;
	background-color: #F0C0F0;
	border: 1px solid #D4BFFF;
	left: 0%;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

/*====================== UNUSED ==========================*/

div.button {
border: 0px;
width: 80px;
height: 15px;
}

div.buttonsdiv {
float: right;
margin-right: 90px;
margin-top: 110px;
z-index: 3;
background-color: #FFFFFF;
border: 1px solid #D4BFFF;
text-align: center;
/*
top: 15%;
right: 7.5%;
*/
width: 15%;
padding: 0px 0px 0px 0px;
}

div.pc1 {
position: absolute;
width: 25%;
height: 50%;
z-index: 2;
left: 25%;
top: 25%;
background-color: #F8F8F8;
border: 1px solid #C00000;
text-align: left;
}

div.pcdiv2 {
position: absolute;
width: 60%;
height: 100%;
z-index: 3;
left: 20%;
top: 0%;
border: 0px dashed #D4BFFF;
text-align: left;
}

div.comments {
position: absolute;
width: 50%;
z-index: 2;
left: 25%;
top: 25%;
background-color: #F8F8F8;
border: 1px solid #C00000;
text-align: left;
}

.nav {
color: #C00000;
}

/*
.h1 {
font-family: "Times New Roman", Times, Georgia, serif;
font-weight: normal;
font-size: 24px;
margin: 0;
padding: 8px 16px 0 8px;
color: #E0E0E0;
}
*/

div.textdiv2 {
position: absolute;
z-index: 1;
background-color: transparent;
text-align: left;
left: 2.5%;
top: 2.5%;
width: 85%;
height: 95%;
padding: 0px 0px 0px 0px;
}