/*    alternate STYLE SHEET 
   file created March 13 2008
      file used in THREE DIFFERENT SITES:
                   #1  alternates-to-physics.info
                   #2  what-is-space.info
                   #3  what-is-time.info
      in sites #1 and #2 this file was referred to as follows:
      <link href="http://www.alternate-to-physics.info/alternate.css" rel="stylesheet" type="text/css"/>

      on april 1 2010 and in order to improve client browser loading,  
      this file has been copied into sites #2 and #3 above
      
      WHENEVER THIS FILE IS MODIFIED MAKE SURE TO COPY IT ACCROSS #1, #2 ,#3 sites above
      
   CSS technics thanks to:
         Class/Section: FH COIN 061 2310 SW F07
         Foothill College Los Altos California
         Professor: Sandi Watkins
   by Henri Salles
   last updated Apr 1 2010
*/


/* Global block elements */
body {background-color: rgb(0,51,0); color: rgb(51,255,255); font: normal 14px Arial, Helvetica, sans-serif; } 
body a {color: rgb(51,255,255);}
body a:hover {text-decoration: none; color: rgb(204,255,255);}  /* text-decoration applies inn a as well */

#title {color: rgb(51,255,255);}

#clickFlip {color: rgb(0,102,102); text-align: right;}


#flip a {text-decoration: none; color: rgb(0,102,102);}
#flip a:hover {color: rgb(51,255,255);}


.change {color: rgb(0,102,102);}
.change a {text-decoration: none; color: rgb(0,102,102);}
.change a:hover {color: rgb(51,255,255); }



/* Inn */
#inn {background-color: rgb(102,255,255); color: rgb(0,51,51);  padding: 10px; }
#inn a {  font-size: 1.1em; color: rgb(0,51,51);}
#inn a:hover {color: rgb(51,102,102);}

/* a class used in what-is-time website */
.illusion { color: rgb(102,102,102);}


div.popup1 { position:absolute;top:300px; right:10px; /* first used in "what_is_motion" Aug 31 2009 */
             display:none;
             width: 500px;
             border:1px solid rgb(0,0,0);
             padding:.5em;
             background-color: rgb(240,240,255);
             color: rgb(51,51,102);
             text-align: center;}
div.hovered1:hover div.popup1 {display:block;}



/* COLORS in USE 
BACKGROUND  TEXT     SPECIFIC

0,51,0            body
      51,255,255      body, body a, #title, #flip a:hover, .change a:hover
      204,255,255 body a:hover (underlined link)
      
      51,255,255  
      0,102,102   #clickFlip, #flip  a, .change, .change a
      
102,255,255       inn
      0,51,51     inn, inn a
      51,102,102  inn a:hover
      
      102,102,102     .illusion
*/