.ember-logo {
	font-weight:300;
	color:#fff;
}

body, html {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	font-family:"Open Sans",Helvetica, Arial, sans-serif;
}
#welcome {
	position:relative;
}
#welcome .left,
#welcome .right {
	position:absolute;
	top:0;
	left:0;
	height:100%;
}
#welcome .left {
	background-color:#193d4f;
	margin-right:50%;
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
}
#welcome .right {
	background-color:white;
	margin-left:50%;
}
#welcome .half {
	width:50%;
}
#welcome .left-welcome {
	width:100%;
	height:85%;
}
#welcome .left-welcome,
#welcome .left-welcome > tbody,
#welcome .left-welcome > tbody > tr,
#welcome .left-welcome > tbody > tr > td {
	margin:0;
	padding:0;
}
#welcome .left-welcome > tbody > tr > td {
	vertical-align:bottom;
}
#welcome .ember-logo {
	text-align:center;
	font-size:54px;
	-webkit-text-stroke: 1px black;
	text-shadow:
		3px 3px 0 #000,
	  -1px -1px 0 #000,  
	   1px -1px 0 #000,
	   -1px 1px 0 #000,
		1px 1px 0 #000;
}
#welcome .poweredby {
	color:rgba(0, 0, 0, 0.1);
	font-size:18px;
	text-align:center;
	margin-right:25%;
}
#welcome .left-nav {
	position:absolute;
	bottom:0;
	left:100px;
}
#welcome .left-nav .nav {
	display:inline-block;
	border-left:1px solid #9fc;
	border-top:1px solid #9fc;
	border-right:1px solid #9fc;
	border-radius:8px 8px 0 0;
	text-align:center;
	color:#000;
	padding:8px 24px 8px 24px;
	vertical-align:middle;
	text-decoration:none;
	margin-left:12px;
	font-size:14px;
}
#welcome .left-nav .nav:hover {
	background-color:#fff;
}
#welcome .login {
	width:100%;
	height:100%;
}
#welcome .login,
#welcome .login > tbody,
#welcome .login > tbody > tr,
#welcome .login > tbody > tr > td {
	margin:0;
	padding:0;
}
#welcome .login > tbody > tr > td {
	padding-left:20%;
	padding-right:20%;
}

#public {
	margin:32px;
}
#public .ember-logo {
	font-weight:300;
	color:#000;
	text-align:center;
	font-size:54px;
	-webkit-text-stroke:1px #fff;
	text-shadow:
		3px 3px 0 #fff,
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff
	;
}

.login input {
	border-radius:32px;
	border:1px solid #e22822;
	width:50%;
	font-size:24px;
	outline:none;
	padding:8px 20px;
}
.login input:hover {
	border-color:#e29822;
}
.login .input-heading {
	font-size:24px;
	padding-left:4px;
	padding-top:8px;
}
.login .heading-pre { }
#login button {
	margin-top:32px;
	border-radius:32px;
	border:1px solid #e22822;
	background-color:#fff;
	cursor:pointer;
	font-size:1.2em;
	padding:16px 48px;
	background:linear-gradient(-45deg, #e22822, #e24822, #e25822, #e27822);
	background-size:400% 400%;
	-webkit-animation:EmberBG 60s ease infinite;
	-moz-animation:EmberBG 60s ease infinite;
	animation:EmberBG 60s ease infinite;
	color:#fff;
}
.error {
	font-weight:bold;
	color:#e22822;
}