/* CSS Document */

body {
background-image:url(img/background.gif);
background-repeat:repeat;
background-position:center;
margin:0px;
padding:0px;
font-family: "Century Gothic",Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
height:100%;
}
.smallheading {
font-size:12px;
font-style:italic;
font-weight:bold;
}
a {
color:#c98b90;
text-decoration:none;
font-weight:bold;
}
.heading {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
margin-bottom:3px;
}
.rcptheading {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#000000;
margin-bottom:3px;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
}
.headingrecipe {
font-size:15px;
color:#000000;
font-style:italic;
font-weight:normal;
margin-bottom:10px;
}
#wrapper {
width:715px;
height:100%;
padding:0px;
margin:0px;
}
#heading {
margin-top:10px;
width:100%;
height:100%;
float:left;
margin-left:0px;
text-align:left;
}
#rcptheading {
margin-top:10px;
width:100%;
height:100%;
float:left;
margin-left:0px;
text-align:left;
}
#headingoverview {
margin-top:10px;
width:190px;
height:100%;
float:left;
margin-left:0px;
text-align:left;
}
#content {
margin-top:20px;
width:480px;
height:100%;
float:left;
margin-left:0px;
margin-bottom:25px;
}
.head {
background-image:url(img/header.jpg);
background-repeat:no-repeat;
height:241px;
width:715px;
}
.summertime {
background-image:url(img/summertime.gif);
width:341px;
height:66px;
float:left;
}
.login {
background-image:url(img/password.gif);
width:237px;
height:23px;
}
.email {
background-image:url(img/email.gif);
width:237px;
height:23px;
}
.selected {
color:#c98b90;
width:10px;
}
.copy {
margin-top:0px;
width:470px;
height:100%;
float:left;
margin-left:0px;
text-align:left;
line-height:18px;
}
.print {
background-image:url(img/print.gif);
margin-top:10px;
width:113px;
height:23px;
float:left;
margin-left:0px;
}
input.password {
margin-left:80px;
margin-top:4px;
border:none;
background-color:#FFFFFF;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
input {
border:thin;
border-width:1px;
border-color:#c98b90;
background-color:#FFFFFF;
height:14px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
input.register {
border:solid;
border-width:1px;
border-color:#000000;
background-color:#FFFFFF;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
width: 180px;
}
input.register {
border:solid;
border-width:1px;
border-color:#000000;
background-color:#FFFFFF;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
width: 180px;
}
.submit {
border:solid;
border-width:0px;
border-color:#000000;
height:22px;
width:13px;
background-image:url(img/login-button.gif);
border:solid 0px;
cursor: pointer;
margin-left: 12px;
margin-top: 0px;
}
.search-bg {
background-image:url(img/search-bg.gif);
background-repeat: repeat;
width:138px;
height:21px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:left;
padding-left:5px;
padding-top:3px;
margin-bottom:15px;
}
/* recipes */

#recipesnav {
margin-top:15px;
width:280px;
height:100%;
float:left;
margin-left:0px;
text-align:left;
font-size:11px;
}
#recipesnav2 {
width:280px;
height:100%;
float:left;
margin-left:0px;
text-align:left;
font-size:11px;
}
.recipecopy {
width:310px;
height:100%;
float:right;
margin-left:0px;
text-align:left;
font-size:11px;
line-height:15px;
}
.recipepics {
width:155px;
height:100%;
float:left;
margin-left:0px;
margin-right:10px;
}
.recipecaption {
margin-top:3px;
width:110px;
height:100%;
float:left;
margin-right:10px;
margin-left:0px;
font-size:10px;
text-align:left;
line-height:13px;
}
.recipe1 {
background-image:url(img/citrussalad.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe2 {
background-image: url(img/kuducarpaccio.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe3 {
background-image:url(img/roosterkoek.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe4 {
background-image:url(img/aubergine.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe5 {
background-image:url(img/samoosas.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe6 {
background-image:url(img/dolmades.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe7 {
background-image:url(img/figs.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe8 {
background-image:url(img/prawns.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe9 {
background-image:url(img/limefish.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}
.recipe10 {
background-image:url(img/summersalad.gif);
margin-top:10px;
margin-bottom:10px;
margin-right:10px;
width:110px;
height:106px;
float:left;
}

/* thumbnails */ 

#thumbnails {
width:100%;
height:105px;
float:left;
}
.thumbnail1 {
background-image:url(img/tag.gif);
background-repeat: none;
border:thin;
border-style:solid;
border-color:#c98b90;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
width:110px;
height:105px;
float:left;
}
.thumbnail2 {
background-image:url(img/coaster2.gif);
background-repeat: none;
border:thin;
border-style:solid;
border-color:#c98b90;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
width:110px;
height:105px;
float:left;
}
.thumbnail3 {
background-image:url(img/runner.gif);
background-repeat: none;
border:thin;
border-style:solid;
border-color:#c98b90;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
width:110px;
height:105px;
float:left;
}
.thumbnail4 {
background-image:url(img/table-card.gif);
background-repeat: no-repeat;
border:thin;
border-style:solid;
border-color:#c98b90;
margin-top:10px;
margin-bottom:10px;
margin-right:5px;
width:110px;
height:105px;
float:left;
background-position:center;
}
#thumbcap {
width:100%;
height:100%;
float:left;
margin-top:10px;
}
.thumbcaption {
margin-top:10px;
width:110px;
height:100%;
float:left;
margin-right:10px;
margin-left:0px;
font-size:11px;
text-align:left;
}

/* navigation */

#nav {
margin-top:20px;
width:200px;
height:100%;
float:left;
}
.navtop {
background-image:url(img/nav-top.gif);
width:143px;
height:23px;
}
.navlinks {
background-image:url(img/nav-links.gif);
width:143px;
height:23px;
}
.navsearch {
background-image:url(img/nav-search.gif);
width:143px;
height:23px;
margin-top:15px;
}
.nav-button {
background-image:url(img/button.gif);
width:148px;
height:67px;
margin-top:15px;
margin-bottom:15px;
}
.navbg {
background-image:url(img/nav-bg.gif);
background-repeat: repeat;
width:132px;
height:17px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:left;
padding-left:11px;
padding-top:3px;
margin-bottom:0px;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 143px;
	}
	
ul li {
	position: relative;
	}

li ul {
	position: absolute;
	top: 0;
	display: none;
	left: 140px;
	width:190px;
	}

ul li a {
	display: block;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	height:18px;
	background-image:url(img/nav-bg.gif);
	padding-left:11px;
	padding-top:2px;
	}
	
ul li.nav-recipes a {
	display: block;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	height:17px;
	border-bottom: 0;
	background-image:url(img/recipes-bg.gif);
	}	
	
ul li.nav-recipes2 a {
	display: block;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	height:17px;
	border-bottom: 0;
	background-color:#c98b90;
	background-image:none;
	list-style-type:none;
	padding-top:3px;
	}	

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { 
	display: block; }
	
/* footer */
	
#footer {
width:100%;
}
.footer {
background-image:url(img/footer-bg.gif);
background-repeat:no-repeat;
background-position:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:44px;
width:705px;
text-align:left;
float:left;
padding-top:1px;
padding-left:10px;
margin-bottom:0px;
}