/* landing page styles */

img.skull
{
	width:100%;
	height:100%;

	-webkit-transition: -webkit-transform 9s; /* Safari */
	transition: transform 9s;

    -webkit-transform: rotate(0deg); /* Safari */
    transform: rotate(0deg);
}

img.skull:hover
{
	width:100%;
	height:100%;

	-webkit-transition: -webkit-transform 9s; /* Safari */
	transition: transform 9s;

    -webkit-transform: rotate(3240deg); /* Safari */
    transform: rotate(3240deg);
}

div.puzzle_container
{
	-webkit-transition: -webkit-transform 1.5s ease-out; /* Safari */
	transition: transform 1.5s ease-in-out;
}

img.nw
{
	width:100%;
	height:100%;
	z-index:2;
	cursor:pointer;
    transform: rotate(180deg);

	-webkit-transition: -webkit-transform 1s; /* Safari */
	transition: transform 1s;
}

img.ne
{
	width:100%;
	height:100%;
	z-index:2;
	cursor:pointer;
    transform: rotate(-180deg);

	-webkit-transition: -webkit-transform 1s; /* Safari */
	transition: transform 1s;
}

img.sw
{
	width:100%;
	height:100%;
	z-index:2;
	cursor:pointer;
    transform: rotate(-180deg);

	-webkit-transition: -webkit-transform 1s; /* Safari */
	transition: transform 1s;
}

img.se
{
	width:100%;
	height:100%;
	z-index:2;
	cursor:pointer;
    transform: rotate(180deg);

	-webkit-transition: -webkit-transform 1s; /* Safari */
	transition: transform 1s;
}

div.smoke
{
	-webkit-transition: opacity 1.5s ease-in-out;
	transition: opacity 1.5s ease-in-out;
		
	position:absolute;
	left:0px;
	top:25%;
	width:100%; 
	margin-left:auto;
	margin-right:auto;
	height:50%;
	opacity:0; 
	visibility:hidden;
}

span.enter
{
	font-variant:small-caps; 
	font-size:20px; 
	letter-spacing:4px; 
	font-decoration:none; 
	color:#ffffff; 
	padding:2px 4px; 
	border:solid 2px #666666;
}

div.phrases
{
	-webkit-transition: opacity 1.5s ease-out;
	transition: opacity 1.5s ease-out; 

	position:absolute;
	top:45%;
	left:50%;

	text-align:left;
	vertical-align:top;
	letter-spacing:6px;
	
	height:50%;
	font-size:16px;
	opacity:0; 
	visibility:hidden;
}

div.puzzle
{
	-webkit-transition: opacity 1.5s ease-out;
	transition: opacity 1.5s ease-out; 

	position:absolute;
	top:0px;
	left:0px;

	width:100%;
	height:100%;
	opacity:0; 
	visibility:hidden;
}

span.phrase
{
	-webkit-transition: opacity 1.5s ease-out;
	transition: opacity 1.5s ease-out; 
	
	opacity:0;
}

div.interact
{
	-webkit-transition: opacity 2.5s ease-out;
	transition: opacity 2.5s ease-out; 

	position:absolute;
	left:0px;
	top:33%;
	width:100%;
	text-align:center;
	letter-spacing:6px;

	background-color:#000000;
	z-index:10;

	visibility:visible;
	opacity:0;
}

div.again
{
	-webkit-transition: opacity 2.5s ease-out;
	transition: opacity 2.5s ease-out; 

	position:absolute;
	left:0px;
	top:33%;
	width:100%;
	text-align:center;
	letter-spacing:6px;

	background-color:#000000;
	z-index:11;
	
	visibility:hidden;
	opacity:0;
}

span.interact
{
	cursor:pointer;
}

div.main
{
	-webkit-transition: opacity 1.5s ease-out;
	transition: opacity 1.5s ease-out; 

	position:absolute;
	left:0px;
	top:33%;
	width:100%;
	text-align:center;
	letter-spacing:6px;
	opacity:0;
	visibility:hidden;
}

div.main_content
{
	-webkit-transition: opacity 1.5s ease-out;
	transition: opacity 1.5s ease-out; 

	position:absolute; 
	left:0px; top:280px; 
	width:100%;
}

u.link
{
	cursor:pointer;
}

 body
 {
	color:#ffffff; 
	background-color:#000000; 
	font-size:36px; 
	////font-family:MedievalSharp;
	font-family:IM Fell English SC;
	-webkit-user-select: none;  	/* Chrome all / Safari all */
	-moz-user-select: none;     	/* Firefox all */
	-ms-user-select: none;      	/* IE 10+ */
	user-select: none;          	/* Likely future */      
 }

/* membership page styles */

a {	color:#ffffff; }

div.menu
{
	-webkit-transition: opacity 1.0s;
	transition: opacity 1.0s; 

	position:absolute;
	left:0px; top:0px;
	width:100%; height:64px;
	opacity:0;
}

div.membership_content
{
	-webkit-transition: opacity 3.0s;
	transition: opacity 3.0s; 

	position:absolute;
	top:35%;
	left:0px;
	opacity: 1;
	visibility:visible;

	width:50%;
	margin-left:25%;
	margin-right:25%;
	font-size:16px;
	text-align:justify;
}

span.menu-item
{
	-webkit-transition: all 1.5s;
	transition: all 1.5s; 

	font-size:20px; font-variant:small-caps; font-weight:normal;
	color:#888888;
	background:#000000;
	box-shadow:0px 0px 0px 0px #000000;
	border-radius:6px 3px 8px 4px; 
	cursor:pointer;
}

span.menu-item-filler
{
	-webkit-transition: all 1.5s;
	transition: all 1.5s; 

	border-radius:1px;
	background-color:inherit;
	box-shadow:inherit;
}

span.divider
{
	font-size:20px;
	color:#888888;
	margin-left:20px; margin-right:20px;
}

span.more
{
	font-style:italic;
	font-variant:small-caps;
	margin-left:33%;
	cursor:pointer;
}

span.less
{
	font-style:italic;
	font-variant:small-caps;
	margin-right:33%;
	cursor:pointer;
}

div.details
{	
	margin-left:25%;
	margin-right:25%;
	font-size:16px;
	text-align:justify;
}

div.details
{
	margin-top:24px;
	width:100%;
	text-align:center;
	font-size:20px;
	font-variant:small-caps;
}

div.logo
{
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
	
 	position:absolute; 
	left:0px; top:33%; 
	width:100%; 
	text-align:center; 
	letter-spacing:6px;
	line-height:100px;
	opacity:0;
}

img.logo
{
	-webkit-transition: margin 1.5s;
	transition: margin 1.5s;

 	width:100px; 
	height:100px; 
	margin:24px;
}

div.menu-content
{
	-webkit-transition: opacity 1.5s;
	transition: opacity 1.5s; 
	
 	position:absolute; 
	left:0px; top:0px; 
	width:100%; 
	font-size:20px;
	opacity:0;
	visibility:hidden;
 }

 div.menu-title
 {
 	width:100%;
	font-size:24px;
	font-variant:small-caps;
 	text-align:center;
	letter-spacing:6px;
	margin-bottom:24px;
 }

 div.label
 {
 	display:inline-block;
 	width:200px;
	height:32px;
 	//font-family:MedievalSharp;
	font-family:IM Fell English SC;
	color:#ffffff;
	background:#000000;
	margin-right:10px;
 }

 input[type=text], select
 {
 	//font-family:MedievalSharp;
	font-family:IM Fell English SC;
	font-size:18px;
	color:#ffffff;
	background:#000000;
	border:solid 1px #ffffff;
	width:200px;
 }

 input[type=submit]
 {
 	//font-family:MedievalSharp;
	font-family:IM Fell English SC;
	font-size:18px;
	color:#000000;
	background:#ffffff;
	border:solid 1px #ffffff;
	padding-left:8px; padding-right:8px;
	border-radius:1px;
 }

 body
 {
		color:#ffffff; 
	background-color:#000000; 
	font-size:36px; 
	//font-family:MedievalSharp;
	font-family:IM Fell English SC;
	font-variant:small-caps; 
	-webkit-user-select: none;  	/* Chrome all / Safari all */
	-moz-user-select: none;     	/* Firefox all */
	-ms-user-select: none;      	/* IE 10+ */
	user-select: none;          	/* Likely future */      
	/*cursor:url( "../images/cursor.gif"), auto;*/
	cursor:default;
 }

.firstcharacter
{
	display:inline-block;
	border:2px solid #666666;
	float:left;
	font-size:50px;
	line-height:40px;
	padding-top:4px;
	padding-right:4px;
	margin-right:4px;
	padding-left:3px;
}	

.agree
{
	opacity:0;
	-webkit-transition: opacity 1.5s;
	transition: opacity 1.5s; 
}

span.join
{
	font-style:italic;
	font-size:20px;
	letter-spacing:4px;
	font-variant:small-caps;
	cursor:pointer;
}

span.join-submit
{
	color:#444444;
	cursor:pointer;
}