/* 40_lyrics.css
	style sheet for lyrics pages of RobRoper.com	

Dec 14, 2019	converted for 4.0
		copied wrap, hoznav and hnav from 40_simple.css
1/1/2020	increased contents div from 33% to 40% so Wave the Flag doesn't wrap
2/10/2020	add background body color to #000080 dark blue

*/

/* formatting the body */
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 5px;
	background-color: #000080;  /* old purple was #6f559d */
	}
p	{
	font-size: 100%;
	color: #01172e;
	margin:  0;
	padding: .5em 0 .5em 0;
	line-height: 1.0;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	}
a:link	{
	font-weight: bold;
	color: #003f5b; 
	text-decoration: none;
	}
a:visited	{
	font-weight: bold;
	color: #00709e; 			 /* #00709e is light blue */
	text-decoration: none;
	}

/* formatting the headers */
h1	{
	font-family: "Marker Felt", Arial, Serif, Sans-serif;
	font-size: 200%; 
	margin: 0 auto; 
	padding: 3px 3px; 
	width: 100%; 
	font-weight: bold;
	text-align: center;
	}

h2	{
	font-family: "Marker Felt", Arial, Serif, Sans-serif;
	font-size: 150%; 
	margin: 0 auto; 
	padding: 2px 2px; 
	width: 100%; 
	font-weight: bold;
	text-align: center; 
	}

h3	{
	font-family: "Marker Felt", Arial, Serif, Sans-serif;
	font-size: 120%; 
	margin: 0 auto; 
	padding: 2px 2px; 
	width: 100%; 
	font-weight: bold;
	text-align: center; 
	}

h4	{
	font-family: "Trebuchet MS", Arial, Serif, Sans-serif;
	font-size: 100%; 
	margin: 0 auto; 
	padding: 2px 2px; 
	width: 100%; 
	font-weight: normal;
	}

h5	{
	font-family: "Trebuchet MS", Arial, Serif, Sans-serif;
	font-size: 80%; 
	margin: 0 auto; 
	padding: 2px 2px; 
	width: 100%; 
	font-weight: normal;
	}

h6	{
	font-family: "Trebuchet MS", Arial, Serif, Sans-serif;
	font-size: 70%; 
	margin:0 auto; 
	padding: 2px 2px; 
	width: 100%; 
	font-weight: normal;
	}

/* fonts */
.arial			{ font-family: Arial, Serif, Sans-serif; }
.chalkboard	{ font-family: Chalkboard, Arial, Serif, Sans-serif; }
.casual		{ font-family: Casual, Arial, Serif, Sans-serif; }
.comic		{ font-family: "Comic Sans MS", Arial, Serif, Sans-serif; }
.cracked		{ font-family: Cracked, Arial, Serif, Sans-serif; }
.dakota		{ font-family: "Handwriting - Dakota", Arial, Serif, Sans-serif; }
.marker		{ font-family: "Marker Felt", Arial, Serif, Sans-serif; }
.monaco		{ font-family: Monaco, Arial, Serif, Sans-serif; }
.optima		{ font-family: Optima, Arial, Serif, Sans-serif; }
.palatino		{ font-family: Palatino, Arial, Serif, Sans-serif; }
.trebuchet		{ font-family: "Trebuchet MS", Arial, Serif, Sans-serif; }
.typewriter		{ font-family: "American Typewriter", Arial, Serif, Sans-serif; }

/* alignment */
.center	{ text-align: center; }
.left		{ text-align: left }

/* colors */
.black	{ color: black; }
.darkblue	{ color: #01172e; }
.medblue	{ color: #044476; }
.maroon	{ color: maroon; 	}
.darkbrown		{ color: #3d001c; }
.medbrown		{color: #744a00; }
.beige	{ color: #fdebcf; }
.beige-pink		{ color: #feede3; }
.lightpink	{ color: #feedea; }
.darkgreen	{ color: #003b12; }
.medgreen { color: #005b1e; }
.lightorange	{color: #ef9c00;}
.medorange	{color: #c98300;}

/* formatting the div's */
/* wrap goes around entire body, all divs */
#wrap { 	
	margin-right: auto;
	margin-left:  auto;
	padding: 0;
	border: 1px solid #3d001c;
	max-width: 1000px;
	min-width: 700px;
	background-color:  #f4e8f0;
	}


/* horizonal navigation div, inside wrap, below header */
.hoznav	{
	clear: both;
	width: 990px; 
	margin: auto;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #feedea;
	}

/* for some reason, this only works as id, not class.  I don't understand.  */
#hnav li  {
	list-style-type: none;
	display: inline;			/* inline means horizonal. default is vertical */
	padding-left: 5px;
	padding-right: 25px;
	padding-top:  2px;
	padding-bottom: 2px;
	font-family: "Marker Felt", Arial, Serif, Sans-serif;
	}
		
/* below nav, inside wrap, a wrap consisting of two vertical divs */
#main	{
	width: 95%; 
	margin: auto;
	padding: 2px;
	text-align: center;
	background: url(../gif/background-marble-beige-1-200x200.gif) repeat;
	}

/* table of contents div */
#contents	{
	width: 40%; 
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	}

/* formatting the table of contents list */
#contents li  {
	list-style-type: none;
	padding-top:  2px;
	padding-left:  30px;
	font-family: "Trebuchet MS", Arial, Serif, Sans-serif;
	font-size: 100%; 
	}

/* footer div at bottom, inside wrap */
#footer {	
	clear: both; 
	background-color: #feedea;
	width: 100%;
	margin: auto;
	padding: 0;
	border-top: 1px solid #3d001c;
	text-align: center; 
	}