@charset "utf-8";
/* CSS Document */
body, html {
	margin:0px;
	padding:0px;
	font-family:Arial;
	font-size:14px;
}

img {
	padding:0;
	border:0;
}

.clear {
	clear: both;
}

.wrapper {
	width: 950px;
	margin: 30px auto;
	border-radius: 10px;
	border:3px solid #ccc;
	padding:15px;
	background: url(gardient.jpg) repeat-x #fff;
}

.header {
	margin-bottom: 20px;	
	text-shadow: 0 0 5px #fff;
}

.header .slogan {
	font-size: 32px;
	font-weight: bold;
	color: #FF4F00;
	width: 600px;
	float:left;
}

.header .logo {
	color:#666;
	width: 340px;
	float: left;
	text-align: right;
}

.header .infotxt {
	font-size: 11px;
	font-weight: bold;
}

.regform {
	width: 490px;
	float: left;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px #000;
	padding:15px;
	margin-right: 15px;
	text-align: center;
	height: 509px;
}

.randomgirl {
	width: 410px;
	float:left;
}

select {
	background: #fff;
	border: 1px solid #000;
	padding:4px;
	font-size: 14px;
	width: 200px;
}

.register-button {
	background: #FEE94F; /* Old browsers */
	background: -moz-linear-gradient(top,  #1fcd1e 0%, #42a71b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1fcd1e), color-stop(100%,#42a71b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1fcd1e 0%,#42a71b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1fcd1e 0%,#42a71b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1fcd1e 0%,#42a71b 100%); /* IE10+ */
	background: linear-gradient(top,  #1fcd1e 0%,#42a71b 100%); /* W3C */
	border-radius: 8px;
	box-shadow: 0 0 10px #fff;
	display: inline-block;
	padding:10px 40px 10px 40px;
	color:#fff;
	font-size: 26px;
	margin-bottom: 10px;
	text-decoration: none;
	border:0;
	box-shadow: 1px 1px 1px #000;
	font-family: Georgia, Times, Arial;
	font-weight: bold;
}

.footer {
	text-align: center;
	font-size: 11px;
	color: #ccc;
}

.footer a {
	color: #ccc;
}

@media only screen and (max-width: 480px) { 

	.wrapper {
		width: 90%;
		margin: 0 0 0 0;
		border-radius: 0;
		border:0;
		padding:5%;
		background: url(gardient.jpg) repeat-x #fff;
	}
	
	.header .slogan {
		width: 100%;
		float:none;
	}
	
	.header .logo {
		width: 100%;
		float: none;
	}
	
	.regform {
		width: 90%;
		float: none;
		padding:5%;
		margin-right: 0;
		height: auto;
	}
	
	.regform img, .randomgirl img {
		width: 100%;
	}
	
	.regform img {
		margin-bottom: -30px;
	}
	
	.randomgirl {
		width: 100%;
		float:none;
		margin-top: 20px;
	}
	
}