/* bookreview9 
  o two-column 
  o left column is junk
  o gray
  o first letter is 44px
  o left column is transparent gray
*/  

body{  margin: 5%;
       color: black;
       border: 1px solid rgb(128, 128, 128); 
       font-family: Times, serif;
       line-height: 1.05em;
    }
a   {  color: #307082;    }
a:hover  {  color: #D60808;  }
h1  {  font-size: 150%;
       font-weight: bold;
       direction:rtl;
       font-family:  sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 10px auto;
    }
h3  {  font-size: 110%;
       padding: 5pt;
       font-weight: bold;
       font-family:  sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 10px auto;
       border: 1px solid rgb(128, 128, 128); 
       line-height: 1.25em;
    }
h4  {  font-size: 105%;
       padding: 5pt;
       font-weight: bold;
       direction:ltr;
       font-family:  sans-serif;
       color: black;
       background-color: rgb(212, 212, 228);
       margin: 10px auto;
       border: 1px solid rgb(128, 128, 128); 
      }

/* this messes up ie 7
.content {  background-color:white; } 
do not use Verdana, it is too large in ie */

div.top
   {   width: 40.0%;
       padding: 0;
       margin: 0 0 0 0;
       background-color: #efefef; 
       border-right: 1px solid gray;
       /*background:#ffdddd;*/
   }
div.content-left h2  
   {   font-size: 140%;
       padding: 0.5em 0 1em 0.5em;
       text-align: left;
       font-weight: bold;
       font-family:  sans-serif;
       color: black;
       line-height:1.1em;
       border: 1px solid gray; 
       background-color: rgb(222, 222, 222); 
       background:url('50.png');
    }
div.content-left
    { float: left;
      position:relative; /* needed for ie */
      width: 40.0%;
      padding-top:8em;
      background-attachment:fixed;
      background:#ccddee;
      background:url('bookreview-rotated-gray.png'); 
      border-right: 1px solid gray;
      background-attachment:fixed;
      min-height:87.7em;
    }
div.content-right
    { 
      background-color: #ffffff;
     /* need 0.09 extra for linux firefox, 0.2 for windows firefox 
        or it obscures border-right of div.top */
      margin-left: 40.5%; 
      padding: 0.4em;
      margin-top: -1.05em;
      min-height:96em;
      border-left: 1px solid gray;
    }
span.firstletter  /* any width figure, no border, for initial letter */ 
    {
      float:left;
      position:relative; /* needed for ie */
      margin: 0 0 0px 0;
      height:40px;
      top:4px;
    }
div.footer
    { clear: both;
      margin: 10px auto;
      padding: 0.5em 0 1em 0.5em;
      border-top: 1px solid gray; 
      margin:0 0 0 0;
      line-height:0.95;
      background:white;
    }
.content a:link 
      { color: rgb(30, 28, 119);
      }
.content a:visited
      { color: rgb(80, 80, 100);
      }
.content a:link:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
.content a:visited:hover 
      { color: rgb(255, 255, 255);
        background-color: #0000ff;
      }
span.aside 
      {
        float:right;
        position:relative; /* needed for ie */
        width:15em;
        background:#ccddee;
        /*background:url(water-faint.jpg);*/
        margin: 0 0 0 0;
        padding:0.30em;
        border: 1px solid;       
      }

a[href^="http:"]{
   background: url(externallink.png) no-repeat right top;
   padding-right: 10px;
   }
div#marquee
  {
    font-family: sans-serif;
    color:#ffffcc;
    font-size:150%;
  }