/* *****************************************************************
	Copyright 2004 Alonarg Services, Dystopia Org 
	dystopia.org MAIN CSS 

	$Revision: 0.5 2004 02 15 igd$

 2004 01 25, igd Original lifted from
	http://gail.rucus.net/Gila.css  written by:  gailshaw@mweb.co.za
                                 with code from  http://www.htmlguru.com/
PLEASE, DO NOT COPY WITHOUT PERMISSION AHEAD OF TIME :)!!!

class="name"  => .name

"good" colors
	= #BBCCDD  "lite" Blue
	= #CCEECC  really "lite" green
	= #408080  blue-gray

***************************************************************** */
BODY
{
    BACKGROUND-ATTACHMENT: fixed;
    BACKGROUND-COLOR: black;
    COLOR: green;  // #FFFFFF
    FONT-FAMILY: "Times New Roman","Arial",Serif;
    MARGIN: 0px
}
TD
{
    COLOR: #ffffff;
    FONT-FAMILY: "Times New Roman","Arial",Serif;
    ALIGN:center;
}
H1
{
    BACKGROUND-COLOR: transparent;
    COLOR: #70B070;
    FONT-FAMILY: serif, fantasy;
    TEXT-ALIGN: center
}
H2
{
    BACKGROUND-COLOR: transparent;
    COLOR: #88dafd;
    FONT-FAMILY: serif, fantasy;
    TEXT-ALIGN: center
}
H3
{
    BACKGROUND-COLOR: transparent;
    COLOR: #60B060; // was 70B070
    FONT-FAMILY: serif, fantasy;
    TEXT-ALIGN: center
}
TABLE
{
	ALIGN:center;
}
A:link
{
    BACKGROUND-COLOR: transparent;
    COLOR: #00DD00;
    TEXT-DECORATION: none
}
A:visited
{
    BACKGROUND-COLOR: transparent;
    COLOR: #00DD00;
    TEXT-DECORATION: none
}
A:active
{
    BACKGROUND-COLOR: transparent;
    COLOR: #22ff22;
    TEXT-DECORATION: none
}
A:hover
{
    BACKGROUND-COLOR: transparent;
    COLOR: #00FF00;
    TEXT-DECORATION: underline
}
A IMG
{
    BORDER-BOTTOM: medium none;
    BORDER-LEFT: medium none;
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none
}

.Accessiblity
{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	visibility: hidden;
}

.Stars
{
    WIDTH: 26px;
    HEIGHT: 28px;
    POSITION: absolute;
    VISIBILITY: hidden;
    Z-INDEX: 0;		//Only way to get behind the planets.
}
.Planet1
{
    HEIGHT: 150px;
    WIDTH: 150px;
    POSITION: absolute;
    VISIBILITY: hidden;
    z-index:8;         // igd: todo: bug, planet is always 1!
}
.Planet2
{
    HEIGHT: 100px;
    WIDTH: 100px;
    POSITION: absolute;
    VISIBILITY: hidden;
    z-index: 4;         // igd: todo: bug, planet is always 1!
}
.Text
{
    LEFT: 7.5%;
    POSITION: absolute;
    TOP: 10px;
    WIDTH: 85%;
    COLOR: #609060; // good #709070;
    z-index: 2;		// get moon to appear on top
}
.img
{
    FILTER: Gray();
	cursor : hand;
}
.Details
{
    COLOR: #88dafd;
    FONT-SIZE: smaller;
	background-color : Black;
	z-index : 7;
	border-color : #F0D090;
	border-width : 2px;
	border-style : solid;
	width : 480px;
	height : 45px;
	position : absolute;
	display: none;
}

//    not sure what this is.....
x_bad_Image
{
	POSITION: absolute;
	Z-INDEX: 6
}