/*	styles.css
	by Steven DeMott
	version 1.1	2006-10-17
	*** VALID CCS ***
	To link to this stylesheet place the following code in the HTML head:
	<link rel="stylesheet" rev="stylesheet" href="styles.css">
*/

/*	Colors Used In FountainPenMusic.com
	dark yellow = e8d58e
	light yellow = f8e59e
	green = 83825b
	dark green = 757449
*/

/*	=========	GLOBAL DECLARATIONS	=========	*/

a img { border: 0; }

a:link, a:active, a:visited {
	text-decoration: none;
	color: maroon;
}

a:hover {
	text-decoration: underline;
	color: maroon;
}


body
{
	margin: 0px;
	background-color: #333333;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 14px;
	line-height: 1.2em;
}

/*	=========	HTML ELEMENTS	========= */

h1, h2, h3, h4, h5, h6 {
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1pt;
	margin: 0 0 6px 0;
	padding: 0;
}

h1 { font-size: 18px; }

h2 { font-size: 16px; }

h3 { font-size: 14px; }

h4 { font-size: 12px; }

h5 { font-size: 11px; }

h6 { font-size: 10px; }

blockquote {
	margin: 0 36px 0 36px;
	padding: 12px 12px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
	line-height: 1.2em;
	font-style: normal;
	font-variant: inherit;
	font-weight: normal;
	letter-spacing: .1em;
	background-color: #83825b;
}

p {
	margin: 0 0 12px 0;
	padding: 0;	
}


/*	=========	CLASS ELEMENTS	=========	*/
	
	
/*	=========	LAYOUT ELEMENTS	=========	*/

/* 
	612px;	the width of a 8.5" piece of paper
	760px;	the width for 800x600 screens
	900px; use for 1024x768 screens
*/

#contentarea
{
	width: 760px;
	margin: 0 auto;
	background-image: url('images/background2tone.png');
	background-repeat: repeat-y;
}

#header {
	width: 760px;
	height: 128px;
	margin: 0 auto;
	padding: 0;
	background-color: #83825b;
}

#footer {
	clear: both;
	width: 748px;
	min-height: 4em;
	margin: 0 auto;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: white;
	background-color: #83825b;
}

#footer a:link, #footer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e8d58e;
	text-decoration: none;
}

#footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: e8d58e;
	text-decoration: underline;
}

#main {
	float: left;
	width: 574px; 		/* 738 total width */ 
	margin: 0;
	padding: 12px;
	background-color: transparent; /* #f8e59e; */
	color: #382712;
	text-align: justify;
}

#sidenav {
	float: right;
	width: 138px; /* 162 total width */
	min-height: 400px;
	margin: 0;
	padding: 11px;
	background-color: transparent; /* #e8d58e; */
	text-align: right;
	line-height: 2em;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: maroon;
}

#sidenav a:link, #sidenav a:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: maroon;
	text-decoration: none;
}

#sidenav a:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: white;
	background-color: maroon;
	text-decoration: none;
}

#callout {
	width: 144px;
	margin: 0;
	padding: 0;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	color: inherit;
	background-color: inherit;
}