@charset "UTF-8";
/* CSS Document */

#topbg,
#logo, 
#recipecard,
#tabs,
#bottombg, 
#cakenav,
#aboutcontact{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#logo {
    z-index: 30;
	top: -10px;}
#recipecard{
	z-index: 20;}	
#bottombg{
	z-index: 0;}	
#cakenav{
	z-index: 10;}
#aboutcontact{
	z-index: 35;}
	
.container {
	width: 800px;
	text-align:center;
	background: none;
	margin: 0 auto;}	
	
h1{
	font-family: 'Cambo', serif;
	font-size:14px; 
	font-weight:100;
	letter-spacing: 0px;
	text-decoration:none;
	text-align: center;
	}	
	
a:link {
	color:#600;
	text-decoration: none;
	
}
a:visited {
	color:#600;
	text-decoration: none;
}
a:hover {
	color:#000000
}

a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
	color:#000000
}