/* CSS Document */

/* == GOOGLE FONT ======================================================================================== */
	@import url(//fonts.googleapis.com/css?family=Questrial|Open+Sans:300italic,400italic,600italic,700italic,800italic,700,300,600,800,400|Open+Sans+Condensed:300italic,700,300);

div#all {
		width:90%;
		margin:0 auto;
		position:relative;
	}
body {
	  font: 14px/1.3 'Open Sans', sans-serif;
	  margin:0;
	  min-height: 100vh;
	  background-color: #33363b;
	}

#header {
	background-color: #368cbf;
	color: #FFF;
	border-left:5px solid #368cbf;
	border-right:5px solid #368cbf;
	}

#footer {
	background-color: #368cbf;
	color: #FFF;
	padding: 5px;
	border-left:5px solid #368cbf;
	border-right:5px solid #368cbf;
}

#lypsum {
	background-color: #eaeaea;
    border:5px solid #eaeaea;
	border-left:50px solid #eaeaea;
	border-right:50px solid #eaeaea;
}

#top {
	color: #eaeaea;
}
section#top {
		margin:35px 75px 25px 75px;
		position:relative;
	}

/* == NAV ================================================================================================ */
	nav {
		background-color:#368cbf;
		padding:15px;
		padding-top:10px;
	}
	nav ul {
		padding:0;
		text-align:right;
		margin:0;
	}
	nav ul li {
		display:inline;
	}
	nav ul li a {
		color:white;
		margin-right:3px;
		border-right:1px solid #33363b;
		padding-right:8px;
		text-decoration:none;
		font-size:18px;
		font-weight:bold;
		}

	nav ul li a:hover {
		color:#7ebc59;
	}
	nav ul li.last a {
		margin:0;
		border:none;
		padding:0;
	}

	p {
		margin:.7em 0;
		line-height:1.4em;
		}
	h1 {
		font-size:1.6em;
		margin:1.5em 0;
	}
	h1.top {
		font-size:2.3em;
		margin-top:0;
		margin-bottom:10px;
	}

	h2 {
		font-size:1.3em;
		margin:1.3em 0;
	}
	h3 {
		font-size:1.1em;
		margin:1.1em 0;
	}