/* Stylesheet for Anansi hub page. */

BODY            {   background-attachment: fixed;
                    background-image: url(http://www.anansispaceworks.com/Backgrounds/antarctica_bkg.jpg);
                    background-repeat: no-repeat; 
                    background-color: #000000; } 

.hidden         {   display: none;  }

.fallback       {   position: absolute;
                    top: 100%;
                    width: 95%;
                    margin-left: auto;
                    margin-right: auto; }
                    
.fallback ul    {   display: table;
                    width: 95%;
                    margin-left: auto;
                    margin-right: auto; }
                    
.fallback ul li {   display: table-cell;
                    padding-left: 10px;
                    padding-right: 10px;    }

#hub    {
        position: absolute;
        width: 440px;
        height: 440px;
        margin: -220px -220px -220px -220px;
        left: 50%;
        top: 50%;
        }


.basic          {   position: absolute;
                    margin: auto auto auto auto; }

#ring           {   z-index: 10; }
                    

/* #highlights     {   z-index: 12; } */

.highlight      {   z-index: 12; visibility: hidden; }
#hl_philosophy  {}
#hl_books       {}
#hl_services    {}
#hl_people      {}
#hl_links       {}
#hl_downloads   {}
#hl_projects    {}
#hl_articles    {}

#previews       { z-index: 5;   }

.preview        {   position: absolute;
                    margin: -146px -146px -146px -146px;
                    visibility: hidden;
                    left: 50%;
                    top: 50%; }
                    
#prev_anansi    {   z-index: 0; 
                    visibility: visible; }
                    
#prev_bkg       {}

#prev_philosophy  {}

#prev_books     {}
#prev_services  {}
#prev_people    {}
#prev_links     {}
#prev_downloads {}
#prev_projects  {}
#prev_articles  {}


/* #overlay            { z-index: 21;  visibility: hidden; } */
#overlay_return     { z-index: 21;  visibility: hidden; position: absolute; }

/* CSS image-map replacement -- position buttons. */
.mapbtn             { position: absolute;
                      z-index: 20;  visibility: visible;
                      margin: -40px -40px -40px -40px;
                      left: 50%;
                      top: 50%;}
#map_N  {   left: 209px;    top:  39px;     }
#map_E  {   left: 379px;    top: 209px;     }
#map_S  {   left: 209px;    top: 379px;     }
#map_W  {   left:  39px;    top: 209px;     }
#map_NE {   left: 329px;    top:  89px;     }
#map_SE {   left: 329px;    top: 329px;     }
#map_NW {   left:  89px;    top:  89px;     }
#map_SW {   left:  89px;    top: 315px;     }

#maparray       {z-index: 40; visibility: visible;}

.fullscreen         { position: absolute;
                      margin: 0 0 0 0;
                      width: 100%;
                      height: 100%;}

.backbtn            { position: absolute;
                      z-index: 30;  visibility: hidden;
                      margin: -40px -40px -40px -40px;
                      left: 50%;
                      top: 50%;}

#back_N  {   left:  50%;     top:   0%;     }
#back_E  {   left: 100%;     top:  50%;     }
#back_S  {   left:  50%;     top: 100%;     }
#back_W  {   left:   0%;     top:  50%;     }
#back_NE {   left: 100%;     top:   0%;     }
#back_SE {   left: 100%;     top: 100%;     }
#back_NW {   left:   0%;     top:   0%;     }
#back_SW {   left:   0%;     top: 100%;     }

#backarray       {visibility: visible;}


.spoke              {
                    position: absolute;
                    z-index: 25;  
                    visibility: hidden;
                    width: 640px;
                    height: 640px;
                    margin: -320px -320px -320px -320px;
                    left: 50%;
                    top: 50%;
                    color: #aaaa88;
                    }

.spoke h1           { font-size: 24px; 
                      color: #8888aa;}
.spoke dl dd        { font-size: 10px; font-family: sans-serif; 
                      padding-bottom: 15px;}

.spoke_small        { font-size: 10px; font-family: sans-serif; 
                      padding-bottom: 15px;}

.spoke_small tr td  { padding: 10px;}



#spoke_articles     {}

#spoke_heading      { font-size: 18px; font-family: 'Isabella', sans-serif;}


.spoke_index        {
                    position: relative;
                    z-index: 25;  
                    visibility: visible;
                    background-color: #101010;
                    width: 80%;
                    height: 80%;
                    margin: 10% 10% 10% 10%;
                    color: #aaaa88;
                    }