/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/slide_show.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

/** This is a tribute to Mr. Stu Nicholls. I have learned more from screwing up his codings than I did from reading books on how to correctly code CSS and HTML. I am eternally grateful to Mr. Nicholls for teaching me, although I have never met him....This CSS sheet was downloaded from his site and changed to suit my site's needs. If you, dear aspired or inspired geek, are reading this I advise you to go to CSS play and study there because Mr. Stu Nicholls is the master of CSS. And Mr. Nicholls, if you are reading this, thank you very much! *hugs* **/

#gallery, #gallery ul {
padding:0; 
margin:10px 0; 
list-style:none;
}

#content_gallery{
background-color: #FFFFFF;
border:1px solid #485970;
margin:10px 0 0 0;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
}

#gallery {
width:764px;
height:764px; 
background:#FFFFFF; 
position:relative;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}

#gallery li {
width:75px; 
background:#485970; 
margin:0 10px; 
float:left;
border:1px solid #485970;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}

#gallery li p {
font: 12px arial, verdana, sans-serif; 
color:#FEFEFE; 
height:25px; 
line-height:25px; 
padding:0 0 0 10px; 
margin:0; 
cursor:pointer;
border:1px solid #EEEEEE;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-radius:5px;
}

#gallery li p.story {
font:12px arial, verdana, sans-serif;
height:25px; 
line-height:18px; 
text-align:left;
padding:0 0 0 10px; 
margin:0; 
cursor:pointer;
border:none;
}

#gallery li.galleryon p {
background:#FFFFFF; 
color:#485971;
font-weight:normal;
}

#gallery ul {
display:none;
}

/*  This contains the thumbnail layout */
#gallery li.galleryon ul {
display:block; 
width:602px; 
height:550px;
background:#FFFFFF; 
padding:15px 80px;
position:absolute; 
left:0; 
top:25px;
}

/* This hide the large photos */
#gallery li.galleryon ul li em {
display:none;
}

/* This is the frame around the thumbnails */
#gallery li.galleryon ul li {
width:118px; 
height:109px;
border:1px solid #000; 
border-color:#eee #444 #000 #ccc; 
float:left; 
margin:0; 
text-align:center; 
padding-top:9px; 
cursor:pointer; 
background:#ECECEC;
}

#gallery li.galleryon ul li span img {
border:1px solid #000000; 
}

#gallery li.galleryon ul li.hz {
padding-top:21px; 
height:97px;
}

/* This is the larger image */
#gallery li.galleryon ul li.page em {
display:block; 
position:absolute;
left:79px; 
top:10px; 
background:#FFFFFF;
height:575px;
width:602px;
}
 
#gallery li.galleryon ul li.hz em {
left:80px; 
top:10px;
}

#gallery li.galleryon ul li.page em img {
display:block;
}

.verticals {
padding:10px 150px;
}

/* This is the lettering contained within the thumbnail layout */
.sub {
font:10px arial, verdana, sans-serif;
height:14px; 
line-height:14px; 
text-align:left;
padding:0; 
margin:0;
}

h6.centered {
color:#7186A3;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-weight:bold;
line-height:12px;
margin:0px auto 5px 10px;
text-align:center;
}

h6 {
color:#7186A3;
font-family:Trebuchet, Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
font-size-adjust:none;
font-style:normal;
font-weight:bold;
line-height:18px;
margin:10px;
text-align:center;
}