@import url('reset.css');
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}
body {
	font-size: 1em;
	line-height: 1.7em;
	font-family: 'Open Sans Condensed';
	color: #666;
	/* MOVED TO THE LOGIN.PHP PAGE ITSELF
	background: #111 url('/img/bg/login/login_bg_1.jpg') fixed center 90% no-repeat;
	background-size: cover;
	*/
}

#info {
	float: left;
	width: 39%;
	padding-top: 15%;
	text-align: center;
}
#info a {
	font-size: 1.1em;
	color: #d54c4c;
}
#info ul {
	margin-top: 5%;
}
#info li {
	display: inline;
	padding: 0 0.5em;
}
#info span {
	line-height: 1.2em;
}

#form {
	float: right;
	position: relative;
	width: 60%;
	height: 100%;
	color: #fff;
	background: #111 url('/img/bg/blur_bg_27.png') fixed 100px 60% no-repeat; /* wine poored in glass large */
	background: #111 url('/img/bg/blur_bg_50.png') center center no-repeat; /* wine poored in glass */
	background: #111 url('/img/bg/blur_bg_104.jpg') fixed center center no-repeat; /* bottles wood */
	background: #111 url('/img/bg/blur_bg_26.jpg') fixed 100% 90% no-repeat; /* wine feet on wood table */
	background: #111 url('/img/bg/blur_bg_9.jpg') fixed center 90% no-repeat; /* bottles glass */
	background: #111 url('/img/bg/blur_bg_42.jpg') fixed bottom right no-repeat; /* bottles wood */
	background: #111 url('/img/bg/blur_bg_18.jpg') fixed center center no-repeat; /* bottles in cellar */
	background-size: cover;
}
#form header {
	display: none;
}

h1 {
	padding: 7.5% 0 2%;
	text-align: center;
	font-family: 'Economica';
	font-family: 'Open Sans Condensed';
	font-size: 4em;
	line-height: 1em;
	font-weight: normal;
}
#form h1 {
	color: #fff;
}
a {
	color: #eee;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 span {
	display: block;
	color: #ccc;
	font-size: 0.5em;
}
ul, li {
	list-style-type: none;
}

form {
	overflow: hidden;
	margin: 0 auto;
	width: 35%;
	min-width: 22em;
	margin-top: 20%;
	text-align: center;
}
label {
	display: none;
}
input {
	width: 90%;
	margin: 0 0 1em 0;
	padding: 1.25em 1em;
	font-size: 1em;
	border: 1px solid #555;
	color: #fff;
	background-color: #000;
	opacity: 0.85;
	box-sizing:content-box;
	-ms-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box; 
	/* Prevent iOS to round buttons */
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
}
#form form.register input {
	margin-bottom: 0.5em;
}
#form p a {
	color: #eee;
	font-size: 0.9em;
}

/* WEBKIT: Remove the yellow autofill background */
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px black inset;
    -webkit-text-fill-color: #fff;
    -webkit-appearance: none;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px black inset;
    -webkit-text-fill-color: #fff;
    -webkit-appearance: none;
}

input[type=submit] {
	/*
	width: 35%;
	*/
	color: #000;
	background-color: #fff;
	border-color: #777;
	border-radius: 3px;
	opacity: 0.9;
}
input.register {
	float: left;
	background-color: #ccc;
	border: none;
}
input.login {
	/*
	float: right;
	*/
	border: none;
	color: #fff;
	font-weight: bold;
	background-color: #191;
}

input.error {
	background-color: #cb2424;
}

form p {
	margin: 0 0 5% 0;
	font-size: 1em;
	color: #fff;
	font-family: sans-serif;
}
p.error {
	color: #db1f1f;
	font-weight: bold;
}
p.dark {
	background-color: #000;
	border: 1px solid #333;
	padding: 2em;
	background-color: rgba(0, 0, 0, 0.5);
}

#counter {
	position: absolute;
	bottom: 10%;
	right: 0;
	width: 100%;
	color: #ccc;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Economica';
	font-family: 'Open Sans Condensed';
}
#counter li.in {
	float: left;
	width: 40%;
	padding-left: 9%;
}
#counter li.out {
	float: right;
	width: 40%;
	padding-right: 9%;
	font-weight: normal;
}
#counter em {
	display: block;
	font-size: 5em;
	line-height: 1em;
	color: #eee;
	font-style: normal;
}