/* CSS Document */

#e2_photo_gallery {width:500px;margin:0 auto;}
#e2_photo_gallery img {margin:0;}

/* content-specific */
#e2_photo_gallery h1 {font-size:2em;margin:0;padding:0;margin-top:-0.6em;}
#e2_photo_gallery p {margin:0.5em 0 0 0;padding:0;}


#main_image_wrapper{position:relative;border:1px solid #ccc; width:500px;height:333px;background: #fff url(./designs/ajax-loader.gif) no-repeat 50% 50%;}

#imgloader{text-align:center;vertical-align:middle;}
#thumbbox{border:solid 1px #ccc;text-align:center;width:auto;position:relative;padding:5px;}
#thumb_container{position:relative;overflow:hidden;width:430px;height:70px;margin:0 0 0 32px;}
#thumbs img{margin-right:4px;vertical-align:top;}
#thumbs a img{border:1px solid #333;}
#thumbs a:hover img{border:1px solid #ccc;}

#photocount{font-size:0.8em;font-weight:normal;color:#555;float: left;width:48%;text-align:left;left:0;}

#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;left:500px;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#fff;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000;}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#imgbox{width:80px;height:80px;display:inline;position:absolute;text-align:center;}
#iptc_btn{width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}
#iptc_info{position:absolute;bottom:0;left:0;height:auto;width:100%;background-color:#000;color:#CCC;line-height:140%;text-align:left;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.iptc_left{float:left;text-align:right;width:15%;color:#fff;padding:0 0 0 2%;}
.iptc_right{float:right;text-align:left;width:81%;}
#rightmore li a{background:url(./designs/e2/right_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#rightmore li a:hover{background:url(./designs/e2/right_more_over.gif) no-repeat;color:#fff;height:70px;}
#leftmore li a{background:url(./designs/e2/left_more.gif) no-repeat;display:block;color:#fff;text-decoration:none;width:100%;padding:0;}
#leftmore li a:hover{background:url(./designs/e2/left_more_over.gif) no-repeat;color:#fff;height:70px;}
.spacing{padding:1px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore,#leftmore{color:#333;height:70px;width:32px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:70px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:70px;margin:0;}

#rightmore li a, #leftmore li a{width:auto;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{
	width: 30%;
	height: 100%;
	background: transparent url(./designs/blank.gif) no-repeat; /* Trick IE into showing hover */
	outline:none;
	}
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden;}
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(./designs/prev.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(./designs/next.gif) right 50% no-repeat; }
#imgtitle{width:500px; font-size:.8em; text-align:center; color:#FFF; display:block}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
#thumbtoggler {
	text-align: right;
	float: right;
	width: 48%;
	right:0;
	z-index:1100;
}
#thumbdisplay {
	width: 500px;
}
.clear{clear:both;}
#e2link {font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding:5px 0;
	color: #FFFFFF;
	text-align:left;}
#e2link a {color: #f00;text-decoration:none}

.tooltip {
	color: #fff;
	width: 150px;
	z-index: 15000;
	text-align:left;
}

.tooltip h4 {
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding: 8px 8px 2px;
	background:#000;
}

.tooltip p {
	font-size: 11px;
	padding: 1px 8px 8px;
	margin:0px;
	background: #000;
}#thumbhide {position: relative;overflow:hidden;}