/* Retodon8.net stylesheet */

  /* Layout */

body                   {color: #FCFC54; background-color: #000000; background-image: url(Graphics/Background_Rock.png); cursor: url("Arrow.cur"), default;}

div                    {margin: auto;}
div.Menu               {width: 10em; padding: 0.1em; margin: 0em; position: absolute; left: 0; top: 0; border: 2px solid #54FCFC;
                         background-color: #00A8A8; background-image: url(Graphics/Background_Metal.png);}
body>div.Menu          {position: fixed;}
div.Content            {margin-left: 10em; margin-right: auto; padding: 0.5em;}
div.Section            {margin: 0.8em; padding: 0.5em; border: 2px solid #54FCFC;
                         background-color: #00A8A8; background-image: url(Graphics/Background_Metal.png);}
div.DOS                {font: small System,"Lucida Console",Monospace; color: #C0C0C0; background-color: #000;
                        border-style: none; padding: 0.1em; margin: 1em;}

  /* Links */

a:link                 {color:#FFFFFF; cursor: url("Link.cur"), pointer;}
a:visited              {color:#FFFFFF; cursor: url("Link.cur"), pointer;}
a:hover                {color:#FFFFFF; cursor: url("Link.cur"), pointer;}
a:focus                {color:#FFFFFF; cursor: url("Link.cur"), pointer;}
a:active               {color:#FFFFFF; cursor: url("Link.cur"), pointer;}

a img                  {cursor: url("Link.cur"), pointer;}

.Internal_link:link    {color: #54FC54;}
.Internal_link:visited {color: #54FC54;}
.Internal_link:hover   {color: #54FC54;}
.Internal_link:focus   {color: #54FC54;}
.Internal_link:active  {color: #54FC54;}

.Siblink:link          {color: #FFFFFF;}
.Siblink:visited       {color: #FFFFFF;}
.Siblink:hover         {color: #FFFFFF;}
.Siblink:focus         {color: #FFFFFF;}
.Siblink:active        {color: #FFFFFF;}

.Index_link            {margin: 0.5em;}
.Index_link:link       {color: #FFFFFF;}
.Index_link:visited    {color: #FFFFFF;}
.Index_link:hover      {color: #FFFFFF;}
.Index_link:focus      {color: #FFFFFF;}
.Index_link:active     {color: #FFFFFF;}

  /* Fonts & Headers */

h1,h2,h3,h4,h5,h6 {font-family: "Arial Black",Verdana,Sans-Serif; cursor: url("Text.cur"), text;}

h1                {font-size: xx-large; margin-left:   0em;}
h2                {font-size: x-large;  margin-left: 0.4em;}
h3                {font-size: large;    margin-left: 0.8em;}
h4                {font-size: medium;   margin-left: 1.2em;}
h5                {font-size: small;    margin-left: 1.6em;}
h6                {font-size: x-small;  margin-left: 2.0em;}

p                 {font: small Verdana,Arial,Sans-Serif; margin: 1em; cursor: url("Text.cur"), text;}

  /* Tables & lists */

table             {border: 1px solid #FCFC54; border-collapse: collapse; margin: 1em auto; cursor: url("Text.cur"), text;}
caption           {font-weight: bold; margin: 1em auto -0.5em auto;}
th                {font-weight: bold; border: 1px solid #54FCFC; margin: 0em; padding: 0.2em;
                    font: bold small Verdana,Arial,Sans-Serif; color: #FCFC54; background-color: #54FCFC; empty-cells: show;}
td                {border: 1px solid #54FCFC; margin: 0.1em; padding: 0.2em;
                    font: small Verdana,Arial,Sans-Serif; color: #FCFC54; empty-cells: show;}
td.R              {text-align: right;}

ol                {margin: 0em 0em 0em 2em; list-style-type: decimal-leading-zero; cursor: url("Text.cur"), text;}
ul                {margin: 0em 0em 0em 2em; list-style-type: circle; cursor: url("Text.cur"), text;}

  /* Forms */

input.Text        {font: small "Lucida Console",Fixedsys,Sans-Serif; color: #404040; background: #64826E; border-color: #404040;
                    cursor:url("Text.cur"), text;}
input.Text:focus  {border-color: #E6AA00;}
textarea.Textarea {font: small "Lucida Console",Fixedsys,Sans-Serif; color: #404040; background: #64826E; border-color: #404040;
                    cursor:url("Text.cur"), text;}
option            {font: small "Lucida Console",Fixedsys,Sans-Serif; color: #404040;
                    cursor:url("Link.cur"), pointer;}
input.Button      {font: small System,"Lucida Console",Monospace; color: #404040; background: #808080; border-color: #404040;
                    cursor:url("Link.cur"), pointer;}
input.Button:focus {border-color:#8C648C}
input.Button:hover {color: #A078A0;  background: #8C648C; border-color:#785078;}
input.Button:active {color: #B48CB4; background: #A078A0; border-color:#8C648C;}

  /* Images */

img               {border-style:none; margin: 0.5em; cursor: url("Arrow.cur"), default;}
img.Icon          {width: 16px; height: 16px; margin: 0px; cursor: url("Link.cur"), pointer;}
img.Flag          {width: 16px; height: 12px; margin: 0px;}
img.Indicator     {width: 18px; height: 18px; margin: 0px;}

  /* Other */

iframe            {border-style: none; margin: 0px;}
iframe.NoScroll   {overflow: hidden;}

abbr, acronym     {cursor: url("Text.cur"), help;}

kbd               {font: small System,"Lucida Console",Monospace; color: #C0C0C0; background-color: #000;
                   border-style: none; padding: 0.1em 0.1em;}
kbd.Key           {font: small "Lucida Console",Arial,Monospace;  color: #000000; background-color: #A8A8A8;
                   border-width: 0.1em 0.2em 0.4em 0.2em; border-style: solid;
                   border-top-color: #54FCFC; border-right-color: #545454; border-bottom-color: #000000; border-left-color: #545454;}
kbd.Key:hover     {                                               color: #000000; background-color: #A8A8A8;
                   border-top-color: #54FCFC; border-right-color: #545454; border-bottom-color: #000000; border-left-color: #545454;}

.Name             {color: #5454FC;}
.Scrabble         {font:      small "Arial Black",Arial,Courier,Monospace; padding: 0em 0.2em; color: #000; background-color: #8C8278;
                   border-width: 0.1em 0.1em 0.1em 0.1em; border-style: solid;
                   border-top-color: #D1CDC9; border-right-color: #363636; border-bottom-color: #363636; border-left-color: #D1CDC9;}
.Tiny             {font:      x-small "Small Fonts",Verdana,Sans-Serif;}
.Roman_numeral    {font: bold small Verdana,Arial,Sans-Serif;}
.Zodiac           {font:      small WingDings,Verdana,Sans-Serif;}
.ASCII-art        {font:      small Fixedsys,Courier,Monospace;}

.Go_Top           {padding: 0px; margin: 0px; background-color: #BD8100; cursor: url("Go_Index.cur"), n-resize;}
.Go_Top:hover     {                           background-color: #E6AA00;}
.Go_Top:active    {                           background-color: #FFD127;}
.Tight            {padding: 0px; margin: 0px;}

  /* Handheld specifics */

@media handheld
{
div.Menu          {clear: left;}
div.Content       {clear: left;}
div.Section       {clear: left;}
}