/**
 * default
 */
html, body, p, ul, ol, li, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

html {
	font-family: 'trebuchet ms', 'Courier New', 'Courier', sans-serif;
	color: #676767;
}

.wrapper {
	width: 900px;
	margin: auto;
}

.header {
	height: 80px;
	width: 900px;
	position: relative;
	margin: 0 auto;
	margin-top: 10px;
}

/**
 * logo
 */
.header h2 {
	width: 308px;
	height: 38px;
	position: absolute;
	left: 115px;
}

.header h2 a {
	color: #555;
	text-decoration: none;
}

.header h2 a span {
	width: 308px;
	height: 38px;
	position: absolute;
	left: 0px;
	background: url("../img/global/logo.png") no-repeat;
}

/**
 * menu
 */

.menu {
	position: absolute;
	top: 14px;
	left: 445px;
}

.menu ul {
	list-style: none;
/*	overflow: hidden;*/
}

.menu ul li {
	margin-right: 3px;
	float: left;
}

.menu ul li a {
	text-decoration: none;
	color: #b6b6b6;
	position: relative;
	display: block;
	height: 20px;
}

.menu ul li a:hover {
	color: #007fba;
}

.menu ul li a span {
	position: absolute;
	height: 20px;
	top: 0px;
	left: 0px;
	background-repeat: no-repeat;
}

/**
 * menu items
 */
.menu ul li.blog a {
	width: 43px;
}

.menu ul li.blog a span {
	width: 43px;
	background-image: url("../img/global/menu/blog.png");
	background-position: 0px;
}

.menu ul li.blog a:hover span, .menu ul li.blog a.selected span {
	background-position: -43px;
}

.menu ul li.portfolio a {
	width: 100px;
}

.menu ul li.portfolio a span {
	width: 100px;
	background-image: url("../img/global/menu/portfolio.png");
	background-position: 0px;
}

.menu ul li.portfolio a:hover span, .menu ul li.portfolio a.selected span {
	background-position: -100px;
}

.menu ul li.portfolio:hover .subMenu {
	display: block;
}


.menu ul li.portfolio span.subMenu {
	display: none;
	position: absolute;
	top: 20px;
	left: 45px;
	height: 10px;
	background: none;
}

.menu ul li.portfolio span.show {
	display: block;
}

.menu ul li.portfolio span.subMenu a {
	font-size: .75em;
	font-family: 'Monaco', 'Trebuchet MS';
	width: auto;
	float: left;
}

.menu ul li.portfolio span.subMenu a.selected {
	color: #007fba;
}

.menu ul li.bio a {
	width: 32px;
}

.menu ul li.bio a span {
	width: 32px;
	background-image: url("../img/global/menu/bio.png");
	background-position: 0px;
}

.menu ul li.bio a:hover span, .menu ul li.bio a.selected span {
	background-position: -32px;
}

.menu ul li.resume a {
	width: 64px;
}

.menu ul li.resume a span {
	top: 5px;
	width: 64px;
	background-image: url("../img/global/menu/resume.png");
	background-position: 0px;
}

.menu ul li.resume a:hover span, .menu ul li.resume a.selected span {
	background-position: -64px;
}

.menu ul li.contact a {
	width: 77px;
}

.menu ul li.contact a span {
	top: 2px;
	width: 77px;
	background-image: url("../img/global/menu/contact.png");
	background-position: 0px;
}

.menu ul li.contact a:hover span, .menu ul li.contact a.selected span {
	background-position: -77px;
}

/**
 * content
 */
.content {
	overflow: hidden;
	width: 900px;
}

.content a {
	text-decoration: none;
	color: #007fba;
}

.content a:hover {
	color: #b6b6b6;
}

/**
 * footer
 */
.footer {
	font-family: 'Monaco', 'Trebuchet MS';
	padding: 30px 0px 10px 0px;
	font-size: .7em;
	color: #888;
	text-align: center;
}

/**
 * definition list
 */
dl.contact {
	width: 420px;
	margin-top: 10px;
	overflow: hidden;
	border: 2px solid #eaeaea;
}

dl.contact dt {
	padding: 4px;
	clear: left;
	float: left;
	width: 45px;
	height: 60px;
	padding-bottom: 1000px;
	margin-bottom: -1000px;
	background: #ececec;
}

dl.contact dd {
	padding: 4px;
	float: left;
	height: 60px;
	width: 200px;
}

.loading {
    background: url("../looply/img/global/bg_loading.gif") no-repeat top center #fff;
    min-height: 800px;
}

form #first_name {
    display: none;
}