/*
 * Combined style sheet for the index pages and the slide pages, with classes that are common to both styles
 */

body {
	font-family: Trebuchet, Arial, sans-serif;
	padding: 0;
}
a:link, a:visited, a:active {
	text-decoration: none
}
img {
	border: none;
}

/*
 *   Cement style sheet
 */

/* Structure */

#content {
	width: 90%;
	margin: auto;
}

/* Decoration */

/* Header */
#header {
	border: 1px solid brown;
	padding: 20px;
	margin-bottom: 20px;
}

h1 {
	font-size: 24pt;
	font-weight: normal;
	display: inline;
	padding-left: 20px;
	padding-right: 20px;
}

#comments {
	padding: 20px;
	border: 1px dotted red;
	margin-bottom: 20px;
	font-size: smaller;
}

#stylechoice {
	float: right;
}

/* Folders & Images */
a h4 {
	margin: 0;
	padding-top: 2px;
	padding-bottom: 32px;
	font-size: 10pt;
	font-weight: normal;
	text-align: center;
}

.iconoverlay {
	position: absolute; /*relative to parent anchorfolder*/
	bottom: 15%;		/*should be computed from overlaySize?*/
	right: 5%;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* Folders only */
.anchorfolder {
	position: relative;
	color: brown;
	vertical-align: middle;
}

/* Images only */
a.original {
	color: red;
}

/* Footer */
#footer {
	margin-top: 20px;
	text-align: center;
}

.creditlink {
	font-size: 8pt;
	padding-top: 8px;
	display: block;
}

/* Sizes hereunder should be computer depending on column width... */
.indexText {
	padding: 2px 2px 4px 2px;
}
.original,
.indexTitle,
.indexComment,
.indexExif,
.imageTitle,
.imageComment,
.imageExif {
	font-weight: normal;
	font-size: 8pt;
}
.original {
}
.indexTitle {
	font-weight: bolder;
	font-size: 8pt;
}
.indexComment {
	font-size: 7pt;
}
.indexExif {
	font-size: 7pt;
}
.imageTitle {
}
.imageComment {
}
.imageExif {
}