@charset "utf-8";
/* CSS Document */

html {
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
;/* [disabled]font-family: inherit; */
}

p { font-size:1.25em; font-family: Arial, Helvetica, sans-serif; }
p.serif {  font-family: Times, "Times New Roman", serif; }
/* note for for easy identification of missing fonts the classes below use a opposite generic font-family */
p.newCenturySchoolBook { font-size: 2em; font-family:"New Century Schoolbook", sans-serif; }
p.georgia {  font-family:Georgia, sans-serif; }
p.trebuchet {  font-family:"Trebuchet MS", serif; }
p.verdana {  font-family:"Verdana", serif; }

p.courier {  font-family:Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace; }

.adobeEdge {
	font-family: calligraffitti;
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family : Blood; /* name of font-family used in this file */
	/* SaSS would work nice here but on cim use...
	https://cim.saddleback.edu/~jstudent0/css3/BLOODRAC.eot 
	cannot access http from an https site 
	full path here is ...
	https://cim.saddleback.edu/~class/cimw140/samples/css3/BLOODRAC.eot */
	src: url('css3/BLOODRAC.eot'); /* use this first */
	
	/* Look local first will stop IE, IEs older than 9 support only eot */
	src: local('☺'), 
	/* can also use 
	src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embeddedopentype'), */
	
	url( 'css3/BLOODRAC.woff' ) format('woff'),
	url( 'css3/BLOODRAC.ttf' ) format('truetype'), 
	url( 'css3/BLOODRAC.otf' ) format( 'opentype' ),
url('fonts/BLOODRAC.svg') format('svg');
	/* this is one src property name with 5 formats SB is blocking file formats woff, ttf, and otf*/
}
.bloodDracula { font-family:Blood; color: red; }
.boldBloodDracula  { font-family:Blood; font-weight:bolder; color: red; }
	
.genericShadow {
	filter: DropShadow(Color=#999, OffX=3px, OffY=3px, Positive=0);			
	text-shadow: 5px 5px 2px #999;
}

.betterShadow {
	text-shadow: 0.1em 0.1em 0.2em black;
}
.dualShadow {
	text-shadow: 6px 4px 2px #F00,
	             6px -4px 2px #0F0; }


.whiteKnockout { color:white;
	text-shadow: 0.01em 0.1em 0.4em black;            
}
.whiteKnockout1 { color: gray; background-color:darkslategray; text-shadow: .2em .2em 0.5em black; }
.whiteKnockout2 {color:white;background-color:skyblue;
	text-shadow: 0.1em 0.1em 0.2em black;
}
/* well placed light and dark shadow */
.inset {color:#ccc; background-color:#c3c3c3;
         text-shadow: 1px 1px 0px white,
		             -1px -1px 0px #333 }
.outset { color:#ccc; background-color:#c3c3c3; 
          text-shadow: -1px -1px 0px white,
			  1px 1px 0px #333}	

				 
/* zero offset of zero, repeat to increase intensity*/
.neon { color:black; text-shadow: 0 0 0.2em lime, 0 0 0.2em lime, 0 0 0.2em lime; }

/* black 0 blur outline */
.outline { color:white; background-color:white; 
           text-shadow: 1px 0px 0px blue, 0px 1px 0px blue, -1px 0px 0px blue, 0px -1px 0px blue; }

				 
.dwEdgeFont {
    font-family: creepster;
    font-style: normal;
    font-weight: 400;
}