/*
 * JSGallery (http://jsgallery.ulfben.com)
 * Copyright © 2009 Ulf Benjaminsson (http://www.ulfben.com)
 * Contact: ulf at ulfben dot com
 * Licensed under the GPL (http://www.gnu.org/licenses/gpl.txt) 
 * Date: 2009-07-20 
 *
 * Built on jQuery and the following plugins: 
 *		jThumb - Joan Piedra (http://www.joanpiedra.com)
 *		Javascript EXIF Reader 0.1.3 - Jacob Seidelin (http://blog.nihilogic.dk/)
 *		ThickBox 3.1 - Codey Lindley - (http://jquery.com/demo/thickbox/)
 */
*{padding: 0; margin: 0;}
html, body {
	height: 100%;	
	min-width: 800px;
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto; 
}
#about{	
	background: #FFF; /*REQUIRED for alpha-blendning i IE, or the font gets fucked*/
	margin:20px 0 0 20px;
	padding:0px 10px 0px 0px;
	float:right;
	text-align:justify;
	height:450px;	
	width:28%;	
}
#image-exif{
	/*unintentionally left blank*/
}
#image-holder {
	clear:none;
	float:left;
	margin:20px auto;
	width:68%;
}
h1{
    font-family: times, Times New Roman, times-roman, georgia, serif;
	color: #444;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 51px;
	line-height: 44px;
	letter-spacing: -2px;
	font-weight: bold;
}
h4{
	color: #CC3300;
	font-family: Gill Sans, Verdana;
	font-size: 11px;
	line-height: 14px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
h2{
	color: #444;
	font-family: times, Times New Roman, times-roman, georgia, serif;
	font-size: 14px;
	line-height: 17px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;
}
a{
	color: #CC3300;
}
p, li, #footer, #JSGB_caption, #JSGB_closeWindow{
	font-family: Gill Sans, Verdana;
	font-size: 11px;
	line-height: 14px;	
	letter-spacing: 2px;	
}
ul, ol{
	margin-left:50px;
}
img{
	border:none;	
}
.thumb-img {
	border-top:1px solid #CCC; border-left:1px solid #CCC; border-bottom:1px solid #AAA; border-right:1px solid #AAA;
	position:relative; 
	float:left;
	width:150px; height:150px;
	margin:10px; padding:6px;
	background:#FFF;
}
.thumb-inner {
	position:relative; overflow:hidden; width:100%; height:100%;	 
}
.thumb-img img {
	border:0;
}
.thumb-strip {
	position:absolute; width:150px; height:10px; bottom:6px; left:6px;
	background:#FFF;	
	filter: alpha(opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.65;
	opacity:0.60;
}
.thumb-zoom {
	background:url(./search.png) no-repeat;
	position:absolute; width:22px; height:22px;	
	right:10px; bottom:7px;
}
.thumb-row{
	width:100%; /*will get calculated by the application as thumbs arrive.*/
	margin: 0 auto;
	clear:both;
}
.thumb-page{
	/*for when I get around to implement paging*/
}

/*************************************/
/*** settings for the JSGBox below ***/
/*** a hacked up thickbox "lite"	**/
/*************************************/

/*#JSGB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#JSGB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}*/
#JSGB_window a:link {color: #666666;}
#JSGB_window a:visited {color: #666666;}
#JSGB_window a:hover {color: #000;}
#JSGB_window a:active {color: #666666;}
#JSGB_window a:focus{color: #666666;}
#JSGB_overlay {
	display:none; 
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.JSGB_overlayMacFFBGHack {background: url(./macFFBgHack.png) repeat;}
.JSGB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #JSGB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#JSGB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}
* html #JSGB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#JSGB_window img#JSGB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#JSGB_caption{
	/*height:25px;*/
	padding:7px 30px 10px 25px;
	float:left;
}
#JSGB_closeWindow{	
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#JSGB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #JSGB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#JSGB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #JSGB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#JSGB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}