@charset "UTF-8";

/* CSS Document Author: Edith Harvey (edited)
Purpose: Style Sheet for Slideshow for Ken's Country Kitchen
File: slideshow.css */



/* Credited to http://www.freehtml5templates.co.uk and used with permission
Edits were made by Edith Harvey to fit the site it is being used for */


ul { 
  margin: 2px 0 22px 30px;
  line-height: 1.7em;
  font-style: normal;
  font-size: 100%;}

/* Class slideshow main settings for magines, etc 
  /* Adjusted the margin-top to 0px because I wanted the chat box I added and this slide show to be flush to the top of their columns together instead of the slideshow being offset a bit down (EEH) */

  .slideshow
{ width: 500px;
height: 400px;
margin-top: 0px;

}
/* styling for the slideshow on the homepage */
ul.slideshow {
list-style: none;
width: 500px;
height: 400px;
overflow: hidden;
position: relative;
margin: 0;}

ul.slideshow li {
position: absolute;
margin: 0;
padding: 0;
left: 0;
right: 0;}

ul.slideshow li.show {
z-index: 500;}

ul img {
border: none;}
/* end styling for the slideshow on the homepage */ 
/* Original slideshow CSS needed for the caption option credited to the author FreeHTML5Templates.co.uk */
/* Some properties were tweaked by EEH to fit the page design and sizes */
#slideshow-caption {
width: 500px;
height: 40px;
position: absolute;
bottom: 0;
left: 0; 
z-index: 500;
}
#slideshow-caption .slideshow-caption-container {
padding: 0px 5px; 
background: transparent url(../images/transparent.png) repeat;  
z-index: 1000;
}
#slideshow-caption p {
padding: 0;
font: normal 100% "Comic Sans MS", "Century Gothic", Arial, sans-serif;
color: #FFF;
text-shadow: 1px 1px #000000; /* black shadow */
}
/* end slideshow CSS needed for the caption portion */