/* CSS Document */
* {
margin:0;
padding:0;
}
body {
margin: 0;
padding: 0;
background-color: #65a2c1;
font-family:Geneva, Arial, Helvetica, sans-serif;
color: #000000;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 150%;
font-style: italic;
font-weight: normal;
color: #069;
}
a:link {
color: #65a2c1;
text-decoration:none;
font-weight: bold;
}
a:visited {
color: #65a2c1;
text-decoration:none;
font-weight: bold;
}
a:hover {
color: #b2a34e;
text-decoration:none;
font-weight: bold;
}
a:active {
color: #65a2c1;
text-decoration:none;
font-weight: bold;
}
#wrap {
text-align: left;
margin-left: auto;
margin-right: auto;
width: 750px;
background-color: #ece8c3;
border-left: 4px solid #006699;
border-right: 4px solid #006699;
}
#wrap table {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
#wrap table td {
padding: 5px;
}
#wrap table td img {
margin-left: auto;
margin-right: auto;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html #navigation {
  margin-top: -3px;
  }
.photo_left {
float: left;
margin-right: 15px;
margin-bottom: 10px;
text-align: left;
font-size: 85%;
}
.photo_left img {
border: 1px solid black;
}
.photo_right {
float: right;
margin-left: 15px;
margin-bottom: 10px;
text-align: right;
font-size: 85%;
}
.photo_right img{
border: 1px solid black;
}
#navigation ul {
list-style: none;
margin:0;
padding: 0;
padding-top: 4px;
text-align: center;
}
#navigation li {
text-align: center;
display: inline;
}
#navigation a:link, #navigation a:visited {
padding: 3px 10px 2px 10px;
color: #ffffff;
background-color: #b2a34e;
text-decoration: none;
border: 1px solid #711515;
}
#navigation a:hover {
background-color: #8a7719;
color: #ffffff;
}
#mavigation a:active {
padding: 3px 10px 2px 10px;
color: #ffffff;
background-color: #b2a34e;
text-decoration: none;
border: 1px solid #711515;
}
#footer {
color: #006699;
margin-left: 30px;
margin-right: 30px;
margin-top: 20px;
font-size: 80%;
text-align: right;
}
#content {
width: 640px;
padding: 25px;
color: #000000;
border: 1px solid #65a2c1;
font-size: 12px;
margin-right: auto;
margin-left: auto;
margin-top: 25px;
background-color: white;
}
#recipe_block {
float: right;
background-color: #ece8c3;
padding: 10px;
width: 220px;
border: 1px solid #65a2c1;
}
#recipe_block img {
float: left;
padding-right: 10px;
padding-bottom: 20px;
}
#diet_block {
margin-right: auto;
margin-left: auto;
background-color: #ece8c3;
padding: 20px;
width: 580px;
border: 1px solid #65a2c1;
}
#block {
margin-right: auto;
margin-left: auto;
background-color: white;
padding: 10px;
border: 1px solid #65a2c1;
width: 250px;
}

/* Photo Gallery */

#container {
position: relative;
width: 665px;
height: 396px;
margin: 0px auto 0 auto;
}
#container ul {
padding: 0;
margin: 0;
list-style-type: none;
}

/*Remove the images and text from sight */

#container a.gallery span {
position: absolute;
width: 1px;
height: 1px;
top: 5px;
left: 5px;
overflow:hidden;
background: #fff;
}

/*Adding the thumbnail images */

#container a.gallery, #container a.gallery:visited {
display: block;
color: #000;
text-decoration:none;
border: 1px solid #000;
margin: 2px 2px 2px 2px;
text-align: left;
cursor: default;
}
#container a.slidea {
background:url(images/3_ladies_t.jpg);
height: 60px;
width: 60px;
}
#container a.slideb {
background:url(images/3_ladies2_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidec {
background:url(images/a_walk_t.jpg);
height: 60px;
width: 60px;
}
#container a.slided {
background:url(images/tina_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidee {
background:url(images/karen_baby_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidef {
background:url(images/motorcycle_t.jpg);
height: 60px;
width: 60px;
}
#container a.slideg {
background:url(images/tents_t.jpg);
height: 60px;
width: 60px;
}
#container a.slideh {
background:url(images/finish_line_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidei {
background:url(images/castlerock_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidej {
background:url(images/erika_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidek {
background:url(images/tim_jill_t.jpg);
height: 60px;
width: 60px;
}
#container a.slidel {
background:url(images/karen_bob_t.jpg);
height: 60px;
width: 60px;
}
/* set the size of the unorder list to neatly house the thumnails */

#container ul {
width: 206px;
height: 265px;
}
#container li {
float: left;
}

/* move the thumbnails into the correct position */

#container ul {
margin:  10px 35px 10px 10px;
float: right;
}

/* change the thumbnail border color */

#container a.gallery:hover {
border: 1px solid #fff;
}

/* styling the :hover span */

#container a.gallery:hover span {
position: absolute;
width: 350px;
height: 365px;
top:10px;
left: 35px;
color: #000;
background: #fff;
text-align: center;
}
#container a.gallery:hover img {
border: 1px solid #fff;
float: left;
margin-right: 5px;
}
#container {
background: #fff url(images/erika.jpg) 35px 10px no-repeat;
}