/*----------------------------------------------
/*  extrastyles.css
/*  Styles that Netscape 4 etc can't cope with 
/*  Dec 2003: almost all styles moved here. (Fed up with NN bugs)
/*--------------------------------------------*/


/*--------- Page Layout -----------*/

BODY  { background:  rgb(102,255,51) fixed; color:black;
        font-size: 100%;  /* work-around for IE */
	}

BODY#noframe  
      { background: #FFF8E8; 
	  padding: 1em 2em;
	}

#page { background: #FFF8E8; color:black; 
	  max-width: 42em;   
        padding: 1em 3em ; 
        border-width: thin; border-style: solid; border-color: white black black white;
        margin: 1% 2%; }

/* Pass 'margin: auto' through to decent browsers, while IE struggles on with 2% */
html>body #page { margin-left: auto; margin-right: auto; }

/* Suppress page border and footer when printing */
@media print
	{ #page   { margin:0; padding:0; border-style: none; }
        #footer { display: none; }
	}

#banner     { margin: 0; }
#buttonbar  { margin: 3px; }

#footer       { max-width: 42em; }
#footer-links { float: left; text-align: left;
                width: 27%; /* wet-finger figure for broken IE versions */
                voice-family: "\"}\"";  /* hide rest from them */
                width: 33%;  min-width: 6em;  /* for compliant browsers */
              }
#footer-icons { float: left; text-align: center; padding-top: 1em;
                width: 27%; 
                voice-family: "\"}\"";  
                width: 33%; min-width: 100px;  
              }
#footer-ad    { float: left; text-align: right; 
                width: 27%; 
                voice-family: "\"}\"";  
                width: 33%; min-width: 6em; 
              }

#footer-date  { font-size: 85%;  }

#footer-icons IMG { border-style: none; }


/*--------- Main Styles -----------*/

H1 		{ text-align: center; }

BLOCKQUOTE	{ font-style: italic; }

PRE         { font-size: 90% }  
PRE.code    { background-color: white; color: black; }

CODE  { font-size: 90%; background-color: white; color: black; 
        white-space: nowrap; margin-left: 0.3em; margin-right: 0.3em; }
CODE.block
      { font-size: 90%; display: block; }


/*--------- General Classes -----------*/

.nolink	{ text-decoration:underline; }
.subheading { font-size: 120%; font-weight: bold; text-align: center; 
	        margin-top: 0; padding-top:0; }
.nw         { white-space: nowrap; }
.alert      { color: white; background-color: red; } /* overridden in extrastyles.css */
.clear      { clear: both; }

HR.short { width: 40%; text-align: center; }
HR.iga   { width: 30%; text-align: left; }

TABLE.padded TD, TABLE.padded TH { padding: 0.2em; }

TABLE.std TD, TABLE.std TH { padding: 0.4em; vertical-align: top; }
TABLE.std TD { font-size: 90%; }

TABLE.toc TD, TABLE.toc TH { padding: 0.2em; height: 2.5em; }
 
.mourning	{ border: solid black }
.smiley	{ font-family: monospace; background-color: rgb(255,210,210); color: black }
.alert      { color: white; background-color: red; 
              padding: 0 0.5em; border: thin solid white; }

.emphasisbox { font-size: 120%; border: medium solid red; 
               margin-left: 20%; margin-right: 20%; padding: 0.7em; }

.floated	{ float:right; margin-left: 1em; margin-top: 0; }

.multicol 	{ width: 12em; max-width: 90%; min-width: 28%; margin: 0.5em; padding: 0.5em; 	 	        float: left; border: thin solid black; }

.sidebar-small  { float: right; width: 6em; border: medium solid #BC3400; 
                  padding: 0.6em 1em; margin-left: 1em; margin-bottom: 0.6em; }
.sidebar-medium { float: right; width: 10em; border: medium solid #BC3400; 
                  padding: 0.6em 1em; margin-left: 1em; margin-bottom: 0.6em; }
.before-sidebar { padding-bottom: 1em; margin-bottom: 0; }
.has-sidebar    { margin-top: 0; padding-top: 0; }
.after-sidebar  { clear: both; }


.smallcaps	{ font-size: 90%; }
.init       { font-size: 90%; }

.linklist A { display: block; width: 18em; float: left; padding: 0.2em 0.5em; }



/*--------- Web Matters -----------*/

#wmbanner 
	{ background-color: yellow; color: green; 
	  font-weight: bold; font-family: "Monotype Corsiva", cursive;
	  width: 50%; text-align: center;
	  margin-left: auto; margin-right: auto; margin-top:0; 	  
        font-size: 250%;   }

#wmbutton
	{ background-color: yellow; color: green; 
	  font-weight: bold; font-family: "Monotype Corsiva", cursive;
	  padding-right: 0.5em; padding-left: 0.5em;
	  text-decoration: none;  
	  font-size: 200%;   }

/*-----------------------------
/* lists
/*---------------------------*/

.multiline LI { padding-bottom: 0.8em; }

.brief        { margin-bottom: 0; margin-top: 0;  }
.brief LI     { padding-top: 0; padding-bottom: 0; }

P.listintro                 { margin-bottom: 0; padding-bottom: 0; }  
OL.listintro, UL.listintro  { margin-top: 0; padding-top: 0; }    

.nested LI	  { margin-bottom: 1em;   margin-top: 0;  }
.nested LI LI { margin-bottom: 0.2em; margin-top: 0;  }

/*-----------------------------
/* uk.r.b portraits 
/*---------------------------*/

.portraits TD {text-align:center; width: 240px; padding-bottom: 1.5em; vertical-align: top; }
.portraits A  {padding: 0 0.5em; }
.pname        {font-size: 120%; margin: 0.2em; }
 
/*-----------------------------
/* for test only
/*---------------------------*/
.test  { border: thin solid red; }
.test2 { border: thin solid green; }