/**
 * 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
***********************************/
#gal_wrapper{
float:right;
width:268px;
margin:10px 0;
padding:0 0 0 16px;
}

#gal_wrapper p{
float:right;
width:268px;
margin:-5px 0 8px 0;
text-align:right;
font-size:.75em;
}

#main_image{
float:right;
width:262px;
height:156px;
border:3px solid #71afe8;
}

#main_image img{
margin-bottom:2px;
}

ul.galleria_avv{
float:right;
width:268px;
text-align:right;
list-style:none;
margin:0 0 5px 0;
}

ul.galleria_avv li{
float:right;
display:block;
width:14px;
height:14px;
padding:0;
margin:5px 3px;
overflow:hidden;
}

ul.galleria_avv li a{
display:none;
}

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

ul.galleria_avv li div img{
cursor:pointer;
}

ul.galleria_avv li.test div img,
ul.galleria_avv li.test div {
display:block;
}

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

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

.galleria_container span.caption{
display:block;
width:268px;
margin:0 0 0 0;
text-align:center;
}

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

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