/* CSS Document */

/* Eric Meyer's reset v1.0 | 20080212 | http://meyerweb.com/eric/tools/css/reset/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size:1;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 2.0em;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*  END OF CSS RESET */

/*  CLEARFIX  */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* body tag -- default font set to 6.25% so that 1em = 10px forevermore */
body { font-family: Verdana, sans-serif; font-size:62.5%; }

h2 { font-size:2.0 em; margin:0 0 0.5em 0; }

h3  { margin-bottom:5px; }

p, span, dd, dt, h1, h2, h3, h4, h5, td, th, a {
	 font-size:1.2em;
}

.job, .section { padding:25px; margin:0 0 20px 0; background-color:#eee; position:relative; -moz-border-radius: 20px;-webkit-border-radius: 20px; }

.wrapper { width:700px; margin:30px auto 50px auto; }

.print { color:#FF0000; float:right; margin-bottom:10px; }

.nav { position:relative;  }
.nav ul { width:680px; margin:auto; }
.nav ul li { float:left; padding:2px 10px;  }
.nav { padding:10px; background-color:#666; color:#fff; margin-bottom:20px; }
.nav a, .nav a:visited { color:#fff; font-size:1.5em; text-decoration:none; }
.nav a:visited {  }


.section { position:relative; overflow:visible;  }

.content {  padding: 0 0 0 0px; position:relative; }

.visitButton { display:inline-block; background-color:#000099; -moz-border-radius: 5px; -webkit-border-radius: 5px; color:#fff; padding:1px 5px; margin-left:10px; }
.visitButton:hover { background-color:#999; }

.meet { border-left:1px solid #999; display:none;  }
.meet a { color:#990000 !important; }


/* ------------ home page ------------ */

	.home .section img { position:absolute; left:-140px; top:0;  }

/* ------------ resume page ------------ */


	.resume .section h2, .job h2 { font-size:3em; line-height:1em; color:#999; font-weight:normal; width:400px;  }

	.resume ul li { margin:0 0 1.5em 0; }
	.resume ul li ul.projects { margin:0 0 0 20px;  }
	.resume .jobTitle { font-weight:bold; margin:0 0 1.4em 0; display:inline-block; color:#999;  }
	.resume .projectTitle { font-weight:bold;  }
	.resume .duration { display:inline-block; color:#999; font-size:1.3em; position:absolute; top:25px; right:25px; }
	.resume p { margin:0 0 1.2em 0px; }
	.resume a.sample { clear:both; display:inline-block;  }

/* ------------ resume page ------------ */

	dt {  color:#999;  }
	dd {  margin:0 0 1.5em 0;  }


/* ------------- CatchPhrase spewer ----------- */
	.spewer { position:absolute; left:500px; top:0; z-index:10; font-size:20%;  }
	.spewWord { position:absolute; left:500px; top:200px; z-index:1000; height:6000px; font-size:1px; -moz-opacity:0.5; opacity:0.5; width:2000px;  }
	
/* ------------ resume page ------------ */
	.footer { margin-top:20px;  }
	.footer ul li { float:left; margin-right:20px; font-size:1.3em; color:#999;  }