/* CSS Document */
body {
margin:0;
padding:0;
background-color:#cecece;
}
#topbar {
margin-left:15px;
}

#banner {
border:0;
height:150px;
display:block;
width:100%;
float:left;
}
#wrapper {
width:100%;
float:left;
margin-right:-230px;
margin-top:10px;
}
#content {
margin-right:250px;
}
#main {
margin-left:220px;
text-align:justify;
}
/*padding goes clockwise starting with the top*/
#leftside {
width:200px;
float:left;
padding:0 10px 0 80px;
}
#rightside {
width:200px;
padding:10px 10px 0 0px;
float:right;
}
#footer {
clear:both;
border-top:10px solid #9999CC;
}
#footer .red_nav {
color:#FF0000;
}

p {
/*font-size:100%;
font:Arial, Helvetica, sans-serif;*/
font:80%/1.8em Arial, Helvetica, sans-serif;
padding-top:0;
margin-top:0;
}
form {
margin:0;
padding:0;
}
/* styles for the nav menu - remove padding and margin */
#nav ul {
margin:0;
padding:0;
}
#nav {
text-align:left;
margin:0;
height:4em;
padding:0px 0 0px 0px;
text-decoration:none;
font-size:100%;
}
#nav a:link, #nav a:visited {
background-color:#524872;
color:#FFF;
text-decoration:none;
}
#nav a:hover, #nav a:active {
background-color:#cecece;
/*background-color:#DFECD9;*/
color:#524872;
text-decoration:none;
}

/*styles for photo gallery*/
#pictureWrapper {
width:200px;
float:right;
text-align:left;
font-weight:bold;
margin:0px 0px 0px 0;
}
#pictureWrapper p {
width:275px;
margin:0px;
padding:0px;
}
#mainpic {
width:200px;
float:right;
border-width:0px;
caption-side:bottom;
}
#picCaption {
word-spacing:normal;
caption-side:bottom;
}
#pageNav {
margin-right:250px;
}

#mainpic img{
margin:0px 0px 0px 0px;
}
#thumbnails {
min-height:150px;
}
#thumbnails img {
margin:0px 0px;
border:none;
}
#thumbnails table {
margin:0px 0px;
}
#gallery_thumbnails img {
margin:auto;
}

#pageNav {
width:100px;
margin:0px auto;
}
#pageNav img {
float:left;
border:3px;

}
#iconPhoto 
{
float:left;
margin-right:25px;
margin-top:25px;
margin-left:25px;
}

hr {
color:#000000;
width:90%;
}

/*Styles for KDS page*/

#mainKDSPhoto {
width:106px;
height:61px;
float:left;
margin-right:3px;
border-width:0px;
caption-side:bottom;
}

#mainKDSStory {
text-align:justify;
}

#mainKDSStory img {
width:300px;
height:180px;
}

#mainKDSStory .icons {
width:100%;
height:100%;
}

/*styles for stories*/
#mainpicPhoto 
{
width:100px;
float:left;
margin-right:3px;
border-width:0px;
caption-side:bottom;
}
#mainpicPhoto2 
{
width:100px;
float:right;
margin-left:3px;
border-width:0px;
caption-side:bottom;
}
#mainpicStory
{
text-align:justify;
}
/* styles for contact form */
#name, #email {
width:200px;
font-size:12px;
}
#message {
width:500px;
height:150px;
font-size:12px;
}
label {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
.warning {
color:#F00;
}

#main_recipes {
margin-left:220px;
width:500px;
text-align:justify;
}


#random_picture {
float:right;
margin:0px 0px 0px 50px;
}

#random_picture img {
width:142px;
height:144px;
}

/* Border and background color for the random image. */

.picBorder {
background-color: #fff;
padding:2px;
border: #000000 solid 1px;
}

/* The caption on the front page. */

p#caption {
margin:0px;
padding:3px 0px 5px 0px;
font-weight:bold;
text-align:center;
}

.recipes {
text-align:left;

}

/*styles for random recipe image*/

.floatRight {
float:right;
padding:10px;
}

#backlink {
clear:both;
}