@import url(pngtest.css);



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



body.fools_gold {
	background-color:#728FAD;
	background-image:url( ../images/background_fg.jpg );
	background-position:absolute;
	background-repeat:no-repeat;
}

body.main {
	background-color:#5B3228;
	background-image:url( ../images/main/tentopet_bg.jpg);
	background-position: top center;
	background-repeat:repeat-y;
}

body.main_tutorial {
	background-color:#ffffff;
	background-attachment: fixed;
	background-position:absolute; top; left;
	background-repeat:no-repeat;
}

body.main_illustrations {
	background-color:#ffffff;
	background-attachment: fixed;
	background-position:absolute; top; left;
	background-repeat:no-repeat;
}


/* !!!! 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:12px;
	color: #261612;
	text-decoration: none;
	width:600px;
	position: absolute;
	top:210px;
	left:60px;
	z-index:5;
}

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

div.main_textsmaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: justify;
	width:570px;
	position: absolute;
	top:200px;
	left:120px;
	z-index:10;
}


div.firstcomic_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #261612;
	text-decoration: none;
	width:500px;
	position: absolute;
	top:237px;
	left:60px;
	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:260px;
	left:80px;
	z-index:5;
}


p.firstcomic_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #261612;
	text-decoration: none;
	text-align: justify;
	width:320px;
	position: absolute;
	top:81px;
	left:180px;
	z-index:5;
	height: 120px;
}


div.texture_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #261612;
	text-decoration: none;
	text-align: justify;
	width:540px;
	position: absolute;
	top:259px;
	left:65px;
	z-index:5;
}




div.storyimage p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-top:0px;
	margin-left:7px;
}

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

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

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


a {
	text-decoration: none;
	color: #555C88;
}

a:hover {
	text-decoration: underline;
}


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

table.main_navigation {
	position:absolute;
	top:161px;
	left:17px;
	z-index:4;	
}

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

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 LAYOUT DIV LAYOUT DIV LAYOUT !!!! */

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


div.banner {
	position: absolute;
	top:-9px;
	right:0px;
	left:10px;
	z-index:0;
}

div.navigation_bar {
	position: absolute;
	top:162px;
	right:0px;
	left:10px;
	z-index:0;
}

div.banner_line {
	position: absolute;
	top:188px;
	right:0px;
	left:10px;
	z-index:0;
	height: 557px;
}

div.tentopet_logo {
	position:absolute;
	top:40px;
	left: 398px;
	z-index:5;
}


div.foolsgold_link {
	position: absolute;
	top:-5px;
	left:690px;
	z-index:2;
}

div.foolsgold_button {
	position: absolute;
	top:299px;
	right:0px;
	left:900px;
	z-index:10;
}


div.foolsgold_navigation {
	position: absolute;
	top:545px;
	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: 5px;
	margin-top: 10px;
	margin-left: 2px;
	margin-right: 10px;
	z-index:20;
}


div.bio_picture {
	position: absolute;
	top: 200px;
	left:70px;
	z-index:5;
}

div.bio_link {
	position: absolute;
	top: 420px;
	left:35px;
	z-index:5;
}


div.bio_stats {
	position: absolute;
	top:202px;
	left:220px;
	width:450px;
	z-index:5;
}

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

div.links {
	color: #261612;
	position: absolute;
	top:200px;
	left:450px;
	width:450px;
	z-index:5;
}

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


div.texture_links {
	position: absolute;
	top:250px;
	left:115px;
	width:450px;
	z-index:5;
}

div.texture_links ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #261612;
	z-index:5;
}





div.links_other {
	color: #261612;
	position: absolute;
	top:200px;
	left:50px;
	width:450px;
	z-index:5;
}

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


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

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



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


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

div.illustration1 {
	position:absolute;
	top: 230px;
	left:60px;
	z-index:4;
}

div.illustration2 {
	position:absolute;
	top: 230px;
	left:160px;
	z-index:4;
}

div.illustration3 {
	position:absolute;
	top: 230px;
	left:260px;
	z-index:4;
}

div.illustration4 {
	position:absolute;
	top: 230px;
	left:360px;
	z-index:4;
}

div.illustration5 {
	position:absolute;
	top: 230px;
	left:460px;
	z-index:4;
}




div.tutorial_1 {
	position: absolute;
	top:252px;
	left:74px;
	z-index:5;
}


div.tutorial_2 {
	position: absolute;
	top:252px;
	left:245px;
	z-index:5;
}


div.tutorial_3 {
	position: absolute;
	top:252px;
	left:415px;
	z-index:5;
}


div.tutorial_4 {
	position: absolute;
	top:249px;
	left:585px;
	z-index:5;
	height: 151px;
}





div.resources {
	position: absolute;
	top:240px;
	left:91px;
	z-index:5;
	width: 242px;
	height: 210px;
}







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;
}	


div.thumbnail {
	position: absolute;
	top:245px;
	left:62px;
}





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


#dhtmltooltip{
position: absolute;
width: 10px;
border: 2px solid black;
padding: 2px;
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);
}