ÿþ/* Style for sections with drop shadows

 *

 * Assumes that sections are marked-up like this:

 *

 *   <div class="back">

 *     <div class="section">

 *       <h2>Heading</h2>

 *       ...

 *     </div>

 *   </div>

 *

 * Default color is red (same as banner-o)

 *

 * Author: Bert Bos <bert@w3.org>

 * Created: 24 Aug 2001

 * Version: $Id: shadows.css,v 1.9 2002/05/31 12:15:51 bbos Exp $

 */



div.back {

  clear: both;

  page-break-before: always;

  margin: 3em -0.75em 3em 1em;

  padding: 1.5em;

}

/* I'd like to use 

   background: transparent url(semi4x4.png)

   but semi-transparent backgrounds seem to slow down the various

   browsers a lot... */

div.back {background: #567}

div.section div.back {background: #777}



/* border-radius is not a CSS property, but a proposal for CSS3.

 * Mozilla has implemented it in an experimental fashion,

 * using '-moz-border-radius'

 *

 * div.back, div.section {

 *   border-radius: 4em 2em;

 *   -moz-border-radius: 4em;

 * }

 */

div.section {

  background: #FBFBFF;

  margin: -3em 0 0 -3em;

  padding: 1.5em;

  border: thin solid #999;

}

h1 { color: black; line-height: 1 }

h1:first-line { color: #025c7f }

h2 {

  color: black;

  text-shadow: 1px 1px black;

  text-align: right;

  font-variant: small-caps;

  font-weight: bold;

  margin-top: 0;

  font-size: 140% /*200%*/;

}

h3 {

  color: black;

  font-size: 100%;

  font-weight: normal;

  font-variant: small-caps;

  text-align: right;

}

body {

  line-height: 1.4;

  background: #9bd;

  font-size: medium;

  margin-right: 6.5em;

}

div.section a:link, div.section a:visited {

  color: inherit;

  font-style: italic;

  text-decoration: underline;

}

/* Should be a:visited:hover, a:link:hover but Opera Linux

   doesn't support that yet */

a:hover {

  background: #CFF;

}