@import url("reset.css");

body {
	font-family: "Lucida Grande";
}

#container {
	width: 900px;
	margin: 0 auto;
}

#header {
	margin-top: 100px;
	font-weight: bold;
	font-size: 200pt;
	letter-spacing: -30px;
}

#container li {
	display: inline;
	font-weight: bold;
	font-size: 20pt;
	margin-left: 50px;
	letter-spacing: -2px;
}

#container ul {
	margin-left: 100px;
}

#container li a {
	color: #000000;
	text-decoration: none;
}	

#container .twitter a:hover {
	border-bottom: 10px #00AACC solid;
}

#container .email a:hover {
	border-bottom: 10px #00993B solid;
}

#container .flickr a:hover {
	border-bottom: 10px #FFCC00 solid;
}

#container .work a {
	padding-left: 5px;
	padding-right: 5px;
}

#container .work a:hover {
	background: url("../img/work-bg.png");
}

#container .who a:hover {
	border-bottom: 10px #464646 solid;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

#content {
    position:absolute;
    top:0;left:0;
    z-index:70;
    overflow:auto;
	width: 100%;
	height: 100%;
}

.name {
	position: absolute;
	display: block;
	right: 0;
	font-size: 80pt;
	font-weight: bold;
	background: #00AACC;
	color: #FFFFFF;
	letter-spacing: -12px;
	margin-right: 20px;
	margin-top: 20px;
	padding-right: 20px;
	padding-left: 15px;
}

.name:hover {
	background: #00AACC;
}

.prof {
	position: absolute;
	display: block;
	right: 0;
	font-size: 30pt;
	margin-right: 20px;
	margin-top: 150px;
	font-weight: bold;
	letter-spacing: -5px;
	background: #00993B;
	color: #FFFFFF;
	padding: 7px;
}

.prof:hover {
	background: #00993B;
}

.sec-prof {
	position: absolute;
	display: block;
	right: 0;
	font-size: 30pt;
	margin-right: 20px;
	margin-top: 210px;
	font-weight: bold;
	letter-spacing: -5px;
	background: #FFCC00;
	color: #FFFFFF;
	padding: 7px;
}

.sec-prof:hover {
	background: #FFCC00;
}

.back {
	position: absolute;
	display: block;
	right: 0;
	bottom: 0;
	font-size: 20pt;
	margin-right: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	letter-spacing: -2px;
	padding: 5px;
	background: #000000;
	color: #FFFFFF;
}

.back a {
	text-decoration: none;
	color: #FFFFFF;
}

.back a:hover {
	background: #ED1164;
}