#990099/* ######################################################################################################
** ######################################################################################################
** ### Stylesheet for http://alicebob.info; File Version ......                       ###################          
** ### Author: Urs Birchler, Date:                                                    ###################
** ######################################################################################################
** ######################################################################################################
*/


/* ######################################################################################################
** ### Flexible text                          ###########################################################
** ######################################################################################################
*/

body {                         
   font-size: small;
      }    
      
/* ### Simplified Box model hack              ###########################################################
         */

* html body {                         
   font-size: x-small;           /* for IE5/Win */
   f\ont-size: small;            /* for other IE-Versions*/
      }   
      
html>body {                      /* be nice to Opera; may be redundant. */                        
   font-size: small;
      }
      
/* ######################################################################################################
** ### Font        ######################################################################################
** ######################################################################################################
*/		

*  {font-family: "Helvetica", sans-serif;
   }


/* ######################################################################################################
** ### Fill Screen ######################################################################################
** ######################################################################################################
*/		

body { margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; 
     }    
          

/* ######################################################################################################
** ### Fit images into container ########################################################################
** ######################################################################################################
*/

img {
    width: 100%;
    border: 3px solid #ffffff;
    } 

/* ######################################################################################################
** ### Headings ######################################################################################
** ######################################################################################################
*/		

h2 {text-align: left;
    font-size: 150%;
    padding: 0%;
    margin-top: 0%;
    margin-bottom: 2%;
    color: #ffccff;
   }
   
h3 {padding: 0%;
    margin-top: 0%;
    margin-bottom: 1%;
    color: #000000;
   }

      

/* ######################################################################################################
** ### Containers <div>##################################################################################
** ###################################################################################################### 
** ### html-structure: 
** ### --------------------------------------------------------------------------
** ### for index.php:    ($level=0)
** ### 
** ### (html)
** ### (body)
** ### (the folowing are al div)
** ###   id="wrapper"
** ###     indexleft  id="leftcontainer"          (= left column)  id=leftcontainer
** ###     indexmain  id="maincontainer"          (= right column) (for first level; replaced on second level pages)
** ###       id="serviceblock"
** ###       id="daybitsblock" 
** ###                    includes Bites.bite[number] via ("Bites/$anybit.php")
** ###                         and bits via ("Bites/$anybit.php")
** ###                    (*content previously defined via $itemofday in countfile.php*)    
** ###       id="shopperblock"   
** ###       id="readersblock"  
** ###   id="footer"
** ###       id="leftfootblock"
** ###       id="rightfootblock"
** ### ---------------------------------------------------------------------------  
** ### for higher level pages ($level=1, 2, ...)
** ### 
** ### (html)
** ### (body)
** ###   wrapper
** ###     indexleft (= left column)
** ###     *content*main.php (= right column)  (*content* previously defined via $itemofday in countfile.php*)
** ###       serviceblock
** ###       daybitsblock 
** ###                    includes Bites.bite[number] via ("Bites/$anybit.php")
** ###                         and bits via ("Bites/$anybit.php")      
** ###   footer
** ###       leftfootblock
** ###       rightfootblock      
** ###  ---------------------------------------------------------------------------  
*/	
  
#wrapper {                               /* wraps full page */ 
   max-width: 1200px;
   min-width: 400px;
   background: #ffffff;
   }
   
#leftcontainer {                     
   float: left;
   width: 33%; 
   margin-right: 1%;     
   background: #ffffff;
   } 
   
#leftbookcontainer {
   float: left;
   width: 33%;
   margin-right: 1%;
   background: url('../Cover.jpg') ;
   }

#maincontainer {
   float: left;
   width: 65%;
   background: #ffffff;
   }                           
   
#footer {
   clear: left;
   max-width: 1200px;
   background: #ffffff;      
   }   
      
/* ######################################################################################################
** ### Block elements (subcontainers)           #########################################################
** ######################################################################################################
*/

#serviceblock, #service2block, #daybitsblock, #readersblock, #shopperblock {
  float: left;
  width: 98%;
  padding: 1%; 
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 1%;
  margin-right: 0%;
  }  
  
#rightfootblock  {
  float: right;
  width: 100%; 
  padding: 0%;
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%; 
  }     
  
#leftfootblock  {
  float: left;
  width: 0%; 
  padding: 0.5%; 
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%; 
  }

#scripted  {
  float: left;
  max-width: 50%;
  padding: 0%;
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  }
  
/* ######################################################################################################
** ### Lists and list items #############################################################################
** ######################################################################################################
*/

#nav, #daybits, #readers, #advlist {
  float: left;
  width: 98%;
  padding: 0%; 
  margin-top: 0%;
  margin-bottom: 1%;
  margin-left: 0%;
  margin-right: 0%;
  list-style: none;  
  }   
  
#leftfootlist {
  float: left;
  max-width: 35%; 
  padding: 0%; 
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 4%;
  margin-right: 0%;
  list-style: none;  
  }
  
