html, body {
	width: 100%;
	margin: 0;
	padding: 0;
	
	background-color: #292929;
	color: #ccc;
	font: 75%/1.5 "BitStream Vera Sans", Helvetica, Arial, sans-serif;
}
html>body { font-size: 12px; }

div#top-fold {
	width: 100%;
	padding: 0.5em 0 3.5em 0;
	background: #1c1c1c url(img/fold_separator.gif) repeat-x left bottom;
}

div#bottom-fold {
	padding-top: 0.75em;
}

	div#top-fold div#identity,
	div#top-fold div.article,
	div#bottom-fold {
		width: 56em;
		margin: 0 auto;
	}
	
	div#top-fold div#identity {
		text-align: right;
	}
	
	div#top-fold div.article {
		position: relative;
	}
	
		div#top-fold div.article h1 {
			margin: 0;
			margin-bottom: 0.75em;
			font-size: 1.5em;
			font-weight: normal;
			line-height: 1em;
		}
		
		div#top-fold div.article div.date {
			position: absolute;
			top: 0;
			left: -6em;
			width: 4.5em;
			border: 1px solid #323232;
			
			background-color: #282828;
			color: #4e4e4e;
			text-transform: uppercase;
			text-align: center;
		}
		
			div#top-fold div.article div.date span {
				display: block;
			}

			div#top-fold div.article div.date span.day {
				font-size: 1.5em;
				line-height: 1.2em;
			}
		
		div#top-fold div.article div.keywords {
			float: right;
			width: 10em;
			margin-top: 0.6em;
			text-align: right;
			font-size: 0.9em;
			line-height: 1.67em;
			color: #4e4e4e;
		}
		
			div#top-fold div.article div.keywords h4 {
				margin: 0;
				text-transform: uppercase;
			}
			
			div#top-fold div.article div.keywords ul {
				margin: 0;
				list-style-type: none;
			}
			
				div#top-fold div.article div.keywords ul a {
					color: #4e4e4e;
					text-decoration: none;
				}
				
				div#top-fold div.article div.keywords ul a:hover {
					text-decoration: underline;
				}
		
		div#top-fold div.article p {
			width: 46em;
			margin: 1.5em 0;
		}

div.summary {
	position: relative;
	clear: both;
	border-top: 3px double #353535;
	font-size: 0.9em;
	color: #4e4e4e;
	text-shadow: 2px 2px 0px #090909;
	line-height: 2em;
}

	div.summary span.further-links {
		position: absolute;
		right: 0;
		top: 0;
	}
	
	div.summary a {
		padding-left: 20px;
		color: #4e4e4e;
		text-decoration: none;
	}
	
	div.summary a:hover {
		color: #ccc;
	}
	
	div.summary a.comments {
		background: url(img/icon_comments.gif) no-repeat 4px center;
	}

	div.summary a.trackbacks {
		background: url(img/icon_trackbacks.gif) no-repeat 4px center;
	}

	div.summary a.archives {
		background: url(img/icon_archives.gif) no-repeat 4px center;
	}

	div.summary a.feeds {
		background: url(img/icon_rss.gif) no-repeat 4px center;
	}

div#bottom-fold div#recent-entries {
	overflow: auto;
}

div#bottom-fold div#recent-entries div.category-listing {
	float: left;
	width: 28%;
	margin-right: 8%;
}

div#bottom-fold div#recent-entries div#design-category.category-listing {
	margin-right: 0;
}

	div#bottom-fold div#recent-entries div.category-listing h2 {
		margin: 0;
		padding-top: 0.4em;
		padding-left: 12%;
		font: normal 1.3em Georgia, serif;
		text-transform: uppercase;
		letter-spacing: 0.15em;
	}
	
	div#bottom-fold div#recent-entries div#tech-category.category-listing h2,
	div#bottom-fold div#recent-entries div#weekly-albums.category-listing h2 {
		color: #ff00e4;
		background: url(img/drop_technology.gif) no-repeat left top;
	}
	
	div#bottom-fold div#recent-entries div#prog-category.category-listing h2,
	div#bottom-fold div#recent-entries div#current-work.category-listing h2 {
		color: #c0ff00;
		background: url(img/drop_programming.gif) no-repeat left top;
	}
	
	div#bottom-fold div#recent-entries div#design-category.category-listing h2 {
		color: #ffba00;
		background: url(img/drop_design.gif) no-repeat left top;
	}
	
	div#bottom-fold div#recent-entries div.category-listing ol {
		width: 88%;
		margin: 0.5em 0 2em 12%;
		padding: 0;
		list-style-type: none;
	}

		div#bottom-fold div#recent-entries div.category-listing ol li {
			margin: 0;
			line-height: 1em;
			padding: 0.5em 0;
			border-bottom: 1px solid #353535;
			font-size: 0.9em;
		}

			div#bottom-fold div#recent-entries div.category-listing ol li a {
				color: #ccc;
				text-decoration: none;
			}
			
			div#bottom-fold div#recent-entries div.category-listing ol li a:hover {
				color: #fff;
				text-shadow: 2px 2px 0px #1c1c1c;
			}
			
		div#bottom-fold div#recent-entries div#weekly-albums ol li {
			float: left;
			width: 30%;
			height: 48px;
			overflow: hidden;
			padding: 0;
			border-bottom: 0;
		}
		
			div#bottom-fold div#recent-entries div#weekly-albums ol li img {
				width: 100%;
			}
		
		div#bottom-fold div#recent-entries div#current-work ol li {
			margin-bottom: 10px;
			padding: 0;
			border: 0;
		}
	
	div#bottom-fold div#author-summary {
		margin: 2em 0;
		padding: 1.5em;
		padding-left: 60px;
		border: 1px solid #0c0c0c;
		background: #1c1c1c url(img/self_grey.gif) no-repeat 10px center;
		font-size: 0.9em;
		color: #4e4e4e;
	}
	
		div#bottom-fold div#author-summary a {
			color: #4e4e4e;
		}
		
		div#bottom-fold div#author-summary a:hover {
			color: #ccc;
			text-decoration: none;
		}
	
	div#bottom-fold div#author-summary:hover {
		background-image: url(img/self_color.gif);
	}

	div#bottom-fold div#copyright {
		margin: 2em 0;
		padding-left: 62px;
		color: #474747;
		font-size: 0.9em;
	}	

a {
	color: #ccc;
}

a img {
	border: 0px;
}