/*
	
	Hi, I knocked this together in a few minutes. There are better examples of CSS work to copy
	
	*/
	
	
body {
	background-color: 000;
 -moz-font-smoothing:antialiased;
 -webkit-font-smoothing:antialiased;
 background:#fffff8;
 color:#404040;
 font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", "Liberation Serif", "Nimbus Roman No9 L Regular", Georgia, serif;
 font-size:97.5%;
 font-smoothing:antialiased;
 line-height:1.8em;
 text-rendering:optimizeLegibility;
 height: 100%;
 margin: 0;
	}


.sans {font-family: "Liberation Sans", "Nimbus Sans L", "Gill Sans", "Gill Sans MT", Calibri, "Helvetica Neue", Helvetica, Arial, sans-serif;}

.serif {font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", "Liberation Serif", "Nimbus Roman No9 L Regular", Georgia, Times, "Times New Roman", serif;}

.mono {font-family: "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;}


	
.bg {	
  background-image: url("i/Crayons_1.jpg");
  background-repeat: no-repeat;
  min-height: 1600;
  min-width: 2272;
  max-height: 1704;
  max-width: 2272;
  margin: 0px;
}

.flox {
  margin: 100px;
  padding: 50px;	
  background-color: fff;
  opacity: 0.6;	
  border-radius: 25px;
  min-width: 300px;
  max-width: 900px;
  float:left;	
}

		a {
			color: #00e;
			text-decoration: none;
		}
		
			a:visited {
				color: #00e;
				text-decoration: none;
			}
		
			a:focus {
				outline: thin dotted;
			}
		
			a:hover,
			a:active {
				outline: 0;
				color: #e00;
				text-decoration: underline;
			}