/* !!!! BODY BODY BODY !!!! */



body.fools_gold {
	background-color:#BCA6C9;
	background-image:url( ../images/main/background_foolsgold.jpg );
	background-position:absolute; 
	background-attachment: fixed;
	background-repeat:no-repeat;
}

body.main {
	background-color:#BCA6C9;
}


body.fools_gold_illustration {
	background-color:#FFFFFF;
	text-color: #ff0000;
}


/* !!!! IMAGE IMAGE IMAGE !!!! */


img {
	border: 0px solid #000;
}


img.thumbnail {
	border: 2px solid #000;
}


img.noborder {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


img.border {
	border: 2px solid #000;
}




/* !!!! PARAGRAPH PARAGRAPH PARAGRAPH !!!! */

p.main_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #FFFFFF;
	text-decoration: none;
	width:332px;
	position: absolute;
	top:123px;
	left:40px;
	z-index:5;
	height: 158px;
}

p.main_textbigger {
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	color: #FFFFFF;
	text-decoration: none;
	width:500px;
	position: absolute;
	top:245px;
	left:26px;
	z-index:5;
}

div.main_textsmaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	color: #FFFFFF;
	text-decoration: none;
	width:510px;
	position: absolute;
	top:172px;
	left:20px;
	z-index:10;
}

p.main_date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #261612;
	text-decoration: bold;
	width:450px;
	position: absolute;
	top:320px;
	left:60px;
	z-index:5;
}

p.about_story {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #261612;
	text-decoration: none;
	width:550px;
	position: absolute;
	top:280px;
	left:80px;
	z-index:5;
}


/* !!!! LINK LINK LINK !!!! */

a.darkred {
	color:#660032;
}


div.returnbutton a {
	text-decoration: none;
	color:#aa0000;
}

div.returnbutton a:hover {
	text-decoration: none;
	color:#FF0000;
}


a {
	text-decoration: none;
	color: #660032;
}

a:hover {
	text-decoration: underline;
}


/* !!!! DIV NAVIGATION DIV NAVIGATION DIV NAVIGATION !!!! */

table.main_navigation {
	position:absolute;
	top:505px;
	left:14px;
	z-index:11;	
}

table.main_navigation td {
	padding-left:0px;
}

div.next {
	position: absolute;
	top: 200px;
	left: 750px;
}

div.previous {
	position: absolute;
	top: 200px;
	left: 600px;
}


div.returnbutton {
	position: absolute;
	top: 120px;
	left:900px;
}

div.footer {
	position: absolute;
	margin-top:650px;
	margin-left:450px;
}

div.characterstudy_options {
	position: absolute;
	z-index: 1;
	width:200px;
	top: 500px;
	left:120px;
}

div.characterstudy_thumbnail {
	position: absolute;
	z-index: 1;
	margin-top:350px;
	margin-left:100px;
}

/* !!!! DIV LAYOUT DIV LAYOUT DIV LAYOUT !!!! */

div.resize {
	position: absolute;
	left:50%;
	margin-left:-310px;
}

div.tentopet_logo {
	position:absolute;
	float: left;
	top:-10px;
	left: 0px;
	z-index:5;
}

div.copyright {
	position: absolute;
	top:550px;
	left:215px;
}

div.window {
	position: absolute;
	top:100px;
	left:0px;
	z-index:0;
	width: 597px;
}


div.window2 {
	width:500px;
	margin:0px auto;
	text-align:left;
	padding:15px;
	border:1px dashed #333;
	background-color:#eee;
	}



div.dollmovie {
	position: absolute;
	top:-20px;
	left:290px;
	z-index:30;
}


div.navigation_text {
	position: absolute;
	top: 505px;
	left: 5px;
	z-index: 0;
}




/* !!!! ILLUSTRATIONS  ILLUSTRATIONS   ILLUSTRATIONS !!!! */




div.illustration {
	position: relative;
	top: 0px;	
}
	
table.illustration_table {
	position: relative;
	top:0px;
	}

p.illustration_caption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #261612;
	position: relative;
	top:0px;
}	


p.illustration_caption_white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #ffffff;
	position: relative;
	top:0px;
}	


div.thumbnail {
	position: absolute;
	top:260px;
	left:170px;
	z-index:0;
}

div.thumbnail_higher {
	position: absolute;
	top:217px;
	left:42px;
	z-index:0;
}

div.thumbnail_middle {
	position: absolute;
	top:289px;
	left:38px;
	z-index:0;
}



div.character_listL {
	font-size: 30px;
	position: absolute;
	top:190px;
	left:160px;
}

div.character_listR {
	font-size: 30px;
	position: absolute;
	top:230px;
	left:270px;
}


div.left_arrow {
	position:absolute;
	top:450px;
	left:300px;
}


div.right_arrow {
	position:absolute;
	top:450px;
	left:360px;
}





div.inside_text {
	position: absolute;
	top:40px;
	left:0px;
	z-index:1;
}

div.inside_javatext {
	position: relative;
	top:40px;
	left:20px;
	z-index:1;
}


div.foolsgold_navigation {
	position: absolute;
	top:565px;
	left:205px;
	z-index:3;
}


/* !!!! DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV DIV !!!! */




div.storyimage {
	float: left;
	clear: left;
	margin-bottom: 3px;
	margin-top:10px;
	margin-left: 2px;
	margin-right: 10px;
	z-index:20;
}

div.bio_picture p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #261612;
	margin-top: 4px;
	z-index: 12;
}

div.bio_stats {
	position: absolute;
	top:222px;
	left:200px;
	width:450px;
}

div.bio_stats ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #261612;
}

div.links {
	position: absolute;
	top:240px;
	left:450px;
	width:450px;
}

div.links ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #261612;
}

div.links_other {
	position: absolute;
	top:240px;
	left:50px;
	width:450px;
}

div.links_other ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #261612;
}


div.frame {
	position: absolute;
	top:110px;
	left:220px;
	z-index:1;
}




/* !!!! ILLUSTRATIONS   ILLUSTRATIONS   ILLUSTRATIONS   ILLUSTRATIONS   ILLUSTRATIONS   ILLUSTRATIONS  !!!! */


div.wip1 {
	position: absolute;
	top:300px;
	left:36px;
	z-index: 5;
}

div.wip2 {
	position: absolute;
	top:300px;
	left:218px;
	z-index: 5;
	border: medium none;
}

div.wip3 {
	position: absolute;
	top:300px;
	left:402px;
	z-index: 5;
}






div.illustration_thumbnails {
	position:absolute;
	top: 140px;
	left:30px;
	z-index:4;
}



div.illustrations1 {
	position: absolute;
	top:133px;
	left:31px;
	z-index: 11;
}

div.illustrations2 {
	position: absolute;
	top:181px;
	left:73px;
	z-index: 11;
}

div.illustrations3 {
	position: absolute;
	top:276px;
	left:95px;
	z-index: 11;
	width: 300px;
	height: 53px;
}

div.illustrations4 {
	position: absolute;
	top:229px;
	left:139px;
	z-index: 11;
}

div.illustrations5 {
	position: absolute;
	top:324px;
	left:75px;
	z-index: 11;
}

div.illustrations6 {
	position: absolute;
	top:420px;
	left:178px;
	z-index: 11;
}





/* !!!! POPUP  POPUP   POPUP   POPUP   POPUP   POPUP  !!!! */


#dhtmltooltip{
position: absolute;
width: 10px;
border: 2px solid black;
padding: 0px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.purpleborder {
	border: thin outset #660032;
}
.main_textbiggest {
	font-size: 24px;
}