body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; }

body {font-family:Georgia, sans-serif; font-size:86%; font-style:italic; font-weight:bold; line-height:1.8em; letter-spacing:0.1em; color: #000000; background-color: transparent;}

@font-face{font-family: myfirstfont;
src: url('fonts/blkchcry.ttf')
    ,url('fonts/blkchcry.eot'); /* IE */}
		
#background{position:absolute; z-index:1; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50);}

#head {position:absolute; padding-top: 5%; text-align:center; top:0px; width:100%; height:10%; z-index:10; background: transparent;}

#header {transform:rotate(-2deg);
-ms-transform:rotate(-2deg); /* IE 9 */
-moz-transform:rotate(-2deg); /* Firefox */
-webkit-transform:rotate(-2deg); /* Safari and Chrome */
-o-transform:rotate(-2deg); /* Opera */
font-family:myfirstfont; font-size:6em; font-style:italic; font-weight:bold; color:#996600; text-shadow:5px 5px 5px #006600; text-align:center;}

#foot {position:absolute; display:block; left:0pt; bottom:0pt; height:7%; width:90%; padding-left:5%; padding-right:5%; font-family:myfirstfont; font-size:1em; font-style:italic; font-weight:bold; color:#808040; text-shadow: 5px 5px 5px #ffff66;
text-align:center; background:inherit; overflow:auto; z-index:10; }

#scroller {position:absolute; width:100%; height:83%; bottom:7%; top:10%; left:0%; overflow:auto; z-index:2; }
#content {position:absolute; width:100%; height:83%; bottom:7%; top:10%; left:0%; overflow:auto; text-align: center;}
.clear {clear:both; }

h1 {font-family:myfirstfont; font-size:4.5em; font-style:italic; font-weight:bold; color:#996600; text-shadow: 5px 5px 5px #0000ff; text-align: center;}

h2 {font-family:myfirstfont; font-size:2.5em; font-style:italic; font-weight:bold; color:#996600; text-shadow: 5px 5px 5px #006600; text-align: center;}


a:link {font-family:myfirstfont; font-size:1.5em; font-style:italic; font-weight:bold; color: green; text-shadow: 5px 5px 5px orange; text-decoration: none; }     /* unvisited link */
a:visited {color: red; text-decoration: none; }  /* visited link */
a:hover {font-family:myfirstfont; font-size:1.5em; font-style:italic; font-weight:bold; color: red; text-shadow: 5px 5px 5px green; text-decoration: none;}   /* mouse over link */
a:active {font-family:myfirstfont; font-size:1.5em; font-style:italic; font-weight:bold; color: orange; text-shadow: 5px 5px 5px red; text-decoration: none;}