* {
		position: relative;
	}

	img {
		border: none;
	}
	
	body {
		margin:0;
		padding:0;
		font-family: Helvetica, Verdana, sans-serif;
	}
	
	#page {
		margin: 10px auto;
		width: 700px;
	}
	
	#head {
		padding-bottom: 10px;
		margin: 10px 0px;
		font-size: 150%;
		border-bottom: 3px solid #ccc;
	}
	#head span {
		font-size: 50%;
		color: #666;
	}
	
	.main {
		height: 430px;
		padding: 0;
		/*-moz-border-radius:10px;*/
		margin: 0 0 10px 0;
	}
	
	.text {
		font-size: 90%;
		margin:40px auto 0px 0px;
		padding:10px;
		background-color:#333;
		width:325px;
		
		filter:alpha(opacity=60);
		-moz-opacity:.60;
		opacity:.70;
		color: white;
		/*text-align: justify;*/
	}
	
	.text a {
		margin-bottom:10px;
		background-color:white;
		color: #333;
		padding:0px;
		text-decoration: none;
		padding-left: 2px;
		padding-right: 2px;
	}
	.text a:hover {
		background-color: #FF5400;
		color: black;
	}
	
	h1 {
		font-size: 125%;
	}
	h2 {
		font-size: 125%;
		margin: 0;
		padding: 0;
	}
	
	.blocks2, .blocks4 {
		clear: both;
	}
	.blocks2 h1 {
		color: #333;
		border-bottom: 1px solid #ccc
		
	}
	.blocks2 .block {
/*		background-color:#F0F0F0;*/
		width: 348px;
		float:left;
		font-size: 75%;
	}
	.blocks4 .block {
/*		background-color:#F0F0F0;*/
		width: 172px;
		float:left;
		font-size: 75%;
	}
	.block h2 {
		/*background-color: #ccc;*/
		padding: 0px 5px;
		height: 30px;
		font-size: 18px;
		font-weight: normal;
		background-repeat: repeat-x;
	}
	.block h2 a {
		color: inherit;
		text-decoration: none;
	}
	.block p {
		padding: 0 2px;
	}
	.block ul {
		list-style-type: none;
		padding-left: 10px;
	}
	.pad {
		margin-right: 4px;
	}
	
	.blog h2, .code h2 {
		background-image: url('images/grad_blue_30.png');
		color: white;
	}
	.blog a, .code a {
		color: #002098;
	}
	
	.microblogs h2, .web h2 {
		background-image: url('images/grad_orange_30.png');
		color: white;
	}
	.microblogs a, .web a {
		color: #FF5400;
	}
	
	.photography h2, .languages h2 {
		background-image: url('images/grad_green_30.png');
		color: white;
	}
	.photography a, .languages a {
		color: #00C800;
	}
	
	.other h2 {
		background-image: url('images/grad_pink_30.png');
		color: white;
	}
	.other a {
		color: #E100E1;
	}
	
	.center {
		text-align: center;
	}

/*.arrow-left span, .arrow-right span {
	visibility: hidden;
}*/
.arrow-right span {
	padding-left: 60px;	
}
.arrow-left span {
	position: absolute;
	top: auto;
	left: auto;
	right: 0;
	padding-right: 60px;
	text-align: right;
}
.arrow-right span, .arrow-left span {
	line-height: 140px;
	vertical-align: middle;
	font-size: 150%;
	color: #666;
}
.arrow-left a {
	position: absolute;
	display: block;
	text-decoration: none;
	width: 57px;
	height: 140px;
	top: 145px;
	left: -60px;
	background-image: url('images/left_arrow_light.png');
	background-repeat: no-repeat;
}
.arrow-right a {
	position: absolute;
	display: block;
	text-decoration: none;
	width: 57px;
	height: 140px;
	top: 145px;
	left: auto;
	right: -60px;
	background-image: url('images/right_arrow_light.png');
	background-repeat: no-repeat;
}
.arrow-right a:hover {
	background-image: url('images/right_arrow_blue.png');
}
.arrow-left a:hover {
	background-image: url('images/left_arrow_blue.png');
}

#linkbar {
	clear: both;
	padding: 20px 0 20px 0;
}

#attributions, #attributions a {
	clear: both;
	margin-top: 50px;
	border-top: 1px solid #999;
	padding-top: 10px;
	color: #999;
	font-size: 10px;
}

.license {
	position: absolute;
	top: auto;
	right: 2px;
	bottom: 2px;
	left: auto;
	font-size: 10px;
	color: white;
}
.license a {
	color: white;
	text-decoration: none;
}