html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

html {
	height: 100%;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #272733;
}

a:link, a:visited {
	color: #03f;
	text-decoration: none;
}

a:hover, a:active {
	color: #f30;
}

input, textarea {
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
}

[ng-cloak] { display: none !important; }

#splash {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #f1f1f1;
	padding-top: 78px;
	text-align: center;
	font-size: 37px;
	color: #b4b4b4;
}


#container {
	height: 100%;
}

#header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 42px;
	background: #fff;
	border-bottom: 1px solid #e4e4e4;
	z-index: 999;
	overflow: hidden;
}


#logo {
	float: left;
	padding: 7px 0 6px 18px;
	font-size: 19px;
	font-weight: 900;
	font-variant: small-caps;
	color: #999;
}

#menu {
	float: right;
	margin-right: 20px;
}

#menu ul {
	font-size: 0;
}
#menu li, #menu a {
	display: inline-block;
}
#menu a {
	padding: 11px 12px 10px;
	font-size: 14px;
}


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

	#logo {
		padding: 10px 0 6px 18px;
		font-size: 16px;
	}

	#menu {
		margin-right: 8px;
	}

	#menu a {
		padding: 14px 4px 10px;
		font-size: 11px;
	}

}



#sidebar {
	position: fixed;
	top: 37px;
	left: 0;
	bottom: 0;
	width: 200px;
	height: 100%;
	background: #f1f1f1;
	box-shadow: 0 0 5px rgba(27,27,33,0.3);
	border-radius: 1px;
	z-index: 888;
	overflow: auto;
}

#sidebar .btn {
	margin: 6px 0 0 12px;
}


#controls {
	padding: 17px 0 6px;
}

.control {
	padding: 6px 12px;
}


#activities {
	padding: 0 0 50px;
}

.activity {
	padding: 5px 12px;
}
.activity input {
	margin-right: 5px;
}
.activity:first-child {
	border-top: 1px solid #e4e4e4;
}


#main {
	position: relative;
	margin-top: 42px;
	margin-left: 200px;
}

#download-btn {
	position: fixed;
	display: block;
	top: 42px;
	right: 26px;
	padding: 12px 18px;
	background: #e4e4e4;
}

.app-intro {
	padding: 29px 0 0 29px;
	font-size: 14px;
	color: #666;
}



#content {
	max-width: 640px;
	margin: 47px auto 32px;
	padding: 18px;
	color: #554;
}

#content h2 {
	padding: 18px 0;
	font-size: 32px;
}

#content p {
	font-size: 14px;
	line-height: 24px;
	padding-bottom: 21px;
}

#content img {
	width: 100%;
}

#content ul {
	margin: 0 0 18px 0;
}

#content li {
	margin: 0 0 6px 18px;
}

.align-center {
	text-align: center;
}

.big-btn {
	display: inline-block;
	margin: 12px 0 18px;
	padding: 15px;
	border: 0;
	background: #03f;
	border: 3px solid transparent;
	font-family: inherit;
	color: #fff;
	cursor: pointer;
}

.big-btn:link, .big-btn:visited { color: #fff; }
.big-btn:hover, .big-btn:active { color: #03f; background: #fff; border-color: #03f; }

#donate-btn {
	padding: 18px;
	border: 0;
	background: #e4e4e4;
	font-family: inherit;
	color: #554;
	cursor: pointer;
}

#donate-btn:hover {
	color: #03f;
}