/* @override http://cameron.io/css/style.css */

/* ------------------
// Cameron.io
// copyright 2009 Cameron Kenley Hunt
//------------------ */

body{
	font-size: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif;
	line-height: 1.20em;
	background: #fff url(images/column1-bg.png) 0 0 repeat-y;
}

*{
	margin: 0;
	padding: 0;
}

:focus{
	outline: 0;
}

a{
	color: #d12838;
	text-decoration: none;
}

a:hover{
	color: #d12838;
	text-decoration: underline;
}

p, blockquote, ul, ol, dl{
	margin-bottom: 1.5em;
}

h1, h2, h3, h4, h5, h6{
	margin-bottom: 1em;
	font-family: 'Didot','Bodoni', 'Times New Roman', serif;
}

section, header, aside, footer, nav, article{
	display: block;
}

/* ------------------------ LAYOUT */

section#column1 {
	width: 15.35em;
	float: left;
	min-height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

section#column2{
	top: 0;
	margin: 0 0 0 15.35em;
	position: relative;
	background: #fff;
	padding: 0em 0 0 1.65em;
	min-height: 100%;
	min-width: 38.7em;
	top: 0;
	left: 0;
	position: absolute;
}

/* ------------------------ COLUMN1 */

section#column1 a#logo{
	height: 2.7em;
	width: 2.45em;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/logo.png) center center no-repeat;
	margin: 6.35em 0 1.65em 9.85em;
}

section#column1 nav{
	margin: 0em 3.2em 0 0;
	border-top: 1px solid #fff;
	padding: 2.85em 0 0 0;
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
}

section#column1 nav ul{
	list-style: none;
	text-align: right;
}

section#column1 nav ul li{
	margin: 0 0 0.5em 0;
}

section#column1 nav ul li a{
	text-decoration: none;
	color: #90a2a7;
	text-transform: uppercase;
	font-size: 0.9em;
	text-shadow: 0 1px 1px #e2e7e8;
	letter-spacing: 0.2em;
}

section#column1 nav ul li a:hover{
	color: #333;
}

body#index nav ul li#home a, body#archive nav ul li#archive a, body#page.about nav ul li#about a, body#page.projects nav ul li#projects a, body#search nav ul li#search a, body#feather.articles nav ul li#articles a, body#view.article nav ul li#articles a, body.project nav ul li#projects a, body#feather.projects nav ul li#projects a, body.featherarticle nav ul li#articles a, body.featherproject nav ul li#projects a, body.project nav ul li#projects a{
	color: #d12838;
}


section#column1 a#birdhouse{
	width: 5.4em;
	height: 7.4em;
	display: none;
	text-indent: -9999px;
	margin: 2em 0 0 7.2em;
	background: transparent url(images/birdhouse.png) center center no-repeat;
}

section#column1 a#birdhouse:hover{
	background-color: #fff;
	-webkit-border-radius: 5px;
}

/* ------------------------ COLUMN2 */

section#column2 header{
	margin: 7em 0 2.1em 0;
	position: relative;
	height: 1.5em;
}

section#column2 header h1{
	font-size: 0.815em;
	font-weight: normal;
	width: 38.2em;
	top: 0;
	left: 0;
	position: absolute;
	margin: 0.2em 0 0 2em;
	float: left;
	letter-spacing: 1px;
	font-family: 'Didot', 'Bodoni', 'Times New Roman', serif;
}

section#column2 header h1 strong{
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
}

section#column2 header h1 a{
	color: #21282a;
	text-decoration: none;
}

section#column2 header h1 a span.uppercase{
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.3em;
}

section#column2 header form{
	width: 5.2em;
	display: none;
	margin: 0 0 0 30.6em;
}

section#column2 header form input{
	width: 11.9em;
	margin: 0.3em 0 0 0;
}

section#column2 section#content{
	border-top: 1px solid #dee8eb;
	padding: 2.9em 0 0 0;
	margin: 0 0 0 1.6em;
	position: relative;
	min-height: 11em;
}

body.featherarticle section#column2 section#content h2.subhead{
	display: none;
}

section#column2 section#content article{
	width: 33.5em;
	font-size: 0.766em;
	padding: 0 4em 0 0;
	margin: 0 0 5em 0;
}

section#column2 section#content article hr{
	margin: 0 0 1.5em -2em;
	border-top: 1px solid #ddd;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
}

section#column2 section#content article sup, section#column2 section#content article sub{
	line-height: 0;
}

section#column2 section#content article ul{
	list-style: square;
}

section#column2 section#content article ol{
	list-style: decimal;
}

