/* CSS Document */


html {
	/* Moz */
	height: 100%; }

body {
		margin:0; 
		padding:0; 
		width:100%;
		font-size:100%;
		font-weight:200;
		font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
		background-color:#222222 }
		
#background {
		position:absolute; z-index:1; width:100%; height:100%; color:black }	

#logo {
		position:relative;
		top:30px;
		color:#990000;
		font-size:300%;
		font-stretch:extra-expanded;
		font-weight:900;
		text-align:center; }				
					
#menu_bar {
		position: relative;
		top:60px;
		text-align:center;
		border:none;
		vertical-align:middle;
		margin: 0px;
		padding: 0;
		z-index:10; }
		
#menu_bar ul { 
		position: relative;
		vertical-align:middle;
		text-align:center;
		display: inline;
		list-style: none;
		outline: none; 
		margin: 0 auto; 
		padding: 0;
		border:none; 
		width:100%; }

#menu_bar li {
		position: relative;
		vertical-align:middle;
		text-align:center;
		text-decoration:none;
		font-size:120%;
		background-color:#222222;
		outline: none;
		display:inline;
		list-style:none;
		width: 100px; 
		margin: 0; 
		padding: 0px 30px 0px 0px; }

.clearer {
		clear: both; 
		visibility: hidden;
		text-decoration:none;
		border:none;
		line-height: 0; }		

#content {
		position: relative; top:120px; left:auto;
		min-width:200px;
		max-width:800px;
		height:auto;
		width:90%;
		color:white;
		margin:auto;
		padding: 20px 30px 10px;
		border-top: 1px solid #444;
		border-right: 1px solid #444;
		border-bottom: 1px solid #444;
		border-left: 1px solid #444;
		font-family:"Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;
    	font-size:100%;
		text-align:justify; }			
			
#chapter {
		color:white;
		font-size:110%;
		font-weight:bold;
		line-height:120%; }				
				
#food_pic {
		height:200px; 
		width:150px;	 
		vspace:50px; 
		hspace:50px; 
		padding:3px; 
		margin-right:20px; }		
	
a:link {
		font-family:Times, Arial, Verdana, sans-serif;
		font-size:90%;
		color:grey;
		outline: none;
		text-decoration:none; }
		
a:visited {
		font-family: Arial, Verdana, sans-serif;
		font-size:90%;
		color :grey;
		text-decoration:none; }
		
a:hover {
		font-family: Arial, Verdana, sans-serif;
		font-size:90%;
		color: red;
		text-decoration:none; }
		
a:active {			
		font-family: Arial, Verdana, sans-serif;
		font-size:90%;
		color : gold;
		outline: none;
		text-decoration:none; }

a:focus {
		-moz-outline-style: none; }