html
{
	background-color : #161616;
}

body
{
	background-color : transparent;
	color : #b3b3b3;
	
	font-family : Verdana, sans-serif;
	font-size : 0.8125em;
	line-height : 1.25em;
	
	overflow : auto;
}

#QuickJump
{
	display : none;
}

#Gag
{
	position : absolute;
	top : 0px;
	left : -150px;
}

#Layout
{
	overflow : hidden;
}

#Wrap
{
	position : relative;
	max-width : 50em;
	min-width : 32em;
	padding : 0 2em 0 2em;
	margin : 0 auto 0 auto;
}

#Contact
{
	position : relative;
	text-shadow : 0 0 0.1875em rgba(0, 0, 0, 0.75);

	background-color : #89a95f;
	background-image : url(../images/header-background.png);
	background-position : bottom left;
	background-repeat : repeat-x;
	color : white;

	text-align : right;
	padding : 0.5em 200em 0.5em 1em;
	margin : 0 -200em 0 0;
	line-height : 1em;
	
	float : right;
}

#Contact > .separator
{
	color : #abc885;
}

#Contact > h2 
{
	position : absolute;
	width : 3em;
	height : 100%;

	background-image : url(../images/contact-background-end.png);
	background-position : bottom left;
	background-repeat : no-repeat;

	left : -3em;
	top : 0;
	bottom : 0;
	text-indent: -200em;
	text-align : left;
	overflow : hidden;
}

#Contact > a
{
	color : white;
	text-decoration : none;
}

#Contact > a:hover
{
	color : #ffde00;
}

#Contact strong
{
	font-weight : bold;
}


#Navigation #Header
{
	font-size : 210%;
	letter-spacing : -0.04em;
	line-height : 0.9375em;
	text-shadow : 0 0 0.1875em rgba(0, 0, 0, 0.75);

	background-color : #89a95f;
	background-image : url(../images/header-background.png);
	background-position : bottom left;
	background-repeat : repeat-x;
	color : white;
	
	text-align : right;
	padding : 1em 200em 0 200em;
	margin : 0 -200em 0 -200em;
}

#Navigation #Header a
{
	color : white;
	text-decoration : none;
}

#Navigation #Header a:hover
{
	color : #ffde00;
}

#Navigation #Header .delimiter
{
	font-size : 65%;
	line-height : 0.5em;
	color : #ffde00;
	
	position : relative;
	top : -0.125em;
}

#Navigation h2
{
	display : none;
}

#Navigation ul
{
	list-style : none;
	text-align : right;
}

#Navigation li
{
	display : inline;
}

#Navigation li:after
{
	content : " • ";
	color : #333;
}

#Navigation li.last:after
{
	content : "";
}

#Navigation a
{
	color : #777;
	text-decoration : none;
}

#Navigation a:hover
{
	color : #BBB;
}

#Sidebar
{
	float : right;
	width : 33%;
	margin-left : 1em;
}

/* Generic page: */
.page
{
	margin-top : 2em;
}

/* Front page: */
.front-page .section-header
{
	margin-bottom : 0.3em;
}

.front-page .controls
{
	margin-top : 0.3em;
	margin-bottom : 1.7em;
}

.front-page .section .section-header,
.front-page .section .controls
{
	text-align : right;
}

/* Project holder: */
.project-holder
{
	margin-top : 0;
}

/* Project list: */
.typography .project-list
{
	list-style : none;
	padding : 0;
	margin-top : 0;
	margin-bottom : 0;
}

.typography .project-list > li
{
	clear : both;
	list-style : none;
	margin : 2em 0 2em 0;
}

.typography .project-list > li.odd
{
	background-image : url(../images/project-list-background.png);
	background-position : bottom left;
	background-repeat : repeat-x;
	background-color : #1E1E1E;
	
	padding : 2em 200em 2em 200em;
	margin : 0 -200em 0 -200em;
}

.typography .project-list > li > .project-image
{
	display : table-cell;
	vertical-align : middle;
}

.typography .project-list > li > .project-image > img
{
	margin : -25px 10px -25px -28px;
	display : block;
	padding : 0;
}

.typography .project-list > li > .project-description
{
	display : table-cell;
	vertical-align : middle;
}


/* Blog: */
#PageComments
{
	padding : 0;
	list-style : none;
}

#PageComments li
{
	list-style : none;
}

.typography .blogSummary.odd,
#PageComments > li.odd,
.blogEntry 
{
	background-image : url(../images/project-list-background.png);
	background-position : bottom left;
	background-repeat : repeat-x;
	background-color : #1E1E1E;

	padding : 2em 200em 2em 200em;
	margin : 0 -200em 0 -200em;
}

#PageComments > li,
#PageComments > li.odd
{
	padding-top : 1em;
	padding-bottom : 1em;
}

#PageComments .info
{
	font-size : 75%;
	color : #DDD;
}

.typography .blogEntry h2,
.typography .blogSummary h2
{
	margin-bottom : 0;
}

.typography .blogSummary h2 a
{
	color : #b3b3b3;
}

.blogEntry p.authorDate,
.blogEntry p.tags,
.blogSummary p.authorDate,
.blogSummary p.tags
{
	font-size : 75%;
	margin : 0;
}

.blogEntry p.authorDate,
.blogSummary p.authorDate
{
	float : left;
	margin-right : 0.7em;
	color : #666;
}

.blogEntry p.tags,
.blogSummary p.tags
{
	color : #666;
}
.blogEntry p.tags:before,
.blogSummary p.tags:before
{
	content : " | ";
}

.blogSummary + .blogSummary
{
	/*border-top: 0.1em solid #333;
	margin-top : 1em;*/
	padding : 2em 0 2em 0;
}

.typography .blogEntry + p
{
	text-align : right;
	margin-top : 0.5em;
}

#BlogContent > h3
{
	font-size : 2em;
	line-height : 1em;
	font-weight : normal;
	text-align : right;
	margin-top : 1em;
	margin-bottom : 0.3em;
}

#PageComments_holder h4
{
	margin-top : 1em;
	font-size : 1.5em;
	font-style : normal;
}

#PageCommentInterface_Form_PostCommentForm textarea
{
	width : 66%;
	height : 10em;
}

#CommentsRSSFeed
{
	text-align : right;
	margin-top : -0.5em;
}

/* General content: */
.typography
{
	text-shadow : 0 0 0.5em rgba(0, 0, 0, 1);
}

.typography a
{
	color : #a5cd70;
	text-decoration : none;
}

.typography a:hover
{
	color : #ffde00;
	text-decoration : none;
}

.typography table
{
	background-color : #222;
}

.typography table th
{
	background-color : #333;
	background-image : url(../images/background-table-header.png);
	background-repeat : repeat-x;
	background-position : top left;

	border: 0.1em solid #111;
	border-bottom : 0;
}

.typography table td
{
	border : 0.1em solid #111;
}