/* Font-Faces */
		@font-face {
			font-family: curseFont1;
			src: url('../fonts/BuGothicHybrid-xyd5.woff') 
			format('woff');
		}
		
/* elements */
		body {
			background-color: black;
		}
		aside {
			width: 20%;
			float: left;
			position: relative;
			top: 0px;
			margin-right: 0px;
			margin-left: 10px;
			text-align: left;
		}
		footer {
			width: 100%;
			height: 30px;
			background-color: black;
		}
		
		h2 {
			color: black;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
		h3 {
			color:aliceblue;
			font-variant: small-caps;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			font-size: 1.5em;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
		h3:first-letter {
			color:aliceblue;
			font-variant: small-caps;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			font-size: 1.8em;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
		h4 {
			color:aliceblue;
			font-variant: small-caps;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			text-align: center;
			font-size: 1.2em;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
		h4:first-letter {
			color:aliceblue;
			font-variant: small-caps;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			font-size: 1.6em;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
/* ID */
		#wrap {
			width: 90%;
			height: auto;
			margin-left: 5%;
			text-align: center;
			padding-bottom: 15px;
			background: linear-gradient(top, black, slategrey , grey); 
			background: -webkit-linear-gradient(top, black, slategrey , grey);
			background: -ms-linear-gradient(top, black, slategrey , grey);
			background: -moz-linear-gradient(top, black, slategrey , grey);
			border-radius: 10px;
			-ms-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
		}
		#intro {
			display: inline-block;
			width: 40%;
			text-align: left;
		}
		#cas {
			display: none;
			margin: 10px;
			border: 2px groove black;
			border-radius: 10px;
			-ms-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			box-shadow: 3px 5px 5px black;
			-ms-box-shadow: 3px 5px 5px black;
			-webkit-box-shadow: 3px 5px 5px black;
			-moz-box-shadow: 3px 5px 5px black;
		}
		
/* ID for Password Box */
		#pWord {
			width: 300px;
			height: 100px;
			border: 1px solid black;
			border-radius: 10px;
			-ms-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			padding: 5px;
			position: relative;
			display: inline-block;
			background-image: url(../images/castle1.jpg);
			background-repeat: round;
			box-shadow: 3px 5px 5px black;
			-ms-box-shadow: 3px 5px 5px black;
			-webkit-box-shadow: 3px 5px 5px black;
			-moz-box-shadow: 3px 5px 5px black;
		}
		#pWord input {
			margin: 10px;
			border-radius: 10px;
			-ms-border-radius: 10px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			background-color: grey;
			 box-shadow: 3px 5px 5px black;
			-ms-box-shadow: 3px 5px 5px black;
			-webkit-box-shadow: 3px 5px 5px black;
			-moz-box-shadow: 3px 5px 5px black;
		} 
		#pWord label {
			color: black;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			text-shadow: 1px 3px 5px red;
			-ms-text-shadow: 1px 3px 5px red;
			-webkit-text-shadow: 1px 3px 5px red;
			-moz-text-shadow: 1px 3px 5px red;
		}
		#pWord input[type="button"] {
			background-color: dimgrey;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			text-shadow: 1px 3px 5px red;
			-ms-text-shadow: 1px 3px 5px red;
			-webkit-text-shadow: 1px 3px 5px red;
			-moz-text-shadow: 1px 3px 5px red;
			 box-shadow: 3px 5px 5px black;
			-ms-box-shadow: 3px 5px 5px black;
			-webkit-box-shadow: 3px 5px 5px black;
			-moz-box-shadow: 3px 5px 5px black;
		}
		#pw {
			width: 270px;
		}
		#pwAside {
			margin-top: -200px;
		}
/* Links styles */
		#links {
			width: 20%;
			float: right;
			position: relative;
			top: -400px;
			margin-right: 15px;
		}
		#links li {
			list-style: none;
			padding: 5px;
		}
		#links a{
			font-weight: bold;
			font-style: italic;
			color: aliceblue;
			text-decoration: none;
			text-shadow: 1px 3px 5px red;
			-ms-text-shadow: 1px 3px 5px red;
			-webkit-text-shadow: 1px 3px 5px red;
			-moz-text-shadow: 1px 3px 5px red;
		}
		#links a:hover{
			font-weight: bold;
			font-style: italic;
			color: red;
			text-decoration: none;
			text-shadow: 1px 3px 5px aliceblue;
			-ms-text-shadow: 1px 3px 5px aliceblue;
			-webkit-text-shadow: 1px 3px 5px aliceblue;
			-moz-text-shadow: 1px 3px 5px aliceblue;
		}
/* class */

/* links class */
		.name, a {
			text-decoration: none;
			color: aliceblue;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;	
		}
		.lk1 {
			position: relative;
			top: -100px;
		}
/* header and footer class */
		.curseHead{
			color:aliceblue;
			font-family: curseFont1;
			font-style: italic;
			font-weight: bold;
			font-size: 1.8em;
			text-align: center;
			height: 200px;
			padding: 10px;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
			background-image: url(../images/header.jpg);
			background-repeat: round;
			box-shadow: 0 0 18px 18px black inset;
			-ms-box-shadow: 0 0 18px 18px  black inset;
			-webkit-box-shadow: 0 0 18px 18px black inset;
			
			
		}
		.curseFoot {
			text-align: center;
		}
		.curseFoot li {
			font-family: serif;
			font-size: 0.8em;
			padding: 5px;
			margin: 0px;
			color: antiquewhite;
			list-style: none;
			display: inline-block;
		}
		.warning h1 {
			color: black;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
/* Paragraph class */
		.adv {
			display: inline-block;
			width: 60%;
			text-align: left;
		}
		.adv1 {
			display: inline-block;
			width: 80%;
			text-align: left;
			column-count: 2;
		}
		.reaD {
			color: black;
			font-family: curseFont1;
			font-style: italic;
			font-weight: bold;
			font-size: 1em;
			text-shadow: 1px 1px 2px red;
			-ms-text-shadow: 1px 1px 2px red;
			-webkit-text-shadow: 1px 1px 2px red;
			-moz-text-shadow: 1px 1px 2px red;
		}
      	.p1 {
			font-size: 1.1em;
		}
		.p1:first-line{
			text-align: center;
			font-variant: small-caps;
			font-size: 1.2em;
			color: aliceblue;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
		.p1:first-letter {
			font-variant: small-caps;
			color: aliceblue;
			font-size: 1.6em;
			text-shadow: 6px 3px 5px red;
			-ms-text-shadow: 6px 3px 5px red;
			-webkit-text-shadow: 6px 3px 5px red;
			-moz-text-shadow: 6px 3px 5px red;
		}
		.dc {
			color:red;
			font-family: serif;
			font-style: italic;
			font-weight: bold;
			font-size: 1em;
			text-shadow: 6px 3px 5px aliceblue;
			-ms-text-shadow: 6px 3px 5px aliceblue;
			-webkit-text-shadow: 6px 3px 5px aliceblue;
			-moz-text-shadow: 6px 3px 5px aliceblue;	
		}