/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/


/* GALLERY CONTAINER */
div.galleryContainer	{margin:0px auto;}
#photos					{visibility:hidden;}

/* LOADING BOX */
.loader		{background:#dddddd url('../galleryView/loader.gif') no-repeat center center;}

/* GALLERY PANELS */
.panel  {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay	{overflow:hidden;}

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay		{}
div.panel-overlay h2		{display:block; font-weight:normal; font-size:19px; margin:8px 10px -8px 10px; position:relative;} /* have already side - 10px */
div.panel-overlay p			{display:block; font-weight:normal; font-size:15px; margin:10px 10px 0px 10px;} /* have already side - 10px */
.panel .panel-overlay a		{color:#ffffff; text-decoration:underline; font-weight:bold;}

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
div.strip_wrapper		{}
ul.filmstrip			{}
ul.filmstrip li.frame	{list-style-type:none !important; list-style-image:none !important;}

/* FRAME IMAGES */
li.frame .img_wrap			{}
.frame .current .img_wrap	{}
ul.filmstrip li.frame img	{}

/* FRAME CAPTION */
.frame .caption				{height:auto !important; font-size:13px !important; line-height:15px !important; padding:5px 2px 6px 2px !important;}
.frame .current .caption	{}

/* POINTER FOR CURRENT FRAME */
#pointer		{}
#pointer IMG	{z-index:9999 !important;}

/* Arrows */
#photos IMG.nav-next    {}
#photos IMG.nav-prev    {}