@charset "utf-8";
/* CSS Document */
/* jQuery lightBox plugin - Gallery style */
/*  This layout is for sample purposes
    Feel free to edit it to suit your needs */

/* Edits changelog by Stanley Watt:
	first edited : 	2009 10
	revisions:		2013 03 19

	Note: this style sheet pertains to the pre-clicked-on layout of icons, 
	and the galleries that contain them, whilst the lightbox_custom.css pertains to the
	clicked-on layout
*/

/* the following members are for a custom framed table setup (which I havne't really used yet) */
#FrameBarHoriz {
	background-image: url(../images/frames/Frame01Horiz.png);
	background-repeat: repeat-x;
}
#FrameBarVert {
	background-image: url(../images/frames/Frame01Vert.png);
	background-repeat: repeat-y;
	width: 20px;
}
#FrameBarCorner {
	background-image: url(../images/frames/Frame01corner.png);
	background-repeat: no-repeat;
}
#FrameBarCornerUL {
	background-image: url(../images/frames/Frame01cornerUL.png);
	background-repeat: no-repeat;
}
#FrameBarCornerUR {
	background-image: url(../images/frames/Frame01cornerUR.png);
	background-repeat: no-repeat;
}
#FrameBarCornerLL {
	background-image: url(../images/frames/Frame01cornerLL.png);
	background-repeat: no-repeat;
}

#FrameBarCornerLR {
	background-image: url(../images/frames/Frame01cornerLR.png);
	background-repeat: no-repeat;
}
#FrameCaption {
	color: #CCC;
	background-color: #666;
	border-color: #CCC;
	padding: 10px;
	text-align: left;
}

/* these are specific to a table context */
#FrameSidebar {
	background-color: #777;
	/*background-repeat: repeat;*/
	/*background-image: url(../images/wrap/WrapJacaranda001.jpg);*/
	padding: 10px;
	text-align: left;
	color: #DDD;
	background-repeat: repeat;
}
#box1 {
	color: #444;



	background-color:#FFF
	padding: 10px;
	background-color: #ACA59B;
	padding: 10px;
	text-align: left;
	
}
#box2 {
	color: #DDD;
	background-color: #777;
	padding: 10px;
	text-align: left;

}

#box2shotlist {
	color: #E1E1E1;
	background-color: #6B6B6B;
	padding: 5px 10px 10px 30px;
	text-align: left;
}

#boxMovieDivider {
	color: #CCC;
	background-color: #555;
	padding: 0px;
}

#box3 {
	color: #CCC;
	background-color: #666;
	padding: 10px;
	text-align: left;
}

.lbGallery {
	background-color: #444;
	background-image: url(../images/wrap/WrapJacaranda001.jpg);
	background-repeat: repeat;
	color: #555;
	padding: 10px 10px 10px 0px;
	margin-bottom: 0px;

}
.lbGallery ul { list-style: none; }
.lbGallery ul li { display: inline; }
.lbGallery ul img {/* this defines the 'polaroids' (thumbnails) */
	border: 10px solid #555; /*this defines the 'polaroids' non-hover border color*/
	margin:0 4px 4px 0;	/* this defines the spacing between the polaroids/thumbnails  (It is added to another value in place that already separates them by 5 pixels)*/
	border-width: 5px 5px 13px;
}
.lbGallery ul a:hover img {/* the hover over the polaroids */
	border: 10px solid #000;
	border-width: 5px 5px 13px;
	margin:0 4px 4px 0;	/* this defines the spacing between the polaroids/thumbnails. (It is added to another value in place that already separates them by 5 pixels) */
	color: #fff;
}
.lbGallery ul a:hover { 
color: #fff; 
}

.demoGallery {
	background-color: #444;
	background-image: url(../images/wrap/WrapJacaranda001.jpg);
	background-repeat: repeat;
	color: #555;
	padding: 10px 20px 10px 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.demoGallery ul {
	list-style: none;
	vertical-align: baseline;
	margin: 0px;
}
.demoGallery ul li { display: inline; }
.demoGallery ul img {/* this defines the 'polaroids' */
	border: 10px solid #4D4D4D; /*this defines the 'polaroids' non-hover border color*/
	border-width: 5px 5px 10px;
	margin: 0 4px 4px 0; /*this defines the spacing between the polaroids/thumbnails. (It is added to another value in place that already separates them by 5 pixels) */
}
.demoGallery ul a:hover img {/* the hover over the polaroids */
	border: 10px solid #000;
	border-width: 5px 5px 10px;
	color: #fff;
	margin: 0 4px 4px 0; /*this defines the spacing between the polaroids/thumbnails. (It is added to another value in place that already separates them by 5 pixels) */
}
.demoGallery ul a:hover { 
color: #fff; 
}

.fltrtBtn { /* this class can be used to float an element left in your page */
	float: right;
	text-align: center;
}
.fltlftBtn { /* this class can be used to float an element left in your page */
	float: left;
	text-align: center;
}
.Shade1 {
	color: #CCC;
}
.Shade2 {
	color: #555;
}
.Shade3 {
	color: #444;
}
.Bshade1 {
	background-color: #ACA59B;
	padding: 10px;
}
.Bshade2 {
	background-color: #858585;
	padding: 10px;
	text-align: left;
	color: #DDD;
}