/*------------------------
/* basic.css 
/* Author: Stephen Poley
/*------------------------*/


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

BODY  { background:  url(desktop.jpg) rgb(172,111,19) fixed; 
        color:black;
        font-size: 100%;  /* work-around for bug in some IE versions*/
	}

BODY#noframe  
      { background: url(paper.jpg) #FFF8E8; 
	  padding: 1em 2em;
	}

#page { background: url(paper.jpg) #FFF8E8; color:black; 
	    max-width: 42em;   
        padding: 1em 3em ; 
        border-width: thin; border-style: solid; border-color: white;
        border-radius: 1.5em;
        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; }

H2, H3, H4     { margin: 1em 0 0 0; }

P { margin: 0.5em 0 0 0; }

A:link    { color: #E04000; background-color:transparent; }
A:visited { color: #982800; background-color:transparent; }
A:hover   { color: green;   background-color:transparent; text-decoration: none; }
A:active  { color: red;     background-color:white; }

BLOCKQUOTE	{ font-style: italic; }

PRE         { font-size: 90% }  
PRE.code, SPAN.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; }

TEXTAREA { font-family: sans-serif; }

/*--------- 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; }

#footer HR { margin-top: 1em; margin-bottom: 1em; }
HR.short  { width: 40%; text-align: center; }
HR.iga    { width: 30%; text-align: left; }
HR.spaced { margin-top: 1.5em; margin-bottom: 1.5em; }

TABLE { margin: 0.5em 0; }

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%; }

/* rgb(233,162,54)  rgb(235,171,75)   */

TABLE.toc { border: 2px solid rgb(208,172,117); border-collapse: collapse; }
TABLE.toc TD, TABLE.toc TH { padding: 0.3em; height: 2.5em; border: 2px solid rgb(208,172,117); }
 
.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; border-radius: 0.5em;
                  padding: 0.6em 1em; margin-left: 1em; margin-bottom: 0.6em; }
.sidebar-medium { float: right; width: 10em; 
                  border: medium solid #BC3400; border-radius: 0.5em;
                  padding: 0.6em 1em; margin-left: 1em; margin-bottom: 0.6em; }
.sidebar-large  { float: right; width: 14em; 
                  border: medium solid #BC3400; border-radius: 1em;
                  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; 
      border-radius: 0.5em;	  
        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; }

.semispaced    { padding-top: 0; margin-top: 0; }
.semispaced LI { margin-top: 0.4em; }

.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; }