/* ========= */
/* = reset = */
/* ========= */

* { margin: 0; padding: 0; }
a img, form, fieldset { border: none; }
p { margin-bottom: 24px; }
section, article { display: block; }


/* ============== */
/* = background = */
/* ============== */

html {
	background: #e7d9c8 url('../media/images/graph-paper.png') repeat;
}
body {
	background: url('../media/images/the-track.png') repeat-x scroll 150% 0%;
}
div#stary-stary-night {
	background: url('../media/images/stary-stary-night.png') no-repeat scroll 90% 0%;
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 100%;
}
div#stary-night {
	background: url('../media/images/stary-night.png') no-repeat scroll 70% 0%;
	position: absolute;
	top: 0;
	left: 0;
	height: 250px;
	width: 100%;
}


/* ============== */
/* = typography = */
/* ============== */

body {
	font: 16px/24px Georgia, serif;
}
h1 {
	font: 72px/100px Georgia, serif;
	letter-spacing: -0.015em;
	color: transparent;
	background: transparent url('../media/images/thats-me.png') no-repeat;
}
h2 {
	font: 35px/54px Georgia, serif;
	font-weight: normal;
	color: #3c2c1d;
	letter-spacing: -0.03em;
}	
a {
	color: #663a0a;
	text-decoration: none;
}
	a:hover {
		border-bottom: 1px dashed #807466;
	}


/* ========== */
/* = Layout = */
/* ========== */

#hello {
	padding: 250px 0 50px 0;
	margin-bottom: 75px;
	background: transparent url('../media/images/numbe-one-rule.png') no-repeat bottom;
}
#mainbody {
	margin-bottom: 48px;
}

/* posts */
#articles aside {
	padding-top: 48px;
	font-family: Helvetica;
	font-size: 14px;
}
	#articles aside ul.tags li {
		color: #665745;
		background-color: rgba(60,45,27,0.1);
		display: inline-block;
		font-size: 13px;
		line-height: 18px;
		padding: 0 10px;
		margin: 3px 0;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}
	#articles aside .date,
	#talks .date {
		text-transform: uppercase;
		letter-spacing: 1px;
		font-size: 13px;
		color: #665745;
	}
	#articles aside .publisher {
		color: #663a0a;
		font-weight: bold;
	}
#articles h2, #articles h2 a {
	font: 28px/48px Georgia, serif;
	font-weight: normal;
	color: #3c2c1d;
	letter-spacing: -0.03em;
}

/* speaking */
#talks h2, #talks h2 a {
	font: 14px/24px Helvetica;
	color: #3c2c1d;
	font-weight: bold;
}
#talks article {
	margin-bottom: 12px;
	font: 14px/24px Helvetica, sans-serif;
}
	#talks .date {
		font-size: 13px;
	}
	#talks .event {
		font-style: italic;
		color: #663a0a;
	}
	
/* bio */
#talks h3,
#bio h3 {
	font: 20px/36px Georgia, serif;
	font-weight: normal;
	color: #3c2c1d;
	letter-spacing: -0.03em;
	margin-top: 10px;
	padding-bottom: 2px;
}
#bio h3 {
	margin-top: 46px;
}
#bio p {
	font: 14px/20px Helvetica;
	color: #332c24;
}
	#bio p.email a {
		color: #807160;
	}
	
/* footer */
#footer {
	height: 6px;
	width: 100%;
	background: url('../media/images/the-track.png') repeat-x scroll;
}