/* CSS Document */

.e2_photo_gallery {
 width:900px;
 margin:0px auto;
 min-width:387px;
 color:#fff;
}

.e2_photo_gallery .bd .c .s {
 margin:0px 8px 0px 4px;
 padding:1em;
 width:387px;
}

/* content-specific */


.e2_photo_gallery p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}

html>body .e2_photo_gallery pre {
 font-size:1.1em;
}
body{background:none;}
#mainImage {position:relative; float:left; width:300px;}
#main_image_wrapper{position:absolute;top:0px;left:0px;border:none; background: #fff url(../gallery/rsrc/loading_image.gif) no-repeat 50% 50%; width:300px; height:auto;}

#imgloader{position:absolute; left:0px;top:0px;width:300px;text-align:center;vertical-align:middle;}
#thumbbox{border:none;text-align:left;width:570px;position:relative;padding:0; margin:0; float:right;}
#thumb_container{position:relative;overflow:hidden;width:556px;height:400px;margin:0px; float:right;padding:0px;}
/*#thumbs img{vertical-align:top;}*/
.thumbcolumn img { width:60px; height:60px; float:left;margin:0 34px 34px 0; padding: 7px 12px 13px 12px; background:url(../gallery/rsrc/thumb_frame.gif) top left no-repeat}
.thumbcolumn a {position:relative;}
.thumbcolumn {float:left; width:600px; height:330px;margin:0px; border-bottom: 1px dotted #000;}
/*#thumbs a img{border:2px solid #2E302C;margin: 0 38px 0 0}*/
/*#thumbs a:hover img{border:2px solid #2E302C;}*/
/*#thumbs a:hover{color:red;}*/

#mainimgnav {
	position:absolute;
	top:-25px;
	width:300px;
	height:15px;
	padding:5px 0 0 5px;
	}

#photocount{
	width:100px;
	height:30px;
	font-size:1.1em;
    margin:0 auto;
	color:#000;
	padding:0 60px 0 0;
	position:absolute;
	left:0;
	top:4px;
	z-index:90;
	text-align:center;
	}
#back{position:absolute;top:418px;left:800px;visibility:hidden;z-index:91; font-size:1.3em;padding-left:0px; background:url(../gallery/rsrc/prevPage.gif) left 5px no-repeat;}
#more{position:absolute;top:418px;left:852px;float:right;z-index:90; font-size:1.3em; padding-right:15px; background:url(../gallery/rsrc/nextPage.gif) right 5px no-repeat;}
#back:hover{background:url(../gallery/rsrc/prevPage_hover.gif) left 5px no-repeat;}
#more:hover{background:url(../gallery/rsrc/nextPage_hover.gif) right 5px no-repeat;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:100;  filter: alpha(opacity=0);opacity:0; width:5000px;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_info{width:260px;position:absolute; left:353px; top:345px; color:#000;}
#iptc_info_right{width:260px;position:absolute; left:540px; top:345px; color:#000; display:none;}
#iptc_btn{width:110px;position:absolute; left:585px; top:345px; color:#000; z-index:200; font-size:.9em;}
#iptc_btn a { text-decoration:underline;
    padding-right:8px;
	background:url(../images/link_triangle.gif) right 5px no-repeat;}
#iptc_btn a:hover { color:#999;}
.iptc_left p{display:block; width:165px;padding:0 20px 0 0;  float:left; clear:both; color:#000;  font-size:1.3em; line-height:1.4em; border-right:1px dotted #000;}
.iptc_left{float:left;}

.iptc_right{float:left; margin-left:47px;}

#rightmore li a{display:block;color:#000;text-decoration:none;width:100%;padding:0 18px 0 0;height:20px; margin-left:4px;}
#rightmore li a:hover{color:#999;height:20px;}
#leftmore li a{display:block;color:#000;text-decoration:none;width:100%;padding:0 0 0 18px;height:20px;width:35px;}
#leftmore li a:hover{color:#999;height:20px;}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:20px;width:32px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:20px;margin:0;padding:0;}
#rightmore li,#leftmore li{margin:0;}
#pn_overlay{position:absolute; top:0; left:-30px; width:447px; height:100%; z-index:998;}
#prev, #next{
	position:absolute;
	width: 15px;
	height: 30px;
	background: transparent url(../gallery/rsrc/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	z-index:95;
	}
#prev {left:0;top:0; outline: none;  visibility:hidden;  background: url(../gallery/rsrc/backarrow.gif) left 8px no-repeat; }
#next {left:84px;top:0; outline: none;  background: url(../gallery/rsrc/forwardarrow.gif) right 8px no-repeat;}

#prev:hover {background: url(../gallery/rsrc/backarrow_hover.gif) left 8px no-repeat; }
#next:hover {background: url(../gallery/rsrc/forwardarrow_hover.gif) right 8px no-repeat;}
#imgtitle{width:600px; font-size:.8em; text-align:center; color:#FFF; display:none}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler {
	visibility:visible;
	text-align: right;
	float: right;
	width: 48%;
	right:0;
	z-index:1100;
}
#thumbdisplay {
	width: 500px;
}
.clear{clear:both;}
#thumbhide {
	position: relative;
	overflow:hidden;
}

body{text-align:center;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#main_image_wrapper img{border:1px solid #2E302C; float:left;}

#gallerywrapper {
	width:auto;
}



#smoothlink{
	width:300px;
	color:#000;
	background:none;
	position:absolute;
	top:350px;
	left:580px;
}


#linkList {
	width:305px;
	color:#000;
	background:none;
	position:absolute;
	top:4px;
	right:0;
	z-index:50;
}

#smoothlinkstyles {
	position:absolute;
	left:20px;
	top:20px;
}


.imagelinks {
	font-size:1.2em;
	border:none;
	visibility:hidden;
	z-index:60;
	position:absolute;
	top:0;
	left:0;
	
}

.smoothbox {
	color:#000;
}

.imagelinks a{
	text-align:right;
	display:block;
	padding:0 14px 500px 40px;;
    background:url(../gallery/rsrc/magnify.gif) right 2px no-repeat;
    position:relative;
	width:245px;
}


#image01 {
	visibility:visible;
}


/*Roebox css*/

/* 

Roebox.0.9 
http://www.septemberthree.com/blog/stuff/roebox/roebox.html
by John Saddington

*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000000;
	cursor: pointer;
		
	z-index:200;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
		z-index:500;

}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 5px solid #fff;

}

#lbPrevLink, #lbNextLink {
	display: block;
	height:10px;
	width:15px;
	outline: none;
	float:left;
	margin:2px 3px;
}



#lbPrevLink {
	background: transparent url(../images/btn_prev.gif) center no-repeat;
	
}


#lbNextLink {
	background: transparent url(../images/btn_next.gif) center no-repeat;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption{
	margin-right: 71px;
}

#lbNumber {
	float:left;
}

#lbCaption {
	font-weight: bold;
}
