/* CSS Document */
body {
	margin: 0px;
	background-color: #351d00;
	color: #000000;
	font-family: arial, helvetica, sans serif;
	font-size: small;
	font-style: normal;
	font-weight: normal;
	line-height: 1.3;
	text-align: center;
    }    
    
/* container for all content */
#container {
	width: 980px;
	margin: 19px auto 0px auto;
	border: 3px solid #fff;
	color: #000;
	background-color: #999;	
	}    

/* nav */
#nav { 
	border: 0px solid #000;
	margin: 0px;
	padding: 0px;
	color: #660000;
	background-color: #f2af00;
	text-align: right;
	width: 150px;
	}
#nav h1 {
	font-family: arial, helvetica, sans serif;
	font-size: 150%;
	font-weight: bold;
	text-align: right;
	margin: 152px 14px 19px 19px;
	letter-spacing: .06em;
	color: #e04a00 /*#cc6600; /*#cc9900; /* CC9900 */  /* 886601 */
    }
#nav h1 a:link {
	color: #e04a00;
	text-decoration: none;
	}
#nav h1 a:visited {
	color: #e04a00;
	text-decoration: none;
	}
#nav h1 a:hover {
	color: #e04a00;
	text-decoration: underline;
	}
/* less top margin for second nav heading */
#nav .second {margin-top: 24px;} 
/* the tiny top left corner text */
#nav h2 {
	font-family: arial, helvetica, sans serif;
	font-size: 85%;
	font-weight: bold;
	text-align: right;
	margin: 16px 14px 36px 19px;
	letter-spacing: .02em;
    }
#nav li { font-family: arial, helvetica, sans serif;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.2;
	margin: 0px 14px 19px 0px;
	list-style: none;
	text-transform: uppercase;
	letter-spacing: .11em;
}
#nav a:link {color: #351d00; text-decoration:underline;} /* 996600 /* 886601 */  /* cc6600 */  /* a67c00 */
#nav a:visited {color: #996600; text-decoration:underline;} /*CC9900 */
#nav a:hover {color: #e04a00; text-decoration:underline;}
#nav a:active {color: #fff; font-weight: bold; text-decoration:none;}

/* these rules style nav links in a "you are here" fashion for the page you're on...  */
#nav a.here:link {color: #e04a00; text-decoration:none;} /* 996600 /* 886601 */  /* cc6600 */  /* a67c00 */
#nav a.here:visited {color: #e04a00; text-decoration:none;} /*CC9900 */
#nav a.here:hover {color: #e04a00; text-decoration:none;}
#nav a.here:active {color: #e04a00; font-weight: bold; text-decoration:none;}

/* the style switcher */
#nav p.switcher { border: 0px solid #996600;
	border-top: 1px dashed #996600;
	border-bottom: 1px dashed #996600;
	font-family: arial, helvetica, sans serif;
	font-size: 70%;
	font-weight: normal;
	line-height: 1.6;
	margin: 48px 14px 19px 0px;
	padding: 0px;
	padding-top: 14px;
	padding-bottom: 14px;
	list-style: none;
	letter-spacing: .11em;
	}

/* content */
#contenttd {
    border: 0px;
	margin: 0px;
	padding: 0px;	
     color: #fff;
     background-color: #f2af00;
	text-align: left;
	background-image: url(rightsideart_vs840rip3.jpg);
	background-position: top right; 
	background-repeat: no-repeat;
	}
#content {
	height: 100%;
     border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	padding-top: 36px;
     font-size: small;
	line-height: 1.8;
	text-align: left;
	color: #fff;
	background-color: #000;
	background-image: url(contentwell.jpg);
	background-position: top left; 
	background-repeat: no-repeat;
	width: 409px;
	}
#content ul, ol {
	margin: 0px 36px 19px 28px;
	color: #ffeec3;
	}
#content p {
	margin: 0px 36px 19px 28px;
	font-family: arial, helvetica, sans serif;
	font-size: small;
	line-height: 1.3;
	font-weight: normal;
	text-align: left;
	color: #ffeec3; /* #f2af00; */
	}
	
				/* rules for lyric styling only */
				#content #lyrics p {
					margin: 0px 10px 19px 28px;
					font-family: arial, helvetica, sans serif;
					font-size: .85em;
					line-height: 1.6;
					font-weight: normal;
					text-align: left;
					color: #ffeec3; /* #f2af00; */
					}
				#content #lyrics h2 {
					margin: 19px 36px 4px 28px;
					font-family: arial, helvetica, sans serif;
					font-size: 120%;
					line-height: 1.2;
					font-weight: bold;
					text-align: left;
					color: #ff9900;
					}
				#content #lyrics h3.nobreak {
					margin: 0px 36px 12px 28px;
					font-family: arial, helvetica, sans serif;
					font-size: 75%;
					line-height: 1.2;
					font-weight: normal;
					text-align: left;
					color: #fff;
					letter-spacing: .12em;
					}
				/* rules for lyric styling */
		
#content p.credits {
	margin: 108px 36px 0px 28px;
	font-family: arial, helvetica, sans serif;
	font-size: 90%;
	line-height: 1.3;
	font-weight: normal;
	text-align: left;
	color: #ff9900;
	border: 0px;
	border-bottom: 37px solid #000;
	}
#content h1 { /* for 'chriswilliams.com' heading only! */
	margin: 8px 19px 2px 28px;
	font-family: arial, helvetica, sans serif;
	font-size: 300%;
	line-height: 1.2;
	font-weight: bold;
	text-align: left;
    color: #f2af00;
	}
#content h2 {
	margin: 72px 36px 19px 28px;
	font-family: arial, helvetica, sans serif;
	font-size: 120%;
	line-height: 1.2;
	font-weight: bold;
	text-align: left;
	color: #fff;
	}
#content h2.nobreak {
	margin: 0px 36px 19px 0px;
	font-family: arial, helvetica, sans serif;
	font-size: 120%;
	line-height: 1.2;
	font-weight: bold;
	text-align: left;
	color: #fff; /* #ff9900; */
	}
#content h3 {
	margin: 0px 36px 19px 28px;
	font-family: arial, helvetica, sans serif;
	font-size: 90%;
	line-height: 1.2;
	font-weight: bold;
	text-align: left;
	color: #ff9900;
	}
#content h3.nobreak /* reserved only for subhead of domain title */ {
	margin: 0px 0px 0px 28px;
	font-family: arial, helvetica, sans serif;
	font-size: 135%;
	line-height: 1.2;
	font-weight: normal;
	text-align: left;
	color: #fff;
	letter-spacing: .12em;
	}

		
#content a:link {color: #fff;
text-decoration:underline; }

#content a:visited {color: #8c8c8c;
text-decoration:underline; }

#content a:hover {color: #ccc;
text-decoration:underline; }

#content a:active {color: #FF9900;
text-decoration:none; }


#content li a:link {color: #ff9900;
text-decoration:underline; }

#content li a:visited {color: #ff9900;
text-decoration:underline; }

#content li a:hover {color: #ffeec3;
text-decoration:underline; }

#content li a:active {color: #fff;
text-decoration:underline; }



/* buttons & such */

input.button { color: #000;
	background-color: #F0E68C;
	font-family: Georgia, "New Century Schoolbook", Times, serif;
	font-weight: bold;
	font-size: 80%;
	line-height: 1.5;
	text-align: center;
	margin-top: 5px; }