/*	CSS for jennharp.com
	Cathie Toshach 2007
*/

@import "scaffold.css"/**/;
@import "yui-fonts.css"/**/;
@import "yui-reset.css"/**/;
@import "lightbox.css"/**/;

body {
	height: 100%;
}

h1 {
	font-size: 120%;
	color: #993399;
	letter-spacing: .1em;
	padding-top: 20px;
	padding-bottom: 20px;
}

a {
	font-family: Arial, "MS Trebuchet", sans-serif;
	text-decoration: underline;
	color: #993399;
}

a:hover {
	color: #993399;
	text-decoration: none;
}

#topNavSecondary a, #topNavHome a {
	font-family: Arial, "MS Trebuchet", sans-serif;
	text-decoration: none;
	color: black;
}

#topNavSecondary a:hover, #topNavHome a:hover {
	color: #993399;
	text-decoration: none;
}

/* Accessibility Styling */
.access {
	display: none;
}

/* Home Page Styling */
#mainDiv {
	margin: 0 auto;
	/* margin-top: 5%; */ /* Removed when navigation was moved to top instead of bottom. */
	background-color: #cccbcc;
	width: 800px;
	height: 500px;
}

#mainDiv #left {
	width: 400px;
	float: left;
}

#mainDiv #left img {
	margin: 50px 38px;
	border: solid 1px black;
}

#mainDiv #right {
	width: 398px;
	height: 498px;
	background-image: url(../siteimages/logo-home.jpg);
	background-repeat: no-repeat;
	background-position: 35px 145px;
	float: right;
}

#topNavHome {
	width: 800px;
	padding: 0;
	margin: 0 auto;
	margin-top: 5%; /* Added when navigation was moved to top instead of bottom. */
	clear: both;
	font-size: 115%;
}

#topNavHome ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#topNavHome ul li {
	margin-left: 0;
	padding: 0 60px;  /* When all navigation is active, padding: 0 32px; */
	border: none;
	list-style: none;
	display: inline;
	text-align: center;
}

#topNavHome ul li.start {
	text-align: left;
	padding-left: 5px;
	color: #993399;
	font-weight: bold;
}

#topNavHome ul li.end {
	text-align: right;
	padding-right: 0;
}

/* Secondary Pages Styling */
#outerDiv {
	margin-top: 20px;
	padding: 0;
	height: 100%;
}

#innerDiv {
	margin: 0 auto;
	border: solid 8px #ccc;
	width: 714px;
	height: 100%;
	padding: 20px;
}

#topNavSecondary {
	padding: 0;
	margin: 0 auto;
	width: 770px;
}

#topNavSecondary img.logo {
	float: left;
	margin-top: -2px; /*  Image just barely overlapped border; this fixes it (in Firefox/Mac at least) */
}

#topNavSecondary ul.nav {
	text-align: right;
	padding-top: 30px;
}

#topNavSecondary ul.nav li {
	display: inline;
}

#topNavSecondary ul.nav li.active {
	color: #993399;
	font-weight: bold;
}

.headshotContact {
	border: 1px solid black;
	float: left;
}

ul.photos {
	margin: 0 auto;
}

ul.photos li {
	display: inline;
	padding-left: 12px;
}

ul.photos li img {
	border: solid 4px #ccc;
}

table#resume {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
	
table#resume tr td {
	padding: 4px 8px 0 0;
	vertical-align: top;
	width: 33%;
}
	
table#resume tr td.title {
	padding-top: 30px;
	padding-bottom: 2px;
}
	
table#resume tr td.titleTop {
	padding-top: 0px;
	padding-bottom: 2px;
}
	
table#resume tr td.title h2, table#resume tr td.titleTop	 h2 {
	color:	#434343;
	font-size: 14px;
}
	
table#attributes {
	width: 150px;
	border-collapse: collapse;
	border: 0;
	padding: 0;
	height: 0;
	margin-bottom: 30px;
}

p.resumeDownload {
	margin-top: 20px;
}