*  {
    margin: 0;
    padding: 0;
    border: 0;
}

@font-face {
     font-family: Advent;
     src: url(advent.otf) format("opentype");
}

a {
	text-decoration: none;
	color: #00b0b0;
	cursor: pointer;
}

a:hover {
	border-bottom: solid 1px;
}

blockquote {
	margin: .7em 1.5em .7em 1.5em;
	font-style: oblique;
}

body {
	background: #eee;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
}

.header {
	background: url(images/header_bg.png);
	height: 234px;
	text-align: center;
}

.header img {
	position: relative;
	top: 145px;
}

.listed_items {
	background: url(images/portrait.jpg) right no-repeat;
	height: 240px;	text-align: center;
}

	.listed_items img {
		position: relative;
		top: 10px;
	}

.left_nav {
	position: fixed;
	top: 20px;
	z-index: 10;
}

	.left_nav .tag {
		background: url(images/nav_side.png) right;
		width: 65px;
		height: 27px;
		text-align: right;
		top: 20px;
		margin: 10px 0px 10px 0px;
		padding: 13px 10px 7px 10px;
		cursor: pointer;
	}
	
	.left_nav .tag:hover {
		background: url(images/nav_side_over.png) right;
	}

.description {
	width: 600px;
	margin: auto;
	padding: 10px;
	position: relative;
	top: -150px;
	margin-bottom: -150px;
	line-height: 1.4em;
}

.content {
	margin: auto;
	width: 1000px;
}

.item {
	background: url(images/item_header.png) top no-repeat;
	width: 827px;
	margin: 20px auto 20px auto;
	padding: 40px;
}

	.item h1 {
		font-size: 24px;
		font-weight: 200;
		padding: 10px;
		cursor: pointer;
		background: url(images/expand.png) right no-repeat;
		font-family: 'Advent', Verdana, Geneva, sans-serif;;
	}
	
	.item h1:hover {
		background: #0FF url(images/expand_over.png) right no-repeat;
		color: #000;
	}
	
	.item .subtract {
		background: url(images/contract.png) right no-repeat;
	}
	
	.item .subtract:hover {
		background: url(images/contract.png) right no-repeat;
		color: #000;
	}
	
	.item h2 {
		color: #777;
		font-size: 11px;
		font-weight: 200;
	}
	
	.item h3 {
		color: #999;
		font-style: italic;
		font-size: 10px;
		font-weight: 100;
		position: relative;
		left: 10px;
		top: -12px;
	}
	
	.item .body {
		padding: 10px;
		position: relative;
		top: 50px;
		text-align: center;
		display: none;
	}
	
		.item .body img {
			background: #444;
			border: #333 solid 1px;
			margin: 20px 0 20px 0;
		}
		
		.item .body .weblink {
			padding: 10px 60px 0px 10px;
			font-size: 36px;
			font-weight: bold;
			color: #333;
			background: url(images/externallink.gif) no-repeat right;
		}
		
		.item .body .weblink:hover {
			border: 0;
		}
	
.section {
	width: 832px;
	background: url(images/divider.png) bottom no-repeat;
	margin: auto;
	padding: 5px;
	text-align: center;
	font-size: 32px;
	margin-top: 100px;
	font-family: 'Advent', Verdana, Geneva, sans-serif;;
	
}

#archive {
	text-align: center;
	width: 752px;
	margin: auto;
}

#archive a {
	color: #FFF;
	text-decoration: none;
}

#archive a:hover {
	color: #FFF;
	text-decoration: none;
}

	#archive .block {
		background: #000 url(images/file.png) center;
		border: 10px solid #000;
		line-height: 54px;
		margin: 10px;
		color: #FFF;
		width: 54px;
		height: 54px;
		font-size: 10px;
		overflow: hidden;
		float: left;
		cursor: pointer;
	}

.footer {
	background: #333;
	color: #EEE;
	margin-top: 200px;
	text-align: center;
	padding: 100px 0 100px 0;
	font-size: 32px;
	font-weight: bold;
}

.footer a {
	color: #eee;
}

.footer a:hover {
	color: #0FF;
	border: 0;
}