/*---BASICS-----------------------------*/

body {
    background: url(images/background_pattern.png) repeat #333333;
	font: 75%/1.4em Verdana, "Lucida Grande", sans-serif;
	margin: 0; padding: 0;
	color: #000000; 
	}

#wrapper
{
	position: relative; 
	width: 800px; 
	margin: 0 auto;

	margin-top: 20px;
}

p 
{
	/* padding:0; margin:0; */
}

ul, ol, li 
{ 
	/* list-style: none; padding: 0; margin: 0; */
	padding-bottom: 5px;
}

.clear 
{ 
	clear: both; height: 1px; line-height: 1px;
}

a:link, a:visited, a:hover 
{ 
	/* color: #232323;  */
}

a:link img, a:visited img
{ 
	border: none;
}

a:focus, a:active, a:visited 
{
	outline: none; 
}

.noUnderline 
{
	text-decoration: none;
}

h1 {
	text-align: center;	
	margin: 0;
	padding: 0;
	font-size: 1.8em;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 1.3em;
}

div#portrait {
	position: absolute; 
	xxxright: 30px;
	xxxtop: -5px;
	right: 0px;
	top: -5px;	
}

div#contact {
	text-align: center;
	xxxmargin-top: 17px;	
	height: 150px;
	position: relative;
}


/* HEADER */

#header
{
	width: 790px;	
	margin-bottom: 20px;
	border: solid 2px #888888;
	background: white;
}

#header #headerThomasBak {
	float: left;
	padding-left: 10px;	
}

#header #headerResume {
	float: left;
	padding-left: 150px;	
}

#header #headerPortfolio {
	float: left;
	padding-left: 60px;	
}

/* CONTENT */

#contentBorder
{
	width: 790px; 
	padding: 2px;
	xxxbackground-color: #0000ff; 
	background-color: #888888;
}

#contentCenter
{   
	width: 750px; 
	padding: 20px 20px 20px 20px;
	background-color: #ffffff; 
}



/* FOOTER */

#footer
{
	padding: 22px 0px 0px 0px;
}


/*---TOP-----------------------------*/

#top { 
	position: relative; top: 0; left: 0; width: 900px; 
	height: 136px; /* relative to height next = where white starts */
	}
      
ul#menuTop {
	position: absolute; left: 428px; top: 10px; width: 455px; height: 18px; /*adj left and width if add menu item + 3 places below + in footer*/
	}
ul#menuTop li {
	float: left; width: 60px; height: 18px; border-right: 1px solid #ffffd8;
	}
ul#menuTop li.resume {
    width: 44px;
	}
ul#menuTop li.portfolio {
    width: 44px;
	}

ul#menuTop li a {
	display: block; width: 100%; text-indent: -999em;
	}
ul#menuTop li.resume a {
	background: url(topMenu.gif) no-repeat 0 -18px; 
	}
ul#menuTop li.portfolio a {
	background: url(topMenu.gif) no-repeat -128px -18px;
	}
ul#menuTop li.resume a:hover, body#resume ul#menuTop li.resume a { 
	background: url(topMenu.gif) no-repeat -128px 0;
	}
ul#menuTop li.resume a:hover, body#resume ul#menuTop li.resume a { 
	background: url(topMenu.gif) no-repeat -233px 0;
	}
body#index ul#menuTop li.home a, body#about ul#menuTop li.about a, body#index ul#menuTop li.home a:hover, body#about ul#menuTop li.about a:hover {
	/* cursor: default; */ 
	}



	
/*---CONTENT - FIRST PAGE ----------------------------*/

.contentWrap { 
	float: left; width: 860px; padding: 0 20px 10px 20px; 
	display: block;  
	}
.topPatch {   
	float: left; width: 860px; height: 9px; background-color: #ffffff;
	}
#contentMid { 
	position: relative; float: left; width: 502px;
	background: url(grainsDonated.jpg) 35px bottom no-repeat;
	height: 330px; /* HEIGHT FIRST MIDDLE SECTION--- */
	}



/* TEST */

div#coverup {
	z-index: 100;
	width: 100%;
	height: 2000px;
	background: #000000;
	position: absolute;
	top: 0;
	left: 0;

	font: 36px Verdana, "Lucida Grande", sans-serif;
	color: #ffffff;
}

/* Use DIVs instead of tables */

div.sectionHeader {
	background-color: #CCCCCC;
	padding: 5px;
	margin-bottom: 8px;	
}

div.job {	
	margin-bottom: 10px;
}

div.job div.jobTitle {
	font-weight: bold;
	padding: 2px 0 2px 0;	
}

div.job div.jobDates {
	font-style: italic;
}

div.sectionText {
	padding: 5px;
	margin-bottom: 15px;	
}

div.downloadLinks {
	padding: 10px 0 10px 0;
}