/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on Twenty Ten.
Version: 3.0
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, naked, clean, basic
*/

@import "css/reset.css";

body {
	font: 18px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2",serif;
	color: #333;
}

/* HEADINGS */

h3 {
	font-weight: normal;
}

h4 {
	font-weight: normal;
	font: 36px "tamarillo-1","tamarillo-2",sans-serif;
	margin: 0 0 10px 0;
}

/* LINKS */

a {
	color: #025D8C;
	border-bottom: 1px solid #9FC2D6;
	text-decoration: none;
}

a:hover {
	color: #D70044;
	border-bottom: 1px solid #AB0743;
}

/* HIGHLIGHT */

::selection {
	background: #ffcccc; /* Safari */
	}
	
::-moz-selection {
	background: #ffcccc; /* Firefox */
}

/* HEADER */

header {
	width: 960px;
	margin: 100px auto 40px auto;
	overflow: hidden;
	background: #fff;
}

header aside {
	width: 240px;
	float: left;
	margin: 15px 60px 0 0;
}

header aside hgroup h1 a {
	font: 73px normal "league-gothic-1","league-gothic-2",sans-serif;
	color: #000;
	text-decoration: none;
	line-height: 78px;
	text-transform: uppercase;
}

header article {
	width: 660px;
	float: left;
}

header article h1 {
	border-top: 1px solid #eee;
	font-size: 28px;
	line-height: 34px;
	padding: 10px 0 20px 0;
	font-weight: normal;
}

header article p {
	padding: 0 0 20px 0;
}

header article h2 {
	font: 28px normal "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", serif;
	margin: 0;
	padding: 0;	
}


/* HEADER */

h1 a:hover {
	border: inherit;
}

/* HEADER */

/* SECTION */

section {
	width: 960px;
	margin: 0px auto;
	overflow: hidden;
}

/* SECTION */

/* ARTICLE */

#wrapper {
	width: 100%;
	overflow: hidden;
}

/* PROCESS */

#process {
	float: left;
	width: 240px;
	margin: 0px 0 0 0;
}

#process img {
	margin: 7px 0 2px 0;
}

/* JOTTINGS */

#jottings {
	float: left;
	width: 290px;
	margin: 0px 0 0 0;
	padding: 0 0 0 60px;
}

/* UPCOMING */

dl.upcoming {
	overflow: hidden;
	margin: 5px 0;
}

dl.upcoming dt {
	float: left;
	width: 160px;
}

dl.upcoming dd {
	float: left;
	width: 130px;
}

/* ESSAYS */

#essays {
	float: left;
	padding: 0 0 0 80px;
	width: 290px;
	margin: 0px 0 0 0;
}

.post {
	margin: 0 0 20px 0;
}

.date {
	float: right;
}

ul li {
	list-style: none;
}

/* ARTICLE */

/* FOOTER */

footer {
	width: 1020px;
	margin: 40px auto 20px auto;
}

/* RECENT CLIENT WORK */

aside.recent {
	float: left;
	width: 240px;
}

aside.recent img {
	margin: 7px 0 2px 0;
}

/* NETWORKING */

aside.networking {
	float: left;
	width: 660px;
	padding: 0 0 0 60px;
}

img.icon {
	border: inherit;
}