html {
	background-color: black;
	font-family: Helvetica, Verdana, Arial;
	font-size: 12px;
	color: white;
}

a:link {
	color: white;
	text-decoration: none;
}

a:hover {
	color: #19f0f3;
}

a:visited {
	color: #19f0f3;
	text-decoration: line-through;
}

h1 {
	background-image: url("/images/logo.jpg");
	width: 208px;
	height: 30px;
}

h1 span {
	display: none;
}

h2 {
	font-size: 11px;
	color: #888888;
}

h3 {
	font-size: 14px;
	margin-top: 10px;
	border-bottom: 1px solid #888888;
	padding-bottom: 5px;
}

#container {
	width: 920px;
	margin: 60px auto 0 auto;
}

#info {
	position: fixed;
	width: 360px;
	float: left;
}

#portfolio {
	margin-left: 380px;
	width: 540px;
	float: left;
}

#about {
	margin-top: 45px;
	line-height: 14px;
}

#contacts {
	margin-top: 30px;
}

#image {
	float: left;
}

#contacts ul {
	float: left;
	margin-left: 25px;
	list-style-image: url("/images/bullet.jpg");
}

#contacts li {
	margin-bottom: 5px;
}

#contacts a {
	font-size: 10px;
}

/* portfolio */

div.project {
	clear: both;
	margin-bottom: 40px;
	float: left;
}

p.description {
	margin-top: 5px;
	line-height: 14px;
}

p.view {
	margin-top: 10px;
}

p.view a:link {
	padding: 0 5px;
	color: black;
	background-color: white;
}

p.view a:hover {
	padding: 0 5px;
	color: white;
	background-color: black;
}

p.view a:visited {
	padding: 0 5px;
	color: #19f0f3;
	background-color: black;
	text-decoration: line-through;
}

a#tooCool {
	position: fixed;
	right: 0;
	bottom: 0;
	display: block;
	height: 80px;
	width: 80px;
	background: url(/images/too_cool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
}