/*
Theme Name: 	Holliswood Landing
Theme URI: 		http://www.getwithember.com
Description: 	Holliswood Landing Page
Version: 		1.0
Author: 		Matthew Berman
Author URI: 	http://www.getwithember.com
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
@import "css/unsemantic-grid-responsive.css";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; }

ul,
ol {
  padding: 0;
  margin: 0 0 10px 25px;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
}

li {
  line-height: 20px;
}

/* ---------------------------------------------------------------------------------------------------------- 
Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

font-family: 'Quattrocento Sans', sans-serif;

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea, 
p 			{ font-family: 'Quattrocento Sans', sans-serif;
					font-weight: 400;
 /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

 
h3, 
h4, 
h5, 
h6 					{ font-family: 'Quattrocento Sans', sans-serif;
	font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

h1 {
	font-size:52px;	
	margin-top: 1.0em;
	margin-bottom: 0.5em;
	margin-left: 2%;
	color: #058f5a;
	text-transform: uppercase;
}
	
h2 {
	font-size:48px;	
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}

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

body
{
background-color:#ffffff;
}

p {
	font weight: 400;
}

a {
	color: #058f5a
}

/* ---------------------------------------------------------------------------------------------------------- 
Background ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#featured_wrapper {
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: auto;
	max-height: auto;
	height: 36em;
}

#featured {
	height: 100%;
	width:100%;
	overflow: auto;
	position: fixed;
	background-size: cover;
	background-attachment: fixed;
	-moz-background-size: cover;
	background-position: center;
}

/* ---------------------------------------------------------------------------------------------------------- 
Background ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

.body {
	position: absolute;
	z-index: 5;
	overflow: scroll;
	height: 100%;
	width: 100%;
}

.allcontent {
	background: #fff;
	width: 390px;
	padding: 0 25px;
	left: 30%;
	margin-left: -120px;
	position: absolute;
}

.contact {
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: left;
}

/* ---------------------------------------------------------------------------------------------------------- 
Webmaster ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

#ember_wrapper {
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	color: #8f8f8f;
	margin: 0px auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}
	
@media only screen and (max-width: 500px) {
.allcontent {
	width: 100%;
	margin:0;padding: 0;
	position: relative;
	left: 0;
	overflow: auto;
	height: 100%;
}
}