body	{font-size:11pt;margin:0px;background:url(gfx/bg1.png) repeat-x top left white;padding:0px;color:#404040;font-family:Arial,Helvetica;}

div	{padding:0px;margin:0px;}

#homelink {position:absolute;top:0px;left:0px;clear:both;z-index:1;width:155px;height:52px;}

/* Styles for main picture viewing area */
div.mainImageWrapper {margin-bottom:20px;}
div.mainImage {text-align:center;}
div.mainImage img {background:url(gfx/loading.gif) no-repeat center center white;}

/* Navigation bar including next/previous */
#ImageNav {position:absolute;top:10px;right:0px;width:400px;height:2em;}
#outer {text-align:center;overflow:hidden;border:solid black 1px;margin:5px;margin-left:auto;margin-right:auto;position:relative;}
#draggable {cursor:default;background-color:silver;}

#ImageTextContainer {/*display:none;*/text-align:center;background:#000000;color:#FFFFFF;font-size:90%;position:absolute;width:100%;bottom:0px;left:0px;opacity:0.6;filter:alpha(opacity=60);}
/*#outer:hover #ImageTextContainer {display:inline;}*/

a.closecaption,
#showcaption {width:16px;height:9px;position:absolute;background-repeat:no-repeat;background-image:url(gfx/caption_arrows.png);}
a.closecaption {top:4px;right:4px;display:block;background-position:0px -9px;}
a.closecaption:hover {background-position:-16px -9px;}

#showcaption {bottom:4px;right:4px;display:none;background-position:0px 0px;}
#showcaption:hover {background-position:-16px 0px;}

#ImageText {text-align:left;}
#ImageText p {padding:5px 30px 5px 5px;margin:0px;text-align:justify;}
#ImageMetaData {font-size:80%;text-align:right;}
#ImageMetaData p {padding:2px 5px 2px 5px;margin:0px;}

div.nav {cursor:pointer;float:right;width:57px;height:31px;text-align:center;}
div.navnull {float:right;background:none;width:57px;height:31px;text-align:center;}
div.navcontrols {font-weight:bold;margin-top:5px;float:left;}
div.navcontrols a {padding-right:16px;}
.next	{background:url(gfx/next1.png) no-repeat 0px 0px;}
.next:hover {background:url(gfx/next1.png) no-repeat 0px -31px;}
.prev	{background:url(gfx/previous1.png) no-repeat 0px 0px;}
.prev:hover {background:url(gfx/previous1.png) no-repeat 0px -31px;}
/* 'fullsize' fake link in album */
#fullSize {cursor:pointer;padding-right:16px;color:#0080ff;}
#fullSize:hover {color:#FF5501;}

/* Homepage */
div.introwrapper {clear:both;overflow:visible;}
div.intro {float:left;width:600px;margin:0px 0px 30px 0px;}
div.intro p {margin:4px 10px 4px 40px;}

/* Search box */
div.searchbox {width:300px;float:left;}
div.searchbox form {margin:0px 0px 0px 30px;}

/* Album index list */
ul.albumlist {margin:0px;}
ul.albumlist li {list-style-type:none;margin:0px 10px 15px 0px;float:left;width:390px;position:relative;}
ul.albumlist li a {font-size:80%;}
ul.albumlist li p {margin:6px 0px 10px 0px;}
ul.albumlist span.name {font-weight:bold;font-size:120%;}
ul.albumlist span.date {font-size:80%;}
ul.albumlist span.mini_album_links {position:absolute;bottom:5px;left:135px;}
ul.albumlist div.blocker {clear:both;}
ul.albumlist img {float:left;border:solid black 1px;margin:2px;margin-right:10px;}
ul.albumlist img:hover {border:solid #0080ff 1px;}

/* Thumbnails album view styles */
#thumbnails {padding:5px;}
#thumbnails img {border:solid black 1px;}
#thumbnails img:hover {border:solid #0080ff 1px;}
#thumbnails span.thumbwrapper {margin:10px;margin-bottom:50px;float:left;width:122px;height:122px;}
#thumbnails span {position:relative;background:#FFFFFF;text-align:center;}
#thumbnails span span {
			width		:	118px;
			top			:	122px;
			left		:	0px;
			padding		:	2px;
			margin		:	0px;
			z-index		:	1;
			font-size	:	70%;	}

#thumbnails a span.show {
			display		:	inline;
			position	:	absolute;	}

#thumbnails a span.hide {
			display		:	none;	}

#thumbnails a:hover span.hide {
			position	:	absolute;
			display		:	inline;	}

/* Header and footer */

#menuwrapper {
			height		:	60px;
			position	:	relative;
			background	:	url(gfx/title.png) no-repeat top left;	}

#menuwrapper div {
			position	:	absolute;
			padding-left:	17px;
			left		:	170px;
			top			:	15px;
}

#menuwrapper ul {
			padding		:	0px;
			margin		:	0px;
			padding-right:	10px;
			list-style-type	:	none;	}

#menuwrapper li {
			display		:	inline;	}

#menuwrapper a,
#menuwrapper a:active,
#menuwrapper a:visited,
#menuwrapper a:hover {
			padding		:	1px 4px;	}


#footwrapper {clear:both;font-size:70%;text-align:right;padding:20px 0px 0px 0px;}
#foot {border-top:solid silver 1px;padding:8px;}

/* Other styles */

a,
a:active,
a:visited,
a:hover {color:#0080ff;font-weight:bold;text-decoration:none;}
a:hover {color:#FF5501;}

div.about {padding:5px 20px;font-size:90%;}
div.about p {padding:2px 10px 2px 40px;}

div.clearfix {clear:both;}

h1 {font-size:130%;clear:both;margin:10px 5px 5px 30px;}
h2 {font-size:120%;clear:both;margin:10px 5px 5px 30px;}