/* This css styles the text in this web site*/

/*The following are fonts used for the site*/

@import url('https://fonts.googleapis.com/css?family=Righteous');

@font-face {
    font-family: 'acmeregular';
    src: url('../fonts/Acme-Regular-webfont.eot');
    src: url('../fonts/Acme-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Acme-Regular-webfont.woff2') format('woff2'),
         url('../fonts/Acme-Regular-webfont.woff') format('woff'),
         url('../fonts/Acme-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Acme-Regular-webfont.svg#acmeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/CaviarDreams-webfont.eot');
    src: url('../fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams-webfont.woff2') format('woff2'),
         url('../fonts/CaviarDreams-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*The following are examples of element selectors*/

body  {
	background-color:#BDCFDB;
	font-family:"Helvetica", "Arial", "sans-serif";
	margin: 50px;
	}

p {
	color:#1F3747;
	font-size:1.1em;
	line-height: 1.3;
	}
	
h1  {
    font-family: 'caviar_dreamsregular';
	color:#E0EBEB;
	background-color:#145252;
	text-align:center;
	text-decoration: underline overline;
	text-transform: none;
	letter-spacing: 2px;
	word-spacing: 5px;
	padding: 10px 0;
	}
	
	
/*The following is an example of a grouped selector*/
	
h3, h4 {
    font-family: 'acmeregular';;
    color:#1F3747;
    margin-bottom: -0.2em;
    margin-top: 3%;
    border-top: 2px solid maroon;
    padding-top: 6px;
	}
	

/* The following are examples of descendant selectors*/
p em  {
	   color:maroon;
	   text-decoration: underline;
	  }
	

ul li { font-size: 0.9em;
		color:maroon;
		padding-bottom: 6px;
		}
		
ol li { font-size: 0.9em;
		color:maroon;
		padding-bottom: 6px;
		}


/*The following is an example of an independent class*/

.special  {
			color: maroon;
			font-weight: bold;
			text-transform: uppercase;
		 }
		 
.purplebold  {
	 color: purple;
	 font-weight: bold;
	 }
	
	
/*The following is an example of a dependent class*/
	
	
p.greenbold  {
			color:green;
			font-weight: bold;
			}
	
	/*The following is an example of a pseudo class*/

	
a {
	color: white;
    }
    
    
a:hover  {
		color: blue;
		 }
		 
nav  {
	background-color: black;
	padding: 10px;
	border-left: 12px solid blue;
	  }
	  
nav ul  {
		list-style-type:none;
		overflow:hidden;
		background-color:black;
		}

nav li {
		float:left;
		}

nav li a  {
		display:block;
		color:white;
		text-align: center;
		padding:4px 8px;
		text-decoration:none;
		}

nav a:hover {
		color:black;
		background-color:lightgray;
		padding: 4px 8px;
			}


/*The following are box model properties applied to images*/

img  {
	border: 3px solid black;
	padding: 15px;
	background-color:white;
	margin: 15px 0;
	}
		
		
img.noborder {
		display:block;
		margin: 0 auto;
		border: hidden;
		padding:0;
		background-color:transparent;
		}

/*The following are float properties applied to images*/

img.floatleft  {
					float: left;
					margin-right: 25px;
					}
					
img.floatright  {
					float: right;
					margin-left: 25px;
					}
					
.clear   {
			clear:both;
			}