/*
 * Copyright (c) 2009 Mikael Relbe
 *
 * Photo gallery style
 *
 */

@import "/rsrc/page/style.css";

div {
	margin: 0 auto 0 auto;
}

table {
	border: none;
	padding: 0;
}

#content {
}

#photo {
}

#info {
	color: #feefda;
	display: none;
    position: absolute;
    right: 6px;
    top: 36px;
    width: 290px;
    text-align: left;
	background: url('/img/transparent20.png') repeat;
	padding: 10px;
	border: 2px solid #feefda;
}

#info input {
	background: url('/img/transparent20.png') repeat;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #feefda;
	margin: 2px;
}

#info table td {
	font-size: 8pt;
	padding: 0;
	vertical-align: middle;
}

#thumbnails {
	font-size: 0 !important;
}

.gallerytitle {
	font-family: mrelbe, Arial, sans-serif;
	font-size: 20pt;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.longDescription {
	text-align: left;
	width: 552px;
	padding-top: 8px;
	padding-bottom: 4px;
}

div.shortDescription {
	padding-top: 8px;
	padding-bottom: 4px;
	text-align: center;
}

p, a {
	font-size: 8pt;
}

.navbar a {
	padding: 2px 8px 2px 8px;
}

.navbar .selected {
	padding: 2px 8px 2px 8px;
}

.navbar .wide {
	padding: 2px 16px 2px 16px;
}

.copyright {
	color: #867e75;
	font-size: 7pt;
	margin: 0;
	padding: 0;
	text-align:right !important;
}

.copyright a, .copyright a:visited {
	color: #867e75;
	font-size: 7pt;
}

.copyright a:hover {
	color: #000000;
}

.image {
	border: 12px solid #e4e1d6; /* See this.maxMainBorderWidth in JavaScript */
}

.thumbTable td {
	border: none;
	padding: 6px; /* See this.thumbFramePadding in JavaScript */
}