/* Style sheet for my site
 * http://www.gdargaud.net/
 * Designed only for use with Internet Explorer 4.0 and above
 *
 * Author:Dargaud Guillaume
 *         ouaibe at gdargaud dot net
 * Date:  1997/11/25 - First version
 *        1998/09/30 - Modified to import style for IE4 instead of using JS
 *        2001/08/29 - modifications for IE6, no more import. If NS crashes, fuck it !
 *        2003/01/01 - Added internal frames with tables of content
 *        2005       - Simplified using PHP. Requires custom .htaccess file so that PHP will process css files: AddType application/x-httpd-php .html .htm .css
 *        2012/12/10 - Gone to HTML5 and removed all browser specific stuff
 */

BODY	{ width:98%; color:black; background:#F0E9E9; 
	  font-family:Verdana,Helvetica,Helv,Arial; font-size:small;
	  text-align:left; text-indent:0px; margin:8px; }

IMG	{ border:none; }

INPUT, BUTTON {	font-family:Verdana,Helvetica,Helv,Arial; font-size:small; }


/*---------------------------------------------------------------------------*/

SUB 	{ font-size:80%; }
SUP 	{ font-size:80%; }
SMALL	{ font-size:80%; }
BIG	{ font-size:120%; }
CENTER	{ text-align:center; }

