@charset "utf-8";

/* Standard style sheet for jpatricklamont.com. */

/* Main menu (paragraph of links - lists caused issues with IE). Assumes specified at start of body. */
#menu p
{
	font-family: sans-serif;
	font-size: large;
}
#menu a
{
	text-decoration: none; /* Remove the underline from the link. */
	text-align: center;
	margin-left: 25px;
	width: 87px;
}

/* Header or banner. Assumes specified immediately after menu. */
#header
{
	width: 620px; /* Designing for the lowest common denominator. */
	text-align: center;
}
#header h1
{
	text-transform: uppercase;
	font-family: sans-serif;
	letter-spacing: 3px;
	word-spacing: 7px;
}
#header h2
{
	line-height: 10%;
	font-family: sans-serif;
	letter-spacing: 1px;
	font-size: large;
}

/* Main content of page. */
#content
{
	margin-left: 274px; /* Kludge for IE7's improper handling of float. */
	width: 330px;
	padding: 8px;
	text-align: justify;
}
#content h1
{
	font-size: large;
	font-style: italic;
}
#content p
{
	font-size: larger;
	line-height: 120%;
}
#content ul
{
	list-style-position: inside; /* Keeps bullets inside margin. */
}
/* Main content overrides for excerpts. */
#content.excerpt p
{
	text-align: justify;
	text-indent: 1.5em; /* Indent paragraph. */
	margin-top: 0;
	margin-bottom: 0;
	font-size: 100%;
}
#content.excerpt p.initial:first-letter
{
	font-size: 125%;
}
#content.excerpt p.no-indent
{
	/* Sibling selectors (p + p) aren't supported in IE6. */
	text-indent: 0;
	margin-bottom: 0;
}
#content.excerpt blockquote p
{
	text-align: center;
	text-indent: 0;
	position: relative; /* Adjust so that it does not wrap in the narrow column. */
	left: -10px;
	width: 275px;
}

/* Main graphic of page (such as a book cover). Not a background image. */
#main-graphic
{
	float: left; /* Display on the left-hand side of the page. */
	border: thick solid;
}

/* Footer. Assumes specified last. */
#footer
{
	clear: both; /* Insure footer starts below main graphic. Clears float. */
	width: 100%;
	padding-top: 8px;
}

/* Define color scheme. */
body, #main-graphic
{
	background-color: black;
}
#menu p, #menu a
{
	background-color: #e3d2ae; /* Money paper color. */
}
#menu a:link, #menu a:visited
{
	color: #5a704b; /* Money green ink color. */
}
#header h1, #menu a:hover, #menu a:active
{
	color: #c20000; /* Blood red, from the title font on the book cover. */
}
#header h2, #footer
{
	color: #f7f7f7; /* A less bright white, from the trilogy font on the book cover. */
}
#content
{
	background-color: #fbdc81; /* Legal-pad yellow, from the origami crane on the book cover. */
}