body {
	background:url(bar.gif);
	font:16px arial;
	color:#666;
	margin-bottom:100px;
}

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

a:hover {
	color:purple;
}

.content,.main {
	width:560px;
	border:1px solid gray;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;
	background:#fff;
	padding:20px;
	position:relative;
	-moz-box-shadow:3px 3px 3px #CCF;
	-webkit-box-shadow:3px 3px 3px #CCF;
	box-shadow:3px 3px 3px #CCF;
}

#top {
	margin-top:100px;
}

#ian {
	width:100px;
	border:1px solid gray;
	right:0;
}

#info {
	position:absolute;
	left:140px;
	top:20px;
	text-align:left;
	width:440px;
	font-size:16px;
}

.col {
	float:left;
	width:50%;
	bottom:0;
	margin-top:6px;
}

.col a {
	display:inline-block;
}

.content a {
	font-size:18px;
	display:block;
	clear:both;
}

.content a img {
	width:100px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	border:1px solid gray;
}

.content a:hover img {
	border:1px solid purple;
}

.bigger {
	font-size:30px;
}

.smaller {
	font-size:12px;
}

.header {
	font-size:20px;
}

.portfolio {
	position:absolute;
	right:10px;
	top:10px;
	border:2px solid gray;
	background:#DDF;
	padding:10px;
	-moz-box-shadow:0 0 10px 5px #CCC;
	-webkit-box-shadow:0 0 10px 5px #CCC;
	box-shadow:0 0 10px 5px #CCC;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.portfolio:hover,.content a:hover img {
	background:#DDD;
	-moz-box-shadow:0 0 10px 5px #DDF;
	-webkit-box-shadow:0 0 10px 5px #DDF;
	box-shadow:0 0 10px 5px #DDF;
}