/* CSS Document - for index, resume, and  portfolio pages -  updated Dec 2009 */


body, p, li {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, Arial, sans-serif;
	color: #333333;
	font-size:1em;
}


h1, h2 { font-family: "Arial Black", Verdana, sans-serif; }

h1 {
	color: #265ea7;
}

h2 {
	color: #333;
	letter-spacing: .05em;
	margin: 1.25em 0;
}

h3, 
div#content_resume h2 {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, sans-serif;
	letter-spacing: .02em;
	margin: 1em 0 0 0;
}

h4 {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25;
	letter-spacing: .01em;
	margin: .5em 0;
	padding: 0;
}


h5, h6, 
div#content_id h4,
div#content_resume h4 {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	line-height: 1.5;
	margin: 0 0 0 2em;
	padding: 0;
}

h5 { letter-spacing: .05em; }

h6, .subhead {
	font-style: italic;
	display: inline;
	letter-spacing: .1em;
}

table { margin: .9em; }

td { padding: .9em ! important; }

td p { padding: .25em; }

td li { line-height: 1.25; }

th, th p {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.25;
	margin: .5em 0 0 .2em;
	padding: 0;
}

a {
	color: #3375b7;
	background-color: #fff;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: .1em;
}

a:hover {
	color: #fff;
	background-color: #3375b7;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: .1em;
}

a.weblink {
	display:inline-block;
	padding-right:16px;
	background:transparent url(weblink.png) center right no-repeat;
}

a.downlink {
	display:inline-block;
	padding-right:18px;
	background:transparent url(downlink.png) center right no-repeat;
}

img {
	margin:0;
	padding: 0;
	vertical-align: middle;
}

.in { display: inline; }

.hide { display: none; }

.hi {   /* highlight; applied to inline paragraph text on index page */
	font-weight: bold;
	font-style: italic;
	letter-spacing: .05em;
}

.top {  /* apply to the first line below a heading */
	margin-top: 0;
	padding-top: .5em;
}

h3.top {
	margin-top: .5em;
	padding: 0;
}

p.align_r, div.align_r {
	text-align: right !important;
	margin: 0;
	padding: .5em .9em;
}

.nopad {
	margin: 0 !important;
	padding: 0 !important
}

img.nopad { border: none !important; }

/* positioning of page elements */
/* applied to home page -------------------------  */

div#nav_index {
	width: 150px;
	height: 500px;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	margin: 0;
	padding: 0;
	text-align: left;
}

div#nav_index ul {
	margin: 320px 0 0 1.2em;
	padding: 0 0 0 .5em;
}

div#nav_index li {
	margin: 0 0 0 .9em;
	padding: .2em .5em;
}

div#name {
	width: 790px;
	position: relative;
	top: -1px;
	left: 140px;
	margin: 0 0 .5em 0;
	padding: 0 .5em 0 0;
	text-align: right;
	border-bottom: 1px solid #3375b7;
}

h1.name {
	font-family: Arial Black, Verdana, sans-serif;
	font-size: 1.75em;
	font-weight: normal;
	line-height: 1;
	letter-spacing: .1em;
	margin: 0;
	padding: 1em 0;
}

h2.name, 
div#name h2.name {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	font-style: italic;
	letter-spacing: .05em;
	line-height: 1;
	border-bottom: none;
	margin: 0;
	padding-bottom: 1em;
}

div#content_index {
	width: 790px;
	position: relative;
	top: 0;
	left: 140px;
	margin: 0;
	padding: 0;
	text-align: left;
}

div#content_index p {
	margin: 1em;
	padding: 0;
	text-align: left;
	line-height: 1.5;
}

div#content_index ul {
	margin: 0 1.25em;
	padding: .9em;
}

div#content_index li, 
div#content_resume li {
	margin: 0 .25em;
	padding: .5em 0;
}

div#content_index th p, 
div#content_resume th p  {
	margin: 0 .5em;	
	padding: 0;
}

div#content_index td ul, 
div#content_resume td ul {
	margin: 0 .2em 0 1.5em;
	padding: 0;
}

