/**
 * Galleria (http://monc.se/kitchen)
 *
 * Galleria is a javascript image gallery written in jQuery. 
 * It loads the images one by one from an unordered list and displays thumbnails when each image is loaded. 
 * It will create thumbnails for you if you choose so, scaled or unscaled, 
 * centered and cropped inside a fixed thumbnail box defined by CSS.
 * 
 * The core of Galleria lies in it's smart preloading behaviour, snappiness and the fresh absence 
 * of obtrusive design elements. Use it as a foundation for your custom styled image gallery.
 *
 * MAJOR CHANGES v.FROM 0.9
 * Galleria now features a useful history extension, enabling back button and bookmarking for each image.
 * The main image is no longer stored inside each list item, instead it is placed inside a container
 * onImage and onThumb functions lets you customize the behaviours of the images on the site
 *
 * Tested in Safari 3, Firefox 2, MSIE 6, MSIE 7, Opera 9
 * 
 * Version 1.0
 * Februari 21, 2008
 *
 * Copyright (c) 2008 David Hellsing (http://monc.se)
 * Licensed under the GPL licenses.
 * http://www.gnu.org/licenses/gpl.txt
 *

CSS Edited By:
************************************
Jessica Dooley
email: jessica.dooley@rezstream.com
website:http://www.rezstream.com
***********************************/

#galleria_container{
text-align:center;
width:640px;
}

#main_image{
margin:0 auto 18px auto;
width:550px;
height:400px;
}

#main_image img{
max-height:400px;
margin-bottom:0px;
padding:1px;
border:4px solid #854c08;
}

.galleria_wrapper{
text-align:center;
width:550px;
}

.galleria_gal,
.galleria{
margin:0 auto;
width:640px;
text-align:center;
list-style:none;
}

.galleria_gal li,
galleria li{
float:left !important;
display:block;
width:55px;
height:45px !important;
margin:0 8px 10px 8px !important;
overflow:hidden !important;
line-height:normal !important;
}

.galleria li{
width:55px;
height:45px !important;
overflow:hidden !important;
}

.galleria li a{
display:none;
}

.galleria li div{
position:absolute;
display:none;
top:0;
}

.galleria li div img{
cursor:pointer;
}

.galleria li.active div img,
.galleria li.active div{
display:block;
}

.galleria li img.thumb{
cursor:pointer;
top:auto;
display:block;
width:auto;
height:auto;
}

.galleria li .caption{
display:block;
padding-top:.5em;
}

* html .galleria li div span{
width:400px;
} /* MSIE bug */

.galleria_nav{
clear:both;
text-align:center;
padding-top:15px;
letter-spacing:1px;
}

.caption{
font-style:italic;
text-align:center;
}