/* 40_simple.css
	style sheet for "version 4.0" of RobRoper.com	
	no header 
	horizonal links
	then single div
	then footer 

Dec 5, 2019		Upgraded for 4.0
		Changed background to light purple
		Added more spacing between links
Dec 11, 2019	added background color to body
Feb 10, 2020	changed background color to dark blue 000080
May 23, 2021	changed maroon to a number
				corrected mistake in left align (left out semi-colon)
				moved font classes to top
Aug 6, 2022		added div for Reverbnation players

*/

/* 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: #002443; }
.medblue	{ color: #044476; }
.maroon	{ color: #800000; }
.darkbrown  { color: #3d001c; }
.beige	{ color: #fdebcf; }
.beige-pink	{ color: #feede3; }
.lightpink	{ color: #feedea; }
.darkgreen	{ color: #003b12; }
.medgreen { color: #005b1e; }
.lightpurple { color: #f4e8f0; }
.lightblue { color: #ebf5fc; }
.lightbluegreen { color: #ebf4f3; }

/* formatting the body */
body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 10px;
	background-color: #000080;  /* old purple was #6f559d */  
		}
p	{
	font-size: 100%;
	color: #002443;
	font-family: "Trebuchet MS", Arial, Serif, Sans-serif;
	margin:  0;
	padding: .5em 0 .5em 0;
	line-height: 1.0;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
	}
p.dots	{
	border-bottom: 1px dotted #002443;
	}
a:link	{
	font-weight: bold;
	color: #003f5b; 
	text-decoration: none;
	}
a:visited	{
	font-weight: bold;
	color: #00709e; 			 /* #00709e is light blue */
	text-decoration: none;
	}
table	{
	width: 90%;
	margin: auto;
	border: 1px solid #3d001c;
	text-align: left;
	}

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;
	}

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;
	}

/* 
**************************************************
end of generic stuff
**************************************************
*/

/* 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;
	}
		
.vertnav	{
	clear: both;
	width: 95%; 
	margin: auto;
	padding: 2px;
	border: none; 
/* 1px solid #3d001c; */
	background: transparent;
	text-align: left;
	}

#vnav li  {
	list-style-type: none;
	display: inline;
	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: transparent;
	clear: both; 
	}

/* 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; 
	}

/* ****************************************
	special divs 
****************************************** */
/* for quotes */
#quote	{
	font-family: "American Typewriter", Arial, Serif, Sans-serif;
	width: 80%;
	margin: auto;
	padding: 8px;
	border: 1px solid #3d001c;
	text-align: left;
	background: transparent;
	font-size: 90%; 
	color: black; 
	}

/* div for Reverbnation player */
#player	{
	width: 90%;
	margin: auto;
	padding: 1px;
	background: transparent;
	border: none;
	text-align: center;			
		}