/* ==================== */
/* ! Darwin Tomlinson   */
/* ==================== */

@import 'reset.css';
@import 'utility.css';
@import 'sifr.css';

/* ========== */
/* ! Layout   */
/* ========== */

body {
	font: 62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #d4d6d7;
}
.wrap {
	min-width: 909px;
	margin: 0 auto;
	background: transparent url(../images/bg-flat.gif) repeat-y 50% 50%;
}
.spot-bottom-wrap {
	width: 795px;
	margin: 0 auto;
	background: transparent url(../images/bg-spot-bottom.jpg) no-repeat left bottom;
}
.spot-top-wrap {
	background: transparent url(../images/bg-spot-top.jpg) no-repeat left top;
	padding-top: 50px;
}

/* ========== */
/* ! Header   */
/* ========== */

.header {
	margin-left: 50px;
	position: relative;
	width: 693px;
	height: 96px;
	background: transparent url(../images/darwin-tomlinson.png) no-repeat left top;
}
#contact, #resume {
	height: 7px;
	background-position: left top;
	background-color: transparent;
	background-repeat: no-repeat;
	position: absolute;
	top: 1px;
}
#contact {
	width: 44px;
	background-image: url(../images/contact.png);
	right: 50px;
}
#resume {
	width: 39px;
	background-image: url(../images/resume.png);
	right: 3px;
}
#contact:focus, #contact:hover, #contact:active,
#resume:focus, #resume:hover, #resume:active {
	background-position: left -7px;
}


/* ========= */
/* ! About   */
/* ========= */

.about {
	margin: 39px 49px 0;
}
.about-header {
	padding-bottom: 15px;
}
.about h2 {
	font: 29px Helserif,"Times New Roman", Georgia, serif;
	color: #9c9ea1;
}
.about h2 br {
	display: none;
}


/* ============ */
/* ! Projects   */
/* ============ */

.projects {
	margin: 28px 0 0 49px;
}
.projects-header {
	padding-bottom: 22px;
}
.project-list {
	background: transparent url(../images/bg-project-divider.gif) repeat-y 344px 0;
}
.project {
	float: left;
	width: 317px;
	margin-right: 56px;
	margin-top: 25px;
}
.project:first-child, 
.project:first-child+.project {
	margin-top: 0;
} 
.project img {
	border: 1px solid #8e8f90;
}
.project img:focus, .project img:hover, .project img:active {
	border-color: #666;
}
.project .title-bar {
	position: relative;
	padding-top: 11px;
	margin-bottom: 4px;
}
.project .title {
	font: bold 11px Helserif,"Times New Roman", Georgia, serif;
	text-transform: uppercase;
	margin-right: 85px;
}
.project .launch {
	position: absolute;
	right: 0;
	top: 11px;
	font: 300 11px Helserif,"Times New Roman", Georgia, serif;
	text-transform: uppercase;
}
.project a, .project a:link, .project a:visited {
	color: #9c9ea1;
	text-decoration: none;
}
.project a:focus, .project a:hover, .project a:active {
	color: #666;
}
.project .description {
	padding-top: 7px;
	border-top: 4px solid #d4d6d7;
	font-size: 1.15em;
	line-height: 1.3;
	color: #696a6c;
	height: 4em;
}

/* ========== */
/* ! Footer   */
/* ========== */

.footer {
	color: #aeb0b3;
	text-transform: uppercase;
	padding: 25px 50px 15px;
	font-weight: bold;
}