section#column2 section#content article ul, section#column2 section#content article ol{
	margin-left: 1.1em;
}

section#column2 section#content article ul li, section#column2 section#content article ol li{
	margin-left: 1.1em;
	margin-bottom: 0.5em;
}

section#column2 section#content article blockquote{
	margin-left: 1em;
	padding-left: 1em;
	border-left: 1px solid #ddd;
}

section#column2 section#content article .title{
	font-size: 3em;
	margin-bottom: 0.3em;
	font-weight: normal;
	line-height: 1.1em;
}

section#column2 section#content article.page .title{
	margin-bottom: 0.5em;
}

section#column2 section#content article .title a{
	color: #21282a;
	text-decoration: none;
}

section#column2 section#content article a.date{
	color: #ffffff;
	text-decoration: none;
	text-transform: uppercase;
	font-variant: small-caps;
	font-style: italic;
	font-size: 0.88em;
	letter-spacing: 0.2em;
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
	padding: 0.2em 0.4em 0.2em 0.5em;
	background: #becace;
	display: inline !important;
}

section#column2 section#content article a.date:hover{
	//text-decoration: underline;
	background: #a3b2b6;
}

section#column2 section#content article.article a.date{
	margin: 0 0 2em 0;
	display: block;
}

section#column2 section#content article.link a.date{
	padding: 0 0 0 1em;
}

section#column2 section#content article.link a.link{
	color: #21282a;
	background: #eee;
	padding: 0.4em 0.4em 0.1em 0.4em;
}

section#column2 div#pagination{
	margin: 0 0 0 1.6em;
	width: 24.85em;
	height: 2.1em;
	line-height: 1.8em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	position: relative;
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
	letter-spacing: 0.1em;
}

section#column2 div#pagination a{
	display: block;
	width: 12em;
	text-transform: uppercase;
	font-size: 0.8em;
	line-height: 2.5em;
}

section#column2 div#pagination a:hover{
	background: #eee;
	text-decoration: none;
}

section#column2 div#pagination a.next_page{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	padding: 0 0.8em 0 0;
}

section#column2 div#pagination a.prev_page{
	padding: 0 0 0 0.8em;
}

section#column2 aside{
	position: absolute;
	top: 16.9em;
	right: 0;
	font-size: 0.814em;
	width: 10em;
}

section#column2 aside div#ad img{
	margin: 0 0 0.5em 0;
}

section#column2 aside div#ad a{
	color: #21282a;
	text-decoration: none;
}

section#column2 aside div#ad span.fusiontext{
	display: block;
	font-size: 0.938em;
	line-height: 1.5em;
}

section#column2 aside div#ad a.fusionpowered{
	display: block;
	font-size: 0.815em;
	letter-spacing: 1px;
	margin: 0.8em 0 0 0;
	color: #d12838;
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
}

section#column2 aside div#ad a.fusionpowered:hover{
	text-decoration: underline;
}

section#column2 aside div#ad a.fusionpowered em{
	text-transform: lowercase;
	font-weight: normal;
}

/* ------------------------ FOOTER */

section#column2 footer{
	clear: both;
	margin: 5em 0 3em 1.6em;
	min-width: 38.7em;
}

section#column2 footer p{
	text-align: left;
	font-family: 'Didot', 'Bodoni', 'Times New Roman', serif;
	font-size: 0.815em;
	line-height: 1.3em;
	margin: 0;
	padding: 0.4em 0em;
	color: #96a3a7;
}

section#column2 footer p.copyright{
	border-bottom: 1px solid #dee8eb;
}

section#column2 footer p span.dates{
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
	font-weight: normal;
}

section#column2 footer p strong{
	font-family: 'Gill Sans', 'Futura', 'Helvetica Nueue', Helvetica, sans-serif;
	padding: 0em 0.1em 0em 0.1em;
	text-transform: lowercase;
	font-variant: small-caps;
	font-size: 1.3em;
	font-weight: normal;
	color: #333;
}

section#column2 footer p strong a{
	color: #333;
}

section#column2 footer p em{
	text-transform: none;
	font-weight: normal;
	font-variant: normal;
	font-size: 0.9em;
}

section#column2 footer p span.generated{
	border-right: 1px solid #dee8eb;
	padding: 0.6em 0.75em 0.5em 0.0em;
}

section#column2 footer p span.hosted{
	border-right: 1px solid #dee8eb;
	padding: 0.6em 0.9em 0.5em 0.75em;
}
	
section#column2 footer p span.built{
	padding: 0 0.75em 0 0.75em;
}