/* CSS Document */

html {
	height:100%;
}

body {
	padding:0; 
	margin:0; 
	height:100%; 
	background:url(images/bg.gif) repeat-x;
	font-size:13px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
}



#logo {
	position:absolute;
	height:auto;
	font-size:0.75em;
	color:#2e7bca;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	text-decoration:none;
	left: 15px;
	top: 514px;
	width: 55px;
}

#credit {
	position:absolute;
	height:auto;
	font-size:9px;
	color:#FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: right;
	text-decoration:none;
	left: 14px;
	top: 587px;
	width: 139px;
}


/* You can change the width of this container to whatever the width of the site is, but
you need to have a width on the container. Check the width of the main table too.*/

#container {
    position:relative;
	margin:0 auto;
	padding:0;
	width:901px;
}


.content {
	line-height:16px;
}



/* ----------- HEADER STYLES ------------ */

h1, h2, h3 {
    font-family:Tahoma;
	color:#49453c;
	font-size:13px;
	display:inline;
	margin:0;
	padding:0;
}



table, td {
	border:0px; 
	border-collapse:collapse;	
}

input, textarea{
	font-size:13px;
    font-family:Tahoma;
	color:#666666;
	line-height:13px;
	vertical-align:top;
	padding:0px;
}

select, input {
	font:13px tahoma, arial, helvetica, sans-serif; 
	color:#49453c; 
	vertical-align:top;  
	text-align:left;
}

img a { 
	border:0px;
}

#wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	width:200px;
	height:auto;
}


/* ------------ CHANGE LINK COLOR HERE ------------ */

a:link{
	color:#666666;
	text-decoration:underline;
}
a:visited {
	text-decoratoin:underline;
	color:#666;
}
a:hover{
	text-decoration:none;
}
a:active {
	text-decoration:none;
}

#address {
	position:absolute;
	top:-92px;
	left:4px;
	width:119px;
	height:auto;
	font-size:0.75em;
	color:#2e7bca;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
	text-decoration:none;
}


#logoarea {
	width:1096px;
	height:118px;
	background-image: url(images/top.gif);
	text-decoration:none;
	text-align:right;
	
}


#home {
	width:518px;
	text-decoration:none;
	text-align:right;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 300px;
	margin-top: 311px;
	margin-right: 40px;
	margin-left: 200px;
}

#friends {
	width:518px;
	text-decoration:none;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 571px;
	margin-top: 40px;
	margin-right: 40px;
	margin-left: 200px;
	text-transform: none;
}

#friends a {
	color:#ffffff;
	text-transform: uppercase;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
}

#bio {
	width:518px;
	text-decoration:none;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 571px;
	margin-top: 40px;
	margin-right: 40px;
	margin-left: 200px;
}

#bio a {
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	
}

#gallery {
	width:638px;
	text-decoration:none;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	height: 571px;
	margin-top: 40px;
	margin-right: 60px;
	margin-left: 60px;
}


.gallerytable {
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.gallerytable a{
	text-decoration:none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #FFFFFF;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#timeline {
	width:758px;
	text-decoration:none;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	height: 100px;
	margin-top: 100px;
	vertical-align: top;
}

#recipe {
	width:458px;
	text-decoration:none;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	height: 170px;
	margin-top: 30px;
	vertical-align: top;
	margin-left: 300px;
}

#recipepic {
	width:358px;
	text-decoration:none;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	height: 411px;
	margin-top: 0px;
	vertical-align: top;
	margin-right: 400px;
}

#recipelong {
	width:688px;
	text-decoration:none;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	margin-top: 30px;
	vertical-align: top;
	margin-left: 50px;
	margin-right: 20px;
}

#recipeside {
	width:161px;
	text-decoration:none;
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #000000;
	height: 100px;
	vertical-align: top;
	padding-left: 30px;
	padding-top: 50px;
}


#timelinefla {
	width:949px;
	text-decoration:none;
	text-align:center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #000000;
	height: 330px;
	padding-top: 81px;
}


#footer {
	width:949px;
	height:25px;
	background-image: url(images/footer_bg.jpg);
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #FFFFFF;
	font-weight: normal;
	font-style: normal;
	text-indent: 20px;
	padding-top: 5px;
}

#footer a {
	color:#FFFFFF;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

#footerdark {
	width:949px;
	height:25px;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #999999;
	font-weight: normal;
	font-style: normal;
	text-indent: 20px;
	padding-top: 5px;
	background-color: #2F2E2D;
}

#footerdark a {
	color:#FFFFFF;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

#footer2 {
	width:929px;
	height:25px;
	background-image: url(images/footerbg.gif);
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	color: #333132;
	font-weight: normal;
	font-style: normal;
	padding-left: 20px;
	padding-top: 5px;
}

#footer2 a {
	color:#999999;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 15px;
}

#content {
	padding-top: 10px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
}
.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
}




/*ul{
	margin:0; 
	padding:0; 
	list-style:none;
}

li{ 
	margin:0px; 
	padding-left:8px; 
	line-height:18px ;
}
li a{
	color:#ffffff; 
	text-decoration:underline;
}
li a:hover{
	color:#ffffff; 
	text-decoration:none;
} */

.clear{clear:both;}

.noshow {
	display:none;
}