/** ************************************* **
	@Author			Dorin Grigoras
	@Website		www.stepofweb.com
	@Last Update	9:12 AM Saturday, January 11, 2014

	TABLE CONTENTS
	---------------------------
		01. Typography
		02. Spacing
		03. Responsive
	---------------------------
	
 ** ************************************* **/


/** 01. Typography
 **************************************************************** **/
body {
	color: #666;
	background:#fff;


	font-family: 'Alegreya', serif;
	font-size: 19px;
	font-style: normal;
	font-weight: 300;

	padding: 0px !important;
	margin: 0px !important;
	border: 0px !important;

	height: 100%;
	line-height: 1.5;
	src: url('./fonts/Alegreya-VariableFont_wght copy.ttf')
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Alegreya', serif;
	font-weight: 300;
	padding:0; margin:0;
	color:#181818;
	src: url('./fonts/Alegreya-VariableFont_wght copy.ttf')
}

h1 {
	font-size:40px;
	line-height: 45px;
}

h2 {
	font-size:35px;
	line-height: 35px;
}

h3 {
	font-size:30px;
	line-height: 30px;
}

h4 {
	font-size:24px;
	line-height: 24px;
}

h5 {
	font-size:18px;
	line-height: 18px;
}

h6 {
	font-size:14px;
	line-height: 14px;
}


a, a:hover, a:focus {
	cursor: pointer;
	text-decoration:none;

	-webkit-transition: background 300ms;
	   -moz-transition: background 300ms;
		 -o-transition: background 300ms;
			transition: background 300ms;
}


iframe {
	border:0 !important;
	margin:0; padding:0;
}


/* blockquote */
blockquote {
	display: block;
	margin:20px 0;
}

blockquote p { 
	padding:0 0 6px 0;
	margin:0;
}


/* quote */
q {
	font-size: 23px;
	font-weight: 300;
	line-height: 1.25;
}


q::before {
	content: open-quote;
	font-size:33px;
	font-family: 'Alegreya', serif;
}


q::after {
	content: closed-quote;
	font-size:33px;
	font-family: 'Alegreya', serif;
}


cite:after {
	content: '\00A0 \2014';
}

cite:before {
	content: '\2014 \00A0';
}

cite.small {
	color:#999;
}

hr {
	border:0;
	border-bottom:#fff 1px solid;
	border-top:#ddd 1px solid;
	margin-bottom:60px;
}

/* form errors highlight - red border */
form select.err,
form textarea.err,
form input.err {
	border-color:#b94a48;
	-webkit-box-shadow:#b94a48 0 0 7px !important;
	   -moz-box-shadow:#b94a48 0 0 7px !important;
			box-shadow:#b94a48 0 0 7px !important;
}



/*fonts in bios*/
.bio {
	padding-bottom: 30px;
}


/* ---------- SECTION ---------- */
	footer,
	section {
		position:relative;
		display:block;
		background-color:#fff;
		z-index:1; /* footer fixed = 0 */
	}
	section header p {
		font-family: 'Dosis';
	}
	section ul	 {
		margin:0;
		padding:0;
		list-style:none;
	}
    
	section ul li {
		margin-bottom:20px;
		padding:0;
		list-style:none;
	}
    
/* ---------- /SECTION ---------- */

/* dropcap */
.dropcap {
	text-align:left;
}

.dropcap:first-letter {
	float: left;
	font-size: 47px;
	line-height: 43px;
	font-weight: normal;
	margin-top: 6px;
	margin-right: 6px;
}



/** 02. Spacing
 **************************************************************** **/
header {
	margin:0 0 40px 0;
	text-transform:uppercase;
}

p {
	margin:0;
	padding:10px 0;
	line-height:26px;
}

	header p {
		padding:0;
	}

section {
	padding:110px 0;
}

	section section {
		padding:30px 0;
	}

	section header p {
		margin:0; padding:0;
	}

section article {
	margin-bottom:80px;
}
	section article:last-child {
		margin-bottom:0;
	}

pre {
	margin:20px 0;
}



/** 03. Responsive
 **************************************************************** **/
@media only screen and (max-width: 960px) {
	html, body {
		font-size:15px;
	}

	p {
		line-height:22px;
	}
}