/**
 * Global
 */
body {
	background-color: #F7F7FF;
}
a:hover { color: #913224; }
a:visited { color: #676767; }
a { color: #c15174; }

/**
 * Both gallery and photo pages
 */
div.galleryheader,div.imageof, p.imagecount,div.slideshow {
	float: left;
	margin: 0em 0 .5em 0;
	text-align: center;
	border: 2px solid lightgray;
	padding: .5em;
	background: #ccdcff;
}
div.headersplitter {
	clear: both;
}

/**
 * Gallery Page
 */
p {
	float: left;
}
p.directoryheader {
	text-align: center;
	padding: .3em;
	margin-bottom: -1px;
	border: 1px solid #666666;
	border-bottom: 0px;
	background: white;
	clear: both;
}

div.galleries, div.galleryimages {
	clear: both;
	background-color: white;
	border: 1px solid #666666;
	padding: 10px;
	margin-bottom: .25em;
	text-align: left;
	top: 0px;
}
div.galleryimages {
	background-color: #ccdcff;
}

div.subgallery {
	float: left;
	padding: .2em;
	/*border: 1px solid blue;*/
	margin: .5em;
	text-align: center;
	min-width: 96px;
}
a:link.imagelink, a:visited.imagelink, a:imageline.active
{ text-decoration: none; }
img.subgallery {
	border: 0px;
	margin: 0;
}
div.gallerycomment {
	text-align: left;
	background-color: #ffedf2;
	border: 3px solid #888888;
	color: #666666;
	padding: 5px;
	margin-bottom: .5em;
	clear: both;
}
img.picture {
	padding: 1px;
	border: 1px solid #000000;
	background-color: gray;
}

img.picturecomment {
	padding: 1px;
	border: 1px solid #000000;
	background-color: #2ec3d3;
}

a.moreImages, a.currentImages {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin: 0 .25em 0 0;
	padding: .5em;
	line-height: 3em;
	border: solid 1px black;
	background: white;
}
a.currentImages:hover { color: black; }
a.currentImages:visited { color: black; }
a.currentImages { font-weight: normal; color: black; }


/**
 * Photo Page
 */
div.imageof, p.imagecount {
	margin-left: -2px;
	border-width:2px 0px 2px 0;
	text-align: left;
}

div.slideshow {
	border-width:2px 2px 2px 0;
	float: none;
	text-align: right;
}

/* The the previews */
ul.previews {
	background: white;
	border: 1px solid black;
	padding: .5em;
	float: left;
	margin: .5em;
	margin-top: 1em;
}

li.previewlink{
	display: list-item;
	list-style: none;
}

img.preview, img.previewselected{
	border: 3px solid white;
	border-top: 0;
	margin: 0;
	padding: 0;
}
img.previewselected {
	background-color: white;
	padding: 1px;
	border: 3px solid black;
}

li.previewtextfirst, li.previewtextlast {
	display: list-item;
	list-style: none;
	border: 0;
	margin: 0 .5em 0 .5em;
}

/* The Main Image that is being viewed*/
div.mainimage {
	margin-left: 0;
	margin-right: auto;
	text-align: center;
	background-color: #ccdcff;
	border: 1px solid #888888;
	color: #666666;
	padding: 0;
}
img.mainimage {
	background-color: white;
	border: 1px solid #888888;
	color: blue;
	padding: .5em;
	margin: .5em .5em .5em 0;
}

/* Image comment & information */
div.imagecomment, div.exif , div.moreImages{
	margin-top: .5em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #ffedf2;
	border: 1px solid #888888;
	color: #666666;
	padding: .5em;
	margin-bottom: .25em;
}

div.moreImages {
	padding: 0;
	margin: 0;
}

div.infobox {
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: .5em 0 .5em 0;
	margin-bottom: .25em;
}	

a.nextimage,a.previmage,div.imagesize {
	margin-top: 1em;
	border: 1px solid #888888;
	border-width: 0 1px 1px 1px;
	background-color: #ccdcff;
	padding: .5em;
}
a.nextimage { float: right; }
a.previmage { float: left; }

div.imagesize {
	margin-top: -1em;
	border: 1px solid #888888;
	border-width: 1px;
	background-color: #ccdcff;
	padding: .5em;
}
div.imagesize li, div.imagesize ul {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;	
}

/* Find Page */
p.searchingfor {
	margin: .5em;
	float: left;
	clear: right;
}
div.searchresults {
	clear: both;
	background-color: white;
	border: 1px solid #888888;
	padding: .5em;
}

/* footer gallery_bottom*/
div.bottom {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-bottom: 2em;
}
div.prefs { float: left; }
div.search { text-align: center; }
div.copyright { float: right; }

/* other pages */
div.login, div.userprefs, div.saveprefs, div.savecomment {
	background-color: white;
	border: 1px solid black;
	margin-top: .5em;
	padding: .5em;
}