PRE	{ font-family:"Lucida Console","Lucida Sans Typewriter","Monotype.com","Courier New",Courier,monospace; 
	  font-size:small; color:#601005; /*background:#DEE2EA;*/ background:#E0D6D0; }
CODE	{ font-family:"Lucida Console","Lucida Sans Typewriter","Monotype.com","Courier New",Courier,monospace;
	  font-size:small; color:#601005; /*background:#C0B0A0;*/ background:#E0D6D0; }
VAR	{ font-family:Terminal,"Courier New",Courier,monospace; font-size:small; color:#601005; }
KBD	{ font-family:Terminal,"Courier New",Courier,monospace; 
	font-size:small; color:#00B000; /*background:#000000;*/ }
SAMP	{ font-family:"Lucida Console","Lucida Sans Typewriter","Monotype.com","Courier New",Courier,monospace; 
	  font-size:small; font-weight:bold; }
TT	{ font-family:"Courier New",Courier,monospace; font-size:small; }


/*---------------------------------------------------------------------------*/

H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, DL {
	font-family:Verdana,Helvetica,Helv,Arial; 
	margin-top:0.5em; margin-bottom:0.5em; 
}

H1	{ color:#00DDDD; font-size:200%; font-weight:bold; text-align:center; 
	  margin-top:5pt; margin-bottom:5pt; 
	  height:1.5em; }
H2 	{ color:#008888; font-size:180%; font-weight:bold; text-align:center; height:1.5em;
	  background:url("Backgrounds/Gradient600.gif") repeat-y center; }
H3	{ color:#009999; font-size:130%; font-weight:bold; text-align:left; }
H4	{ color:#00AAAA; font-size:120%; font-weight:bold; text-align:left; }
H5	{ color:#00AAAA; font-size:110%; font-weight:bold; text-align:left; margin-top:0px; margin-bottom:0px; }

H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, DL { height:auto; } 
H1 { color:#006666; border-style:dashed; border-color:white; border-width:thin; /*background:#DEE2EA;*/ }


/*---------------------------------------------------------------------------*/
BLOCKQUOTE { font-family:"Trebuchet MS","Times New Roman",Times; font-size:medium;
	     background:#DEE2EA; margin:0.5em 1.5em 0.5em 1.5em; }
BLOCKQUOTE UL, BLOCKQUOTE OL, BLOCKQUOTE DL { font-family:"Trebuchet MS","Times New Roman",Times; font-size:medium; }
CITE	{ font-style:italic; color:#0A6437; }
DIR	{ margin-left:28pt; }
DL	{ font-family:Verdana,Helvetica,Helv,Arial; margin-top:5pt; margin-bottom:5pt; }
DT	{ font-size:100%; font-weight:bold; margin-top:0.3em; }
DD	{ font-size:100%; margin-left:28pt; }

FIELDSET { background:#FEFED6; font-size:small; text-align:left; padding:3px 3px 3px 3px; }
FIELDSET FIELDSET { background:#FEFEC6; }
FIELDSET FIELDSET FIELDSET { background:#FEFEB6; }
LEGEND	{ background:#EEFEE6; font-weight:bold; font-size:110%; padding:1px 1em 1px 1em; 
	/* display:block; border-style:outset; border:thin; */ }

/*---------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------*/
TR	{ margin:1px; } 
TD	{ margin:1px; vertical-align:top;
	  color:black; font:small Verdana,Helvetica,Helv,Arial; text-indent:0px; }
TH	{ margin:1px; vertical-align:top; text-align:center;
	  color:#001133; font:small Verdana,Helvetica,Helv,Arial; text-indent:0px;
	  font-weight:bold; }
CAPTION	{ display:block; text-align:center; background:#E9E9E0; 
	  font-family:"Andale Mono","Bookman Old Style",Helvetica,Helv,Arial; }

HR	{ /*size:1px;*/ width:100%; clear:both; }

/*---------------------------------------------------------------------------*/
/* Used for 1st letter of Paragraph */
STRONG	{ color:#B05050; font-weight:bold; font-size:180%; 
	font-family:"Comic Sans MS Bold","Comic Sans MS",cursive;
	height:1em; }

LI:hover { list-style-type:circle; }
DD:hover { list-style-type:square; } 

/*---------------------------------------------------------------------------*/
/* Various SPAN classes */
.small	{ font-size:80%; }
.big	{ font-size:120%; }
.OverBottom	{ margin-top:-13pt; z-index:3; }
.Select	{ background:#CED2DA; font-weight:bold; }
.Date	{ font-style:italic; color:#202020; }
.Data	{ font-family:"Bookman Old Style","Andale Mono",Verdana,Helvetica,Helv,Arial; }
.Jenny	{ font-family:"Andale Mono",Helvetica,Helv,Arial; font-size:120%; color:#002040;}
.Download { font-size:120%; width:20em; }
.Warning { color:#F0E9E9; background:#9E0C0C; }
.Cal	{ font-family:"Lucida Console","Lucida Sans Typewriter","Monotype.com","Courier New",Courier,monospace; font-size:small; }
		/* white-space:nowrap; letter-spacing:0; word-spacing:1em; white-space:preserve; */
		

/* Classes for Left/Right images and captions */
.ImgL	{ float:left;   border:solid; border-color:#F8F4F4 /*#CCC #AAA #EEE*/; border-width:5px; }
.ImgR	{ float:right;  border:solid; border-color:#F8F4F4 /*#CCC #AAA #EEE*/; border-width:5px; }
.ImgC	{ /* TODO: use margin:auto */ border:solid; border-color:#F8F4F4 /*#CCC #AAA #EEE*/; border-width:5px; }
.ImgS	{ clear:both; border:solid; border-color:#F8F4F4 /*#CCC #AAA #EEE*/; border-width:5px; }

.CL	{ clear:left; }
.CR	{ clear:right; }
.CB	{ clear:both; }

.PL	{ text-align:left; background:#E9E9E0; 
	  border-top:2px dashed white; 
	  border-right:2px dashed white; 
	  border-bottom:2px dashed white; 
	  padding:5px; margin:5px 5px 5px 0px;
	  font-family:"Andale Mono","Bookman Old Style",Helvetica,Helv,Arial; }
.PA	{ text-align:left; background:#E9E9E0; 
	  border-left:2px dashed white; 
	  border-right:2px dashed white; 
	  border-bottom:2px dashed white; 
	  padding:5px; margin:0px 5px 5px 5px;
	  font-family:"Andale Mono","Bookman Old Style",Helvetica,Helv,Arial; }
.PR	{ text-align:right; background:#E9E9E0; 
	  border-top:2px dashed white; 
	  border-left:2px dashed white; 
	  border-bottom:2px dashed white; 
	  padding:5px; margin:5px 0px 5px 5px;
	  font-family:"Andale Mono","Bookman Old Style",Helvetica,Helv,Arial; }
.PC	{ text-align:center; background:#E9E9E0; 
	  font-family:"Andale Mono","Bookman Old Style",Helvetica,Helv,Arial; }

/* Custom HR bars */
.hr	{ background:transparent; 
	  margin:5px 0px 5px 0px; padding:0px; border:0px; 
	  clear:both; cursor:s-resize;
}
.HRl	{ background:transparent; position:absolute;
	  	  margin:5px 0px 5px 0px; padding:0px; border:0px;
		  float:left; clear:both; cursor:s-resize; z-index:-2; }
.HRr 	{ background:transparent; position:relative;
		  margin:5px 0px 5px 0px; padding:0px; border:0px;
	  float:right; clear:none; cursor:s-resize; z-index:-1; }

/* Mouseover fieldsets in index pages */
.B1	{ background:#BBCCDD; }
.B2	{ background:transparent; }
.B3	{ background:#FEFED6; }

.OverBottom   { margin-top:-1.8em/*-1.3em*/; z-index:3; background:none; }
.Copyright { color:#202020; background:#F0C0C0;	
	text-align:center; font-size:80%; font-style:italic;
	margin:1% 5% 1% 5%; padding:0px; border:0px; 
}

/* Toc frames and vertical text */
.OTP	{ background:none; /*#CED2DA;*/ margin:1% 2% 1% 2%; padding:3px 3px 3px 3px;
		  border-style:outset; width:40em; }
.Vertic { }

/* Donation Image effect */
.ImgEffectL { float:left; clear:left; padding:3px 0px 3px 3px; }
.ImgEffectR { float:right; clear:right; padding:3px 0px 3px 3px; }


/*---------------------------------------------------------------------------*/
/* Classes for internal frames 'table of content' */
.Framed { font-size:x-small; color:black; 
	  border-style:dashed; border-color:white; border-width:thin; background:#DEE2EA; /*#F0E9E9;*/ 
	  float:right; clear:right; text-align:left;
	  text-indent:0px; margin:0 0 0 0; padding:3px 3px 3px 3px;
	  width:auto; height:auto;
}

.Utoc	{ padding:0px; margin:0px; }
.LiToc 	{ list-style-type:none; white-space:nowrap; }
.Jump	{ list-style-type:none; white-space:nowrap; }

.Counter { float:left; clear:none; border-style:none; width:6em; height:1em; overflow:visible; }	/* IFrame cgi-bin Counters */
.Counters { font-size:x-small; color:gray; }				/* Text PHP counters */
.Home	{ float:right;  clear:none; color:#701E10; }	/* Class for the last line "back to my homepage..." */


/*---------------------------------------------------------------------------*/
/* Colored links - The order is important */
A:link		{ color:#9194FF; font-weight:bold;   text-decoration:none; background:transparent; }
A:link.Extern	{ color:#246570; /*#005641;*/ font-weight:bold;   text-decoration:none; background:transparent; }
A:link.Amazon	{ color:#9B9B75; font-weight:bold;   text-decoration:none; background:transparent; }
A:link.email	{ color:#99AA00; font-weight:bold;   text-decoration:none; background:transparent; }
A:link.Select	{ background:#CED2DA; font-weight:bold; }
A:visited, A:visited.Extern, A:visited.Amazon, A:visited.email { color:#B64081; font-weight:normal; text-decoration:none; background:transparent; }
A:visited.Select { background:#CED2DA; font-weight:bold; }
A:hover, A:hover.email   { border-top:outset; border-bottom:inset; }
A:hover.Extern,   A:hover.Amazon { border-style:outset; }
A:hover.Select	{ background:#CED2DA; font-weight:bold; }
A:active,  A:active.Extern,  A:active.Amazon,  A:active.email  { color:#C08850; font-weight:bold;   text-decoration:blink; background:#FFFFFF; }
A:active.Select	{ background:#CED2DA; font-weight:bold; }


/*---------------------------------------------------------------------------*/
/* Tooltip */
#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

/* #tt {position:absolute; display:block; background:url(tooltip/images/tt_left.gif) top left no-repeat} */
#tt { position:absolute; display:block; border:4px dashed white; background:#FEFED6; }
/* #tttop {display:block; height:5px; margin-left:5px; background:url(tooltip/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(tooltip/images/tt_bottom.gif) top right no-repeat; overflow:hidden}
*/