/* 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)
 *
 * Original author: Bert Bos <bert@w3.org>
 *
 * Adapted by Jacek Piskozub <piskozub@iopan.gda.pl>
 */



BODY {
  color: #000;
  background: #9bd url(wave06a.jpg) 0 0 repeat fixed;
/*  background-position: 0% 0%;  
  background-size: 100%;   */
  margin-left: 4em;
  margin-right: 3em;
  font-family: sans-serif, "Arial", "Helvetica";
  line-height: 1.4;
  font-size: medium;
}

TD, TH { /* ns workaround */
  font-family: "Arial", "Helvetica", sans-serif;
  line-height: 1.35;
}

h1 { color: #025c7f; font-weight: bold; font-size:2em;  text-align:center; padding-bottom:1em;}
/* 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;
  margin-right: 1.5em;
  font-size: 125% /*200%*/;
}
h3 {
  color: black;
  font-size: 100%;
  font-weight: normal;
  font-variant: small-caps;
  text-align: right;
}

.logo {
  float: left;
}

div.endmatter { color: white;
                border-top: thin solid; 
                text-align:right; 
                padding-right:2.5em;
                margin-top:1.0em;
                font-style: italic;}
div.endmatter a {color: white;}
div.endmatter a:hover {color: black;}
div.endmatter HR { display: none }


A:link { color: #000; /* border: none -- breaks NS 4.x */ }

A:visited, A:active { color: #000; /* border: none -- breaks NS 4.x */ }

A:link IMG, A:visited IMG { border-style: none }

A IMG { color: white } /* The only way to hide the border in NS 4.x */

/* Should be a:visited:hover, a:link:hover but Opera Linux
   doesn't support that yet */
a:hover {
  background: #CF9;
}


.hide {
  display: none;
  color: white;
}

SPAN.date { font-size: 0.8em; color: #999 }
SPAN.date:after { content: "\A0\A0" }

SPAN.attribution {
  font-weight: bold
}

BLOCKQUOTE {
  margin-left: 4em; 
  margin-right: 4em;
  margin-top: 0.8em; 
  margin-bottom: 0.8em;
  font-style: italic;
  /* color: #990; */
}

ADDRESS { 
  text-align: right;
  font-weight: normal;
  font-style: italic 
}

BLOCKQUOTE P {			/* Try to avoid space above the attribution */
  margin-bottom: 0;
}
BLOCKQUOTE ADDRESS {
  margin: 0;
}

.motto, .motto A {font: italic 120%/1.3 Georgia, serif; color: #990}

.emphasized {
  font-weight: bold
}

/* Why o why does this break Netscape 4.x?
IMG { 
  border: none
}
*/

P.map-also { font-style: italic; margin-left: 15%; text-align: right }

UL, UL LI { /*margin-left: 0;*/ list-style: disc }
OL, OL LI { list-style: upper-roman; }

UL.square, UL.square li { list-style: square; }

/* P + P { text-indent: 1.5em; margin-top: 0 } */
P.stb { text-indent: 0; margin-top: 0.6em } /* Small thematic break */

P.hint + P, P.alt-hint + P { text-indent: 0; margin-top: 1em }

P { margin-top: 1em; margin-bottom: 0 }

UL, OL { margin-bottom: 0.3em }

PRE { margin: 1em 0 1em 1.5em; color: #603; }


P.remark {font-size: smaller}

hr {color:#000}

img.middle {position:relative; top:0.25em;}

div.back {
  clear: both;
  page-break-before: always;
  margin: 3em -0.75em 3em 1em;
  padding: 1.2em;
/*  opacity:0.85; */
  z-index:3;
}
/* 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, which is used
 * here to show the expected effect in the future.
 */
div.back, div.section {
/*  border-radius: 4em; */
  -moz-border-radius: 2em 4em 2em 4em;
  -webkit-border-radius: 2em 4em 2em 4em;
  border-radius: 2em 4em 2em 4em;
}
div.section {
  background: #FBFBFF;
  margin: -3em 0 0 -3em;
  padding: 1.5em;
  border: thin solid #999;
  text-align: justify;
  opacity:1.0;
  z-index:2;
}


div.section a:link, div.section a:visited {
  color: black;
  font-style: italic; 
  text-decoration: underline;
}

div.people a:link, div.people a:visited {
  color: black;
  font-style: normal; 
  text-decoration: underline;
}

li.top {
  margin-top:1em;
}

div.prawy { text-align: right; padding-right:2em;
}

div.rok { text-align: left; 
          font-style: italic; 
          margin-left:1em; 
          font-size:125%;
/*          font-family: fantasy;
            text-decoration: overline; 
*/
}

div.foto            { text-align:center; font-size:90%; font-style:italic;  color: #025c7f;}
div.foto a, div.foto a:link, div.foto a:visited  { text-decoration:none;      font-style: italic; color: #025c7f; }
div.foto a:hover, div.foto a:active              { text-decoration:underline; font-style: italic; color: #025c7f; } 
               
div.fig {overflow:auto; margin-left:auto; margin-right:auto; text-align:center; font-size:90%; font-style:italic;  color: #025c7f; }

div.validator {padding-bottom:2em; }