#rightfootlist {
  float: right;
  max-width: 35%;
  padding: 0%; 
  margin-top: 1%;
  margin-bottom: 0%;
  margin-left: 0%;
  margin-right: 0%;
  list-style: none;  
  }

  
#nav li, #readers li, #daybits li, #advlist li, #leftfootlist li, #rightfootlist li {
  float: left; 
  margin: 0;
  padding: 0;
  font-size: 100%;
  } 


/* ######################################################################################################
** ### Forms         ####################################################################################
** ######################################################################################################
*/

form {
  float: left; 
  margin: 0 1px 0 0;
  padding: 4px 8px;
  font-size: 100%; 
  }
  
/* ######################################################################################################
** ### Block colors         #############################################################################
** ######################################################################################################
*/   

#serviceblock, #nav {           
  background: #66cc99;   
  }

#service2block, #nav {           
  background: #66cc99;   
  }
  
#daybitsblock, #daybits {             
  background: #99bbbb;  
   }
   
#readersblock, #readers {             
  background: #9999bb;  
   }
       
#shopperblock, #advlist {
  background: #336666;
   }
   
#rightfootblock, #leftfootblock, #leftfootlist, #rightfootlist {
  background: #cccc99;
   } 
         
      
/* ######################################################################################################
** ### Links         ####################################################################################
** ######################################################################################################
*/ 

#nav a, #daybits a, #readers a, #advlist a, #leftfootlist a {
  float: left;
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 8px;
  color: #99ffcc;
  text-decoration: none;
  border: 1px solid  #BBDDFF;
  border-bottom: 1px solid #BBDDFF; /* Original: none; */
  background: #003333;  
  }  
  
  
#chapters a {
  width: 10%;  
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 8px;
  color: #99ffcc;
  text-decoration: none;
  border: 1px solid  #BBDDFF;
  border-bottom: 1px solid #BBDDFF; /* Original: none; */
  background: #003333;                                  /* background: #003333; */
  }

#fullchaptertext a {
  width: 80%;  
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 8px;
  color: #99ffcc;
  text-decoration: none;
  border: 1px solid  #BBDDFF;
  border-bottom: 1px solid #BBDDFF; /* Original: none; */
  background: #003333;                                  /* background: #003333; */
  }

#rightfootlist a   {
  float: right;
  display: block;
  margin: 0 1px 0 0;
  padding: 4px 8px;
  color: #99ffcc;
  text-decoration: none;
  border: 1px solid  #BBDDFF;
  border-bottom: 1px solid #BBDDFF; /* Original: none; */
  background: #003333;  
  }  

#nav a:visited, #daybits a:visited, #readers a:visited, #advlist a:visited, #leftfootlist a:visited, #rightfootlist a:visited, #chapters a:visited, #fullchaptertext a:visited{
  color: #aaffdd;
  padding-bottom: 4px;  
  border-color: #bbddff;
  background: #336666;       
  }      
  
#nav a:hover, #daybits a:hover, #readers a:hover, #advlist a:hover, #leftfootlist a:hover, #rightfootlist a:hover, #chapters a:hover, #fullchaptertext a:hover{
  color:#000099;
  padding-bottom: 4px;  
  border-color: #ffccff;
  background: #ffccff;
  }  
  
/* ######################################################################################################
** ### Definition list       ############################################################################
** ######################################################################################################
*/ 

#teamlist dt, #questionlist dt {
  clear: left;
  font-weight: bold;
  color: #000033;
}
  

/* ######################################################################################################
** ### Voice (to be completed) ##########################################################################
** ######################################################################################################
*/ 

      
/* h2 {     
  voice-family: paul;     
  stress: 20;     
  richness: 90;     
  cue-before: url("ping.au")     
  }  */
  
/* ######################################################################################################
** ### Classes       ####################################################################################
** ######################################################################################################
*/ 

.incontainer { float: left;  /* very important class for <div> within other <div id= ...>;              */
  width: 98%;                /* prevents subsequents lists from collapsing;                             */
                             /* <div> without class seems to overwrite previous <div>'s id in Firefox,  */
  padding: 0;                /* not in IE7, though.                                                     */
  margin-top: 1%;
  margin-bottom: 1%;
  margin-left: 0%;
  margin-right: 0%;
 } 
 
.indentquote {                      /* additional indention for quoted texts within "bites"              */
  width: 96%;               
  margin-top: 0%;
  margin-bottom: 0%;
  margin-left: 2%;
  margin-right: 0%;
 }
    
  
/* .bold   {font-weight: bold;}
** .italic {font-style: italic;}
** .normal {font-weight: normal;}
** .catcheye {background-color:#99CC99;}
** .lightback {background-color:#99CCFF;}
** .mediumback {background-color:#CCCCCC;}      
*/

/* ######################################################################################################
** ### End         ####################################################################################
** ######################################################################################################
*/