@-webkit-keyframes logoSlide
{
0% 	{
	margin-right: -800px;
	}
50% {
	margin-right: 0px;
	}
}

@-webkit-keyframes entrymainVisibility
{
0% 	{
	visibility: hidden;
	}
50% {
	visibility: hidden;
	opacity: 0;
	}
100% {
	visibility: visible;
	opacity: 1;
	}	
}

@font-face
{
	font-family: Amarillo;
	src: url('amarurgt.ttf');
}

html{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: white;
	background-image: url("../images/bg-entry.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

*
{
	margin: 0;
	padding: 0;
	border: 0;
}

a
{
	cursor: pointer;
	text-decoration: none;
	color: #e6255b;
}

b, strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

p{
	margin-bottom: 1em;
}

p img{
	display: block;
	margin: 1em 0;
	max-width: 100%;
}

img{
	display: inline-block;
	max-width: 100%;
}

ol, ul{
	margin: 0 1em 1em 1em;
	padding-left: 2em;
}

FORM
{
	font-size: 0;
	background-color: black;
	margin-top: 10px;
	text-align: center;
}

INPUT
{
	background-color: black;
	border: 2px solid #e6255b;
	padding: 4px;
	margin: 1%;
	width: 20%;
	font-size: 10pt;
	color: #e6255b;
}


::-webkit-input-placeholder {
   color: #e6255b;
   font-size: 10pt;
   font-weight: bold; 
   text-transform: uppercase;
}

BUTTON
{
	width: 20%;
	background-color: #e6255b;
	color: black;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px;
	margin: 1%;
	border: 2px solid #e6255b;
	cursor: pointer;
}

BUTTON:hover
{
	background-color: black;
	color: #e6255b;
}

INPUT.formGender
{
	width: 108px;
}

BUTTON
{
	
}

BODY
{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

nav{
	position: fixed;
	right: 50px;
	top: 0;
	width: 160px;
	padding: 20px;
	background-color: black;
	text-align: center;
}

nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav.active{
	display: block;
}

nav .logo{
	width: 100%;
}

nav	ul.main{
	margin: 20px 0;
	border-top: 1px solid #e6255b;
	border-bottom: 1px solid #e6255b;
}

nav	ul.main li{
	margin: 10px 0;
	text-align: center;
}

nav	ul.main li a{
	margin: 10px 0;
	font-family: Amarillo, sans-serif;
	font-size: 36px;
	text-decoration: none;
}

nav	ul.main li a.latest{
	color: #f7225d;
}
nav	ul.main li a.upcoming{
	color: #f7b640;
}
nav	ul.main li a.story{
	color: #34d9fa;
}
nav	ul.main li a.shop{
	color: #33c9ad;
}
nav	ul.main li a.signup{
	color: #737cff;
}
nav	ul.main li a:hover{
	text-shadow: 2px 2px 2px white;
}

nav	ul.social {
	margin-top: 10px;
}

nav	ul.social li {
	display: inline-block;
	margin: 5px;
}


/*section#entry{
	z-index: 10;
	background-image: url("../images/bg-entryOverlay.png"), url("../images/bg-entry.jpg");
}

section#latest{
	background-image: url("../images/bg-latest.jpg");
}

section#upcoming{
	background-image: url("../images/bg-upcoming.jpg");
}

section#story{
	background-image: url("../images/bg-story.jpg");
}

section#shop{
	background-image: url("../images/bg-shop.jpg");
}

section#signup{
	background-image: url("../images/bg-signup.jpg");
}*/

section{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	overflow-y: auto;
}

section:target{
	display: block;
}

.sectionWrap{
	position: relative;
	top: 50px;
	left: 50px;
	width: 600px;
	margin-bottom: 100px;
	padding-bottom: 1px;
	background-color: rgba(0,0,0,0.5);
}

.sectionWrap h1{
	font-family: Amarillo;
	font-size: 30px;
	color: #f7b640;
	padding: 20px;
	background-color: rgba(0,0,0,0.65);
}

.sectionWrap .content{
	margin: 20px;
	padding: 15px;
	background-color: rgba(0,0,0,0.65);
}

.sectionWrap h2{
	padding-bottom: 5px;
	margin-bottom: 1em;
	font-family: Amarillo;
	font-size: 24px;
	font-weight: bold;
	color: #34d9fa;
	text-transform: uppercase;
	border-bottom: 1px solid #e6255b;
}
#upcoming p {
	font-size: 14px;
}

#upcoming p span{
	font-family: Amarillo;
	font-size: 16px;
	color: #34d9fa;
}
.sectionWrap .tumblr_title{
	padding-bottom: 5px;
	margin-bottom: 1em;
	font-family: Amarillo;
	font-size: 24px;
	color: #34d9fa;
	text-transform: uppercase;
	border-bottom: 2px solid #e6255b;
  width:100%;
  position:relative
}

.sectionWrap .tumblr_posts{
	margin: 0;
	padding: 0;
	list-style: none;
}
.sectionWrap .tumblr_post{
	display: block;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.tumblr_date{
  text-transform:uppercase;
  font-size:9pt;
  font-family:Helvetica, Sans-Serif;
}
#entry{
	text-align: center;
	font-size: 0;
}

#entry:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#entry .main
{
	display: inline-block;
	vertical-align: middle;

}

#entry .main .wrapper
{
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 25px;
	padding: 25px;
	xxx-webkit-animation: entrymainVisibility 6s ease-in 0s;
}

#entry .logo
{
	float: right;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: 40px;
	right: 50px;
	xxxmargin-right: 0px;
	xxx-webkit-animation: logoSlide 6s ease-in 0s;
}

#entry .continue
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.5);
}

#entry .continue a
{
	position: absolute;
	right: 0;
	height: 50px;
	font-family: Amarillo;
	font-size: 20pt;
	text-transform: uppercase;
	text-decoration: none;
	background-color: black;
	color: #e6255b;
	line-height: 50px;
	padding: 0 15px 0 15px;
}

#entry .continue a:after
{
	content: " >>";
}

#entry .continue a:hover
{
	background-color: #e6255b;
	color: black;
}