div#content_index td li, 
div#content_resume td li {
	margin: 0 .05em;
	padding: 0 .25em .25em .2em;
}

div#content_index p a, div#content_index ul li a {
	color: #3375b7;
	background-color: #fff;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: .01em;
	padding: 0 .05em;
}

div#content_index p a:hover, div#content_index ul li a:hover {
	color: #fff;
	background-color: #3375b7;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: .01em;
	padding: 0 .05em;
}

/* applied to all pages except index ------------------- */
div#idea {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 30;
	width: 240px;
	height: 150px;
	background:  url(icon_absol.gif) no-repeat 0 0;
}

div#nav_xindex {
	width: 2000px;
	height: 500px;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
	margin: 0;
	padding: 0;
	text-align: left;
	background: transparent url(icon_fixed.gif) no-repeat 0 0 fixed;
}

div#nav_xindex ul {
	margin: 295px 0 0 1.2em;
	padding: 0 0 0 .5em;
}

div#nav_xindex li {
	margin: 0 0 0 .9em;
	padding: .1em .5em;
}

/* applied to resume page ------------------------- */
div#content_resume, 
div#content_id  {
	width: 720px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 40;
	margin: 10px auto 0 260px;
	text-align: left;
}


div#content_resume p {
	line-height: 1.5;
	margin: 0;
	padding: .5em 0;
 }
div#content_resume ul { padding-left: .9em; }

div#content_resume div#skills ul {
	margin-left: 0;
	padding-left: 1em;
}

div#content_resume div#skills th { text-align: left; }

/* applied to portfolio page for sites  -------  */


div#sitelist {
	position: absolute;
	top: 100px;
	left: 0;
	z-index: 20;
	margin: 0 auto 0 260px;
	width: 390px;
}

div#sitelist h3 {
	margin: 30px 0 0 0;
	padding: 0 0 0 50px;
	font-size: 1em;
}

div#sitelist h4 { margin: .5em; }

.popup_box {
	display: none;
	width: 375px;
	position: absolute;
	top: -90px;
	left: 369px;
	z-index: 100;
	border: 1px solid #3375b7;
	background-color: #fff;
	margin: 0 .9em;
	padding: .9em;
}

.popup_box p { margin: .5em; }

.popup_box p img {
	text-align: center;
	padding: .5em;
	border: 1px solid #ccc;
}

/* applied to portfolio page for instr designs  -------  */


div#content_id p img {
	text-align: center;
	padding: .5em;
	border: 1px solid #ccc;
}

/*div#content_id h3 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	color: #333;
	margin: 1.5em .5em 0 0;
	padding-bottom: .1em;
	border-bottom: none;
	letter-spacing: .05em;
}*/

/*div#content_id h4 {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, sans-serif;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	letter-spacing: .01em;
	margin: 0 0 0 60px;
	padding: 0;
}*/

div#content_id h4 {
	margin: .5em 0 0 0;
}
div#content_id p {
	margin: .9em 0 0 0;
	padding: 0 0 0 60px;	
	line-height: 1.5;

}

div#content_id p a, 
div#content_resume p a {
	color: #3375b7;
	background-color: #fff;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: .01em;
}

div#content_id p a:hover, 
div#content_resume p a:hover  {
	color: #fff;
	background-color: #3375b7;
	font-weight: normal;
	text-decoration: none;
	letter-spacing: .01em;
} 


div#nav_bottom {
	position: relative;
	border-top:  1px solid #3375b7;
}

div#nav_bottom ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

div#nav_bottom li {
	display: inline;
	padding: .9em;
}

div.more { border-top: 1px solid #3375b7; }

div.more p { text-align: right; }
div.more p a, div#more p a:hover, {
	font-family: "Gill Sans", "Lucida Sans Console", Verdana, sans-serif;
	font-size: 1em;
	text-align: right;
	font-weight: normal;
	letter-spacing: normal;
}


.go_right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 1em;
}

.go_left { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 1em;
}