﻿/*
CSS for Bubble Under site
*/


body	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #e2edff;
	padding: 10px;
	line-height: 125%;
	}

h1	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: x-large;
	background-color: gold;
	color: red;
	}

h2	{
	font-size: medium;
	color: green;
	font-weight: normal;
	}

li	{
	line-height: 150%;
	font-size: 75%;
	color: orange;
	}

/* ul	{
	font-size: small;
	color: red;
	} */

p	{	
	font-family: Times, "Times New Roman", serif;
	font-size: 120%;
	color: black;
	}

em	{			/* Defining the effect of the em tag */
	text-transform: uppercase;
	}

#header	p			/* Contextual selector */
	{
	font-style: italic;
	font-family: Georgia, Times, serif;
	}

#Hamlet p
	{
	/* font-style: italic; */
	font-family: Tahoma, Times;
	line-height: 150%;
	}

h1, h2, h3	
	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #e2edff;   /* navy; */
	color: black;
	}

a	{			/* Anchor or Link */
	font-weight: bold;
	color: burgundy;
	}

a:link	{		/*Link pseudo-class order must be: link, visited, hover, active */
	color: black;
	}

a:visited	
	{
	color: teal;
	}

a:hover	{
	text-decoration: none;  /* Choices: underline, none, overline, line-through*/
	color:	white;
	background-color: navy;
	}

a:active	
	{
	color: aqua;
	background-color: navy;
	}

.fun	{			/* Class selector */
	color: #330099;
	font-family: Georgia, Times, serif;
	letter-spacing: 0.05em;      /*Spacing between letters based on width of M */
	}

blockquote.fun
	{
	font-style: oblique;
	background-color: tan;
	}
