* :focus { outline: 0; }

body
{
	background-image:url('images/pattern.jpg')
}

#header {
	position: absolute;
}

#logo-top{
	position: absolute;
	left: 19px; top: 70px;
}

#quote-top{
	position: absolute;
	left: 412px;
}

#buttonbar {
	position:absolute;
	left: 836px; top: 140px;
	width: 200px; height: 24px;
	font-size:11px;
	font-family:"Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-weight: bold;
}

.buttonbar a { text-decoration: none;}
.buttonbar a:link {color: black}     /* unvisited link */
.buttonbar a:visited {color: black}  /* visited link */
.buttonbar a:hover {color: black}   /* mouse over link */
.buttonbar a:active {color: black}   /* selected link */

#contactme-button {
	position: absolute;
	width: 100px;
	left: 84px;
}

#contactme-button img {
	margin-left: 5px;
	margin-top: 0px;
}

#home-button {
	position: absolute;
	width: 65px;
	left: 0px;
}

#home-button img {
	margin-left: 5px;
	margin-top:0px;
}

#menubar { 
	position: absolute;
	display: table-cell;
	top: 170px; left:26px;
	width: 993px;
	color:black;
	font-size:14px;
	font-family:"Georgia", "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-weight: bold;
	line-height: 19px;
}

a img { border: none;}
#menubar a { text-decoration: none;}
#menubar a:link {color: black}     /* unvisited link */
#menubar a:visited {color: black}  /* visited link */
#menubar a:hover {color: darkgrey}   /* mouse over link */
#menubar a:active {color: darkgrey}   /* selected link */

#aboutme-item {
	position: absolute;
	text-align: center;
	width: 190px;
	height: 19px;
	padding-top: 5px; padding-bottom: 5px;
	border: 1px solid black;
}

#aboutbody #aboutme-item {
	/*border-bottom: 1px dotted black;*/
	/*color: white;*/
	z-index: 1;
	border: 1px solid white;
}

#aboutbody #aboutme-item a {
	color: white;
}

#contact-item {
	position: absolute;
	left: 191px;
	width: 38px;
	height: 15px;
	padding-top: 7px; padding-bottom: 7px;
	border: 1px solid black;
	text-align: center;
}

#contactbody #contact-item {
	border-bottom: 1px dotted black;
}

#print-item {
	position: absolute;
	left: 230px;
	text-align: center;
	width: 190px;
	height: 19px;
	padding-top: 5px; padding-bottom: 5px;
	border: 1px solid black;
}


/*******/
#printbody #print-item {
	/*border-bottom: 1px dotted black;*/
	/*color: white;*/
	z-index: 1;
	border: 1px solid white;
}

#printbody #print-item a {
	color: white;
}
/*********/

#identity-item {
	position: absolute;
	left: 421px;
	text-align: center;
	width: 190px;
	height: 19px;
	padding-top: 5px; padding-bottom: 5px;
	border: 1px solid black;
}

#identitybody #identity-item {
	/*border-bottom: 1px dotted black;*/
	/*color: white;*/
	z-index: 1;
	border: 1px solid white;
}

#identitybody #identity-item a {
	color: white;
}

#web-item {
	position: absolute;
	left: 612px;
	text-align: center;
	width: 190px;
	height: 19px;
	padding-top: 5px; padding-bottom: 5px;
	border: 1px solid black;
}

#webbody #web-item {
	/*border-bottom: 1px dotted black;*/
	/*color: white;*/
	z-index: 1;
	border: 1px solid white;
}

#webbody #web-item a {
	color: white;
}

#illustrations-item {
	position: absolute;
	left: 803px;
	text-align: center;
	width: 190px;
	height: 19px;
	padding-top: 5px; padding-bottom: 5px;
	border: 1px solid black;
}

#illustrationsbody #illustrations-item {
	/*border-bottom: 1px dotted black;*/
	/*color: white;*/
	z-index: 1;
	border: 1px solid white;
}

#illustrationsbody #illustrations-item a {
	color: white;
}

#content {
	position: absolute;
	top: 230px; left: 26px;
	width: 993px; height: 400px;
	text-align: center;
}

#main-quote img {
	padding-top: 80px;
}

#about-box {
	display: table-cell;
	position: absolute;
	left: 230px;
	width: 762px; height: 400px;
	text-align: left;
	font-size: 14px;
	font-family:"Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	
}

#nav-box {
	display: table-cell;
	position: absolute;
	left: 230px;
	width: 762px; height: 30px;
	/*border: 1px solid black;*/
	border: 1px solid white;
	text-align: center;
	vertical-align: middle;
}

#nav-box #nav-links {
	padding-right: 10px;
	line-height: 30px;
	font-size: 12px;
	font-family:"Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

#nav-links a { text-decoration: none;}
#nav-links a:link {color: white}     /* unvisited link */
#nav-links a:visited {color: white}  /* visited link */
#nav-links a:hover {color: darkgrey}   /* mouse over link */
#nav-links a:active {color: darkgrey}   /* selected link */

#nav-links .bar {
	color: white;
}

#image-box {
	position: absolute;
	left: 230px; top: 40px;
	width: 762px; height: 360px;
}

#image-box img {
	display: none;
	margin-left: auto; margin-right: auto;
}

#info-box {
	position: absolute;
	top: 40px;
	width: 190px; height: 360px;
	/*border: 1px solid black; */
}

#info-box #info-name {
	padding-top: 3px; padding-left: 3px;
	font-size:14px;
	font-family:"Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-weight: bold;
	text-align: left;
}

#info-box #info-subtitle {
	padding-top: 3px; padding-left: 3px;
	font-size:11px;
	font-family:"Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	font-style: italic;
	text-align: left;
}

#info-box #info-studentwork {
	padding-top: 3px; padding-left: 3px;
	font-size:10px;
	font-family:"Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
	text-align: left;
}

#info-box #info-studentwork #studentwork-text {
	color: black;
}

#info-box #info-piecelinks {
	padding-top: 30px; padding-left: 3px;
	text-align: left;
}

#info-box #info-piecelinks img {
	margin-left: 1px; margin-right: 3px;
}

#footer {
	position: absolute;
	top: 670px; left: 26px;
	width: 995px; height: 10px;
	border-top: 1px solid black;
}