@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);

html {
	
	margin: 0;
	padding: 0;
	height: 100%;
	background: url(bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body {
	
	margin: 0;
	padding: 0;
	height: 100%;
}

#noscript {
	
	display: block;
	position: absolute;
	bottom: 50%;
	margin: 0;
	left: 0;
	padding: 0;
	width: 100%;
	color: #333;
	font: 1.4em 'Droid Sans', sans-serif;
	text-align: center;
	background: #fff;
}

#noscript > span {
	
	display: block;
	padding: 1em 0.5em;
}

/* Help styles */

.mfp-bg {
	
	opacity: 1;
	background: url(overlay-bg.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

body.help-popup-active .paperia-fullscreen-background {
	
	-webkit-filter: none;
}

#help-popup {
	
	font-family: 'Droid Sans', sans-serif;
	background-color: #7bb746;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

#help-popup h1 {
	
	font-weight: normal;
}

#help-close a {
	
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 200px;
	padding: 0.5em 1em;
	color: #999;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#help-close a:hover {
	
	color: #333;
}

/* Paperia styles */

.paperia-fullscreen-background {
	
	background: transparent;
}

.paperia-overlay {
	
	/*background-color: rgba(234, 240, 192, 0.9);*/
	background-image: url(overlay-bg.png);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	color: #fff;
	font-family: 'Droid Sans', sans-serif;
	text-shadow: rgba(0, 0, 0, .3) 0 4px 8px;
}

.paperia-overlay-url {
	
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 10px;
}

.paperia-link-highlight {
	
	background-color: rgba(102, 204, 255, .2);
	border-style: solid;
	border-width: 2px;
	border-color: #6cf;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: #6cf 0 0 100px;
	-moz-box-shadow: #6cf 0 0 100px;
	box-shadow: #6cf 0 0 100px;
}

/* Facebook */

.fb-like {
	
	z-index: 88;
	position: absolute !important;
	left: 15px;
	bottom: 15px;
}