/* mystyle.css - my tiny style sheet */
/* 1. Broad brush strokes */

body { margin-left: 3%; margin-right: 60px;
       color: #00008B;
       font-family: Garamond, serif;
       text-align : justify;
       background : fixed #FFE4C4 url(../images/watermark.png) 98.4% 30px no-repeat;
     } 

  li, 
   p { margin-left: 3%; margin-right: 3%;
     } 

li { text-align : left;
   }

pre { font-family: monospace; 
      padding: 0.4em;
      margin-left: 4em;
      width : 70%;
      background: white;
      border : solid;
      border-width : thin;
      border-left : none;
      border-right: none;
      border-color: #6060A0;
    }

div { margin-top : 1em;
    }

h1,
h2,
h3,
h4,
h5,
h6 { color : #000040;
     font-family: sans-serif; 
     margin-bottom: 0;
   }

h3 { margin-top: 1.5em;
   }

h4 { margin-top  : 0.8em;
     margin-left : 0.8em;
     font-size   : 95%;
     font-weight : lighter;
   }

h5,
h6 { margin-left: 2em;
   }

p {
    margin-top: 0.3em;
  }

hr { margin-right: 25px;
     border : 3px #660033 outset;
     margin-bottom: -0.3em;
   }

hr.gentle { margin-right: 25px;
            border : 1px #660033 dashed;
            margin: 0.5em 20% -0.3em 20%;
          }

img { border : 3px #660033 outset;
    }


/* 2. My special classes */

.spaced { margin-top : 1em;}
.nb { color : red; }

.fineprint { font-size : smaller; }
.fineprint:before { content: "{"; }
.fineprint:after { content: "}"; }

.bigmargin { margin 1em 1em 1em 1em; }
.wellpadded { padding 1em 1em 1em 1em; }

.anaes {list-style-image : url(../images/scobul.png); }

.wider {width : 85%; 
       }
.widest {width : 92%; 
       }

img.plain { border : 0 #660033 none;
          }

img.floating { float : left; 
             }    

table.footer { font : 70% Helvetica, sans-serif;
               color : black;
               border : 1px #660033 solid ;
               background-color : #ffc125 ;
               width : 100%;
               margin-top: 1em; 
               margin-right: 25px;
             }

img.google { border : none;
             vertical-align: -0.25em;
           }

img.lite { border : 1px #cc80A9 solid;
             vertical-align: -0.2em;
           }


/* 3. Useful SPAN and other tags */
SPAN.wow { font-weight : bolder;
            color : #8b1020; }
SPAN.smallcaps { font-variant: small-caps; }
SPAN.mono { font-family : monospace; }


  /* Specific table & list stuff */
  tr.darkface { font-size : 70%;
                font-family: sans-serif;
                color : black;
              }
  tr.paleface { font-size : 70%;
                font-family: sans-serif;
                color : white;
              }
  h4.unindent { text-indent : -2.5em; margin-bottom: 0; }
  #firstpara { text-indent : 0em;
             }

/* 4. Pseudo stuff */
a:hover {color : green ;
         background-color : #ffefdb;}

/* X. area for testing follows: */

P.eyecatching:first-letter { font-size: 160% ; 
                           }
P.eyecatching:first-line   { font-variant: small-caps ;
                             line-height: 1.1em;
                           }

/* The following doesn't work: */
/*
body {counter-reset : sectn; }
h3:before { content : counter(sectn) ". "; 
            counter-increment : sectn;
          }
*/

/* the end of the style sheet */
/* ----------------------------------------------------------------- */