/*
 * Style for Professional Intro site
 */

body {
	font-size:		12pt;
	background-color:	#c3d9ff;
	padding:		0em;
	margin:			0em;

	font-family:
				verdana,
				helvetica,
				arial,
				sans-serif;
}

pre {
	font-size:		0.8em;
	font-family:		monospace;
}

/* try to override the legacy <table border=0> in the output */
table {
	border:			0px transparent !important;
}

/*
 * regular links to find anywhere
 */
a {
	color:			blue;
	font-weight:		bold;
	text-decoration:	none;
}
a:hover {
	color:			white;
	background-color:	purple;
}

/*
 * header bars for each section of the inline HTML
 * copy of the resume have to match the header bar
 * itself, and they should be the same always no
 * matter if mouse is hovering or if we have seen
 * the page, so they should all be the same
 */
.section a,
.section a:hover,
.section a:visited {
	color:			blue;
	background-color:	transparent;
}

/*
 * links with nested images (i.e. for the site logo)
 */
.logo a,
.logo a:hover,
.logo a:visited {
	color:			transparent;
	background-color:	transparent;
}

label,input,select {
	outline:		none;
}

div.centered {
	text-align:		center;
}
	
label {
	cursor:			hand;
}

div.limit-body-width {
	max-width:		40em;
}

div.outerdiv {
	width:			100%;
}

/****************************************************************************/

/*
 * header
 */

	.header {
		float:			top;
		width:			auto;
		min-height:		130px;	/* for logo */
		margin:			8px;
		color:			black;
		background-color:	#fff;
		border:			1px solid #000;
		text-align:		center;
	}
	.header ul {
		margin:			0;
		padding:		0 0 0 0;
		list-style:		none;
		font-weight:		bold;
		font-size:		1em;
		white-space:		nowrap;
		display:		inline;
	}

	.header li,
	.header ul {
		display:		inline;
		white-space:		nowrap;
	}

	.header h2,
	.header h3,
	.header h4  {
		padding:		0px 0px 0px 0px;
		background:		#c3d9ff;
	}

/*
 * title
 */
	.titleandcrumbs {
		margin-left:		1em;
		margin-right:		1em;
		border:			0px solid #000;
		overflow:		hidden;  /* essential */
	}
	.title {
		text-transform:		uppercase;
		padding:		0em;
	}
	.title h3 {
		color:			black;
		font-style:		normal;
	}

/*
 * misc
 */
	.breadcrumbs {
		text-transform:		lowercase;
		font-variant:		normal;
		margin-bottom:		3px;
	}

	.logo {
		float:			left;
		margin:			1em;
	}

	.literal-block {
		background:		#f5f9ff;
		color:			#220066;
		margin:			1em;
		padding:		2px;
		border:			1px solid blue;
		border-radius:		5px;
	}

/*
 * data
 */
	.content {
		float:		bottom;
		margin:		8px;
		width:		auto;
		background:	#fff;
		border:		1px solid #000;
		padding:	+1em;
	}

	.content h1,
	.content h2,
	.content h3,
	.content h4 {
		color:		blue;
		background:	#c3d9ff;
		font-style:	italic;
	}

	.content ul,
	.content li {
		list-style:	square;
	}

	.content p {
		white-space:	normal !important;
	}

/****************************************************************************/

/*
 * We want the document-supplied title, which is promoted to
 * an h1, to be invisible because we already have our own
 * via the ReST page-title value that's h2; it should remain
 * in the page becase we still want it to be visible in the
 * Latex/PDF version.
 *
 * XXX TODO Note that this won't work with e.g.
 * elinks...this should be fixed properly by removing it
 * from the input to docutils for the online-html case.
 */
#professional-resume-of-scott-m-mcdermott h1,
#professional-projects h1 {
	display:	none;
}

#professional-resume-of-scott-m-mcdermott li,
#professional-projects {
	white-space:	nowrap;
}