@import "reset.css";

/* -------------------------- */
/* 	Colors Used 
/*
/*   Dark Blue - #2d7f94
/*   Light Blue - #67adbd
/*   Mustard Yellow - #eab64a
/*   Grey - #9f9d92
/*   Light Brown - #eae1c3
/*   Skin Color? - #fff8ef
/*
/* -------------------------- */

body {
	font-size:12px;
	color:#999;
	font-family:"Lucida Grande", Arial, sans-serif, default;
	background:#9f9d92 url('/images/body_bg.png') bottom left repeat-x;
}

#wrapper {
	width:700px;
	padding:10px;
	background:#fff8ef;
	color:#999;
}

/* Global Nav Styles */

.nav {
	font-size:14px;
	font-family:"Trebuchet MS", Arial, sans-serif, default;
	text-transform:uppercase;
}

.nav ul {
	overflow:hidden;
}

.nav ul li {
	float:left;
	display:block;
}

.nav ul li a {
	color:#2d7f94;
	text-decoration:none;
	display:block;
	padding:5px 10px;
	margin-right:5px;
}

.nav ul li a:hover,
.nav ul li a.current {
	color:#eae1c3;
	background:#2d7f94;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/* End of Global Nav Styles */

/* Resume */

#resume {
	overflow:hidden;
	position:relative;
	margin-bottom:200px;
	padding-top:100px;
}

#navigation-resume {
	position:absolute;
	right:0;
	top:30px;
}

#resume h1 {
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	color:#67adbd;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, sans-serif, default;
	margin-bottom:15px;
}

#resume h2 {
	font-size:18px;
	line-height:24px;
	color:#eab64a;
	margin-bottom:15px;
	
}

#resume h3 {
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	line-height:15px;
	font-family:Georgia, "Times New Roman", Times, serif, default;
	letter-spacing:-.05em;
	margin-bottom:10px;
}

#resume p {
	line-height:18px;
	margin-bottom:20px;
}

#experience {
	width:460px;
	float:left;
	margin-right:20px;
}

#skillset {
	width:220px;
	float:left;
}

/* Portfolio */

#portfolio {
	overflow:hidden;
	margin-bottom:200px;
	position:relative;
	padding-top:110px;
}

#navigation-portfolio {
	position:absolute;
	right:0;
	top:30px;
}

#portfolio h1 {
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	color:#67adbd;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, sans-serif, default;
	margin-bottom:15px;
}

#portfolio h2 {
	font-size:18px;
	line-height:24px;
	color:#eab64a;
	margin-bottom:15px;
	
}

#portfolio-holder {
	overflow:hidden;
}

#portfolio-holder .no-margin {
	margin-right:0 !important;
}

#portfolio-holder .portfolio-item {
	width:340px;
	height:400px;
	margin-bottom:30px;
	float:left;
	margin-right:20px;
}

#portfolio-holder .portfolio-item img {
	border:5px solid #2d7f94;
	margin-bottom:10px;
}

#portfolio-holder ul.tech-used {
	overflow:hidden;
	margin-bottom:10px;
}

#portfolio-holder ul.tech-used li {
	float:left;
	display:block;
	font-size:9px;
	margin-right:5px;
}

#portfolio-holder ul.tech-used li acronym {
	padding:3px 10px;
	background:#000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	cursor: help;
}

#portfolio-holder ul.tech-used li a {
	padding:3px 10px;
	background:#333;
	color:#fff;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	display:block;
	text-decoration:none;
}

#portfolio-holder ul.tech-used li a:hover {
	background:#999;
	color:#333;
}

#portfolio-holder ul.tech-used li acronym.xhtml {
	background:#2d7f94;
	color:#000;
}

#portfolio-holder ul.tech-used li acronym.css {
	background:#67adbd;
	color:#000;
}

#portfolio-holder ul.tech-used li acronym.javascript {
	background:#eab64a;
	color:#000;
}

#portfolio-holder ul.tech-used li acronym.wordpress {
	background:#eae1c3;
	color:#000;
}

#portfolio-holder ul.tech-used li acronym.black {
	background:#000;
	color:#fff;
}

/* Contact */

#welcome {
	overflow:hidden;
	margin-bottom:200px;
	position:relative;
}

h1#logo {
	font-size:24px;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif, default;
	color:#67adbd;
	text-transform: uppercase;	
	width:340px;
	height:110px;
	background: url('/images/logo.png') top left no-repeat;
	text-indent:-9999px;
	margin-bottom:30px !important;
}

h1#logo span {
	color:#2d7f94;
}

#navigation-contact {
	position:absolute;
	right:0;
	top:30px;
}

#welcome h1 {
	font-size:30px;
	line-height:36px;
	font-weight:bold;
	color:#67adbd;
	text-transform:uppercase;
	font-family:"Trebuchet MS", Arial, sans-serif, default;
	margin-bottom:15px;
}

#welcome h2 {
	font-size:18px;
	line-height:24px;
	color:#eab64a;
	margin-bottom:15px;
	
}

#welcome p {
	line-height:18px;
	margin-bottom:20px;
}

#about-info {
	width:450px;
	float:left;
	margin-right:20px;
	padding-right: 10px;
}

#intro-text {
}

#about-info blockquote {
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif, default;
	font-style: italic;
	display:block;
	margin-bottom:20px;
}

#contact-form {
	width:220px;
	float:left;
	padding: 0;
}

#contact-form ul li {
	margin-bottom:15px;
	display:block;
	line-height:20px;
}

#contact-form ul li strong {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif, default;
	font-style:italic;
}

#contact-form ul li a {
	color:#999;
	text-decoration:none;
}

#contact-form ul li a:hover {
	text-decoration:underline;
}

#footer {
	font-size: 10px;
}

#footer p {
	margin: 0 0 5px 0;
}

#footer p a {
	color: #67ADBD;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
}

#footer p a:hover {
	color: #2D7F94;
}