@import url("reset.css");

body {
	padding: 10px;
	text-align: center;
	font: x-small Verdana, Arial, Helvetica, sans-serif;
	color: #888;
	background: #bbb;
}
h3 {
	margin: 0 0 .5em;
	font: bold 115% Arial, Helvetica, sans-serif;
}
h4 {
	margin: 0 0 .3em;
}
p {
	margin: 0 0 1.5em;
	line-height: 1.4em;
}
ul {
	margin: 0 0 1.5em 20px;
	list-style-type: disc;
}
li {
	margin: 0 0 .5em;
}
a {
	color: #7786CE;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
strong {
	font: bold 115%;	
}
dl {
	margin: 0 0 1.5em;
}
dt, dd {
	padding: 10px 0;
}
dt {
	font-weight: bold;
	float: left;
	width: 8em;
}
dt:after {
	content: ":";
}
dd {
	font-weight: normal;
	text-align: right;
	border-top: 1px solid #eee;
}

/* HEADERS */

h2 {
	margin: 0 0 8px;
	text-indent: -9000px;
	height: 16px;
	background-repeat: no-repeat;
	clear: both;
}
h2#hdg_design {
	background-image: url(/img/hdg_design.png);
}
h2#hdg_development {
	background-image: url(/img/hdg_development.png);
}
h2#hdg_more {
	background-image: url(/img/hdg_more.png);
}
h2#hdg_senior {
	background-image: url(/img/hdg_senior.png);
}
h2#hdg_areas {
	background-image: url(/img/hdg_areas.png);
}
h2#hdg_professional {
	background-image: url(/img/hdg_professional.png);
}
h2#hdg_technical {
	background-image: url(/img/hdg_technical.png);
}
h2#hdg_education {
	background-image: url(/img/hdg_education.png);
}

/****************************************************************/

/* PAGE */

#page {
	margin: 0 auto;
	text-align: left;
	width: 950px;
	font-size: 100%;
}

/* HEADER */

#header {
	margin-bottom: 7px;
	height: 47px;
	border-bottom: 2px solid #ddd;
	position: relative;
}
h1#logo {
	text-indent: -9000px;
	position: absolute;
	top: 23px;
	left: 20px;
	width: 116px;
	height: 20px;
	background-image: url(/img/logo.png);
}

/* NAV */

ul#nav {
	margin: 0;
	position: absolute;
	top: 25px;
	left: 188px;
	list-style-type: none;
}
ul#nav li {
 	float: left;
}
ul#nav a {
	text-indent: -9000px;
	display: block;
	height: 24px;
}
li#nav-portfolio a {
	background: url(/img/nav_portfolio.png) 50% 0 no-repeat;
	width: 104px;
}	
li#nav-resume a {
	background: url(/img/nav_resume.png) 50% 0 no-repeat;
	width: 94px;
}
/* highlight */
ul#nav a:hover {
	background-position: 50% -30px;
}
body#portfolio li#nav-portfolio a,
body#resume li#nav-resume a {
	background-position: 50% -58px;
}

/* MENU */

#menu {
	padding: 20px 0 20px 20px;
	width: 160px;
	float: left;
	background: #dddddd;
}
#menu a {
	color: #999;
	text-decoration: underline;
}
#menu a:hover {
	color: #777;
}
#menu ul {
	margin: 0 0 15px;
	list-style-type: none;
	overflow: auto;
}
#menu li {
	margin: 0 8px 8px 0;
	float: left;
}
#menu li a {
	text-decoration: none;
	display: block;
	text-indent: -9000px;
	width: 59px;
	height: 35px;
	border: 3px solid #cfcfcf;
}
/* highlight */
#menu ul a:hover {
	border-color: #EDEBEB;
}
#menu ul .selected a {
	background-position: -59px;	
	border-color: #fff;
	cursor: default;
}

/* CONTENT */

#content {
	background: #fff url(/img/menu.png) repeat-y;
	position: relative;
	width: 100%;
	float: left; /* force containment of floated children */
}
#content-left {
	padding: 20px 17px 20px 23px;
	width: 190px;
	float: left;
}
#content-right {
	padding: 20px 0;
	width: 530px;
	float: left;
}

/* FOOTER */

#footer {
	margin: 10px 0 0;
	color: #aaa;
	text-align: center;
}

/****************************************************************/

/* TOOLTIP */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #999;
	background-color: #eee;
	padding: 4px 6px;
	opacity: 0.9;
	display: none; /* keeps empty box from appearing in Safari on page load */
}
#tooltip h3, #tooltip div {
	margin: 0;
	color: #555;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
}

/* MISC */

.big {
	font-size: 110%;
}
.border {
	border: 3px solid #ddd;
}
a.border:hover {
	border-color: #C5C5C5;
}
.hide {
	display: none;
}

/****************************************************************/

/* PORTFOLIO */

#portfolio dl.fancy dt {
	margin-right: -10px;
}

/* project image */

a#proj_img {
	position: relative;
	left: 15px;
	float: left; /* fix the Firefox border issue */
}

/* list of selected projects */

ul.proj_set {
	margin: 0;
	list-style-type: none;
}
ul.proj_set li {
	margin: 0 5px 10px;
	padding: 0;
	float: left;
}
ul.proj_set a {
	text-decoration: none;
	display: block;
	text-indent: -9000px;
	width: 115px;
	height: 120px;
	outline: none;
}

/* match.com projects */

ul.proj_set #home a {
	background-image: url(/img/projects/match_home.png);
}
ul.proj_set #mymatch a {
	background-image: url(/img/projects/match_mymatch.png);
}
ul.proj_set #results a {
	background-image: url(/img/projects/match_results.png);
}
ul.proj_set #profile a {
	background-image: url(/img/projects/match_profile.png);
}


/* RESUME */

#resume #content {
	background: #fff url(/img/two-column.png) repeat-y 392px;
	font-size: 110%;
}
#resume #content-left {
	padding: 25px 20px 20px;
	width: 350px;
}
#resume #content-right {
	padding: 25px 20px 20px;
	width: 520px;
}
#resume * + h2 {
	margin-top: 30px;
}
#resume #content-right h3 {
	margin: 0 -5px .5em -5px;
	padding: 3px 5px;
	background: #EBEBEB;
	color: #888;
	position: relative;
}
#resume h3 span.job_city {
	position: absolute;
	right: 5px;
	font-weight: normal;
	font-size: 90%;
}
p.job_blurb {
	margin: 0 0 .7em;
	font-style: italic;
}
p.job_title {
	margin: 0 0 .2em;
	font-weight: bold;
}
#download {
	position: absolute;
	top: 12px;
	right: 15px;
}
#download a {
	padding: 9px 26px 5px 5px;
	display: block;
	background: url(/img/ico_word.png) no-repeat 96%
	 4px;
	font-size: 10px;
	text-decoration: underline;
}
#download a:hover {
	background-color: #EAEFFF;
}