@charset "utf-8";
/* CSS Document */
body{
	font-family: 'Inconsolata', monospace;
}

h1, h2, h3 {
	font-family: 'Ubuntu', sans-serif;
}

p {
	font-family: 'Indie Flower', cursive;
}
	
blockquote {
	font-family: 'Pacifico', cursive;
}

q {
	font-family: 'Shadows Into Light', cursive;	
}
	
cite {
	font-family: 'Special Elite', cursive;
	}
	
list {
	font-family: 'Boogaloo', cursive;	
	}
header {
	background-color: #bbff00;
	color: #663300;
}

#vertical_nav	
{ 
	border: solid 0.1em #e1e1e1; 
	border-radius: 1em; 
	margin: 0; 
	padding: 0 0.5em 1.5em 0.5em; 
	width: 10em;
	color: inherit; 
	background-color: inherit; 
}

#vertical_nav ul 
{ 
	margin: 0; 
	padding: 0; 
	color: inherit; 
	background-color: inherit; 
}
#vertical_nav li	 
{ 
	margin: 1em 0 0 0; 
	padding: 0; 
	list-style: none; 
	color: inherit; 
	background-color: inherit; 
}

#vertical_nav a 
{ 
	margin: 0; 
	padding: 0 1em; 
	display: block; 
	text-decoration: none; 
	border-bottom: 1px solid #A8BFCF; 
	color: crimson; 
	background-color: lightcoral; 
	border: 1px outset #7D0BC9;
	border-radius: 15px;
}
#vertical_nav a:hover 
{ 
	border-bottom: solid 1px #ffa20f; 
	color: inherit; 
	background-color:#DC4E4E; 
}

#horizontal_nav	
{ 
	border: solid 0.1em #e1e1e1; 
	border-radius: 1em; 
	margin: 0; 
	padding: 0 0.5em 1.5em 0.5em; 
	width: 100%;
	color: inherit; 
	background-color: inherit; 
	display: inline;
}

#vertical_nav ul 
{ 
	margin: 0; 
	padding: 0; 
	color: inherit; 
	background-color: inherit; 
	display: inline;
}

#horizontal_nav li	 
{ 
	margin: 1em 0 0 0; 
	padding: 0; 
	list-style: none; 
	color: inherit; 
	background-color: inherit;
	display: inline;
}	

#horizontal_nav a 
{ 
	margin: 0; 
	padding: 0 1em; 
	display: inline; 
	text-decoration: none; 
	color: inherit; 
	background-color: lightcoral; 
	border: 1px dotted #7D0BC9;
	border-radius: 15px;
}
#horizontal_nav a:hover 
{ 
	border-bottom: solid 1px #ffa20f; 
	color: inherit; 
	background-color:#DC4E4E; 
}


#main_section{
	background-color: #3D0542;
	color: #0BBBDE;
}

section,header,footer {
	border-radius: 15px;
	border: 1px dashed #4a4; 
	margin: .5em; 
	padding: .5em; 
}
a:hover {
	border-bottom: 3px solid #4a4;
	background-color: green; 	
}


footer{
	background-color: #00A800;
	color: #91070F;
}