/* Style sheet template for BP2 */

/* normal text */
body {color:#000000; background-color:#FFFFFF; }
body,table,h1,h2,h3,h4	{font-family : Arial, Helvetica, sans-serif; }
p {font-family : "Times New Roman", Times, serif; }

/* Headers */
h1,h2,h3,h4 {text-align:center; }

/* horizontal rulers grey*/
hr {color:#808080; }

td.frtleft {background: url("../res/frame/tleft.gif"); }
td.frtop {background: url("../res/frame/top.gif"); }
td.frtright {background: url("../res/frame/tright.gif"); }
td.frleft {background: url("../res/frame/left.gif"); }
td.frright {background: url("../res/frame/right.gif"); }
td.frbleft {background: url("../res/frame/bleft.gif"); }
td.frbottom {background: url("../res/frame/bottom.gif"); }
td.frbright {background: url("../res/frame/bright.gif"); }


.navtop {font-size:smaller; color : navy; background-color : silver; margin: 2px; }

.indexdescription {color: gray; text-align: center; }
	
.subdirlisttitle {font-weight : bold; text-align: left; }

.sublistdescription {color : gray; text-align: left; }

.indexsub{color : black; font-size: 80%; }

.sublistfacts{color : black; text-align: left; font-size: 80%; }

/* centered tables */
table.thumbtable {margin-left:auto; margin-right:auto; border-color:#808080; }
table.subdirtable {margin-left:auto; margin-right:auto; text-align:left; }
table.centered {margin-left:auto; margin-right:auto; text-align:center; }
td.index {text-align: center; vertical-align: top; }

.indexpictitle {font-size: smaller; color: black; text-align: center; }

.proginfo {font-size: smaller; color: gray; }

.pictopdescription {font-weight: bold; text-align:center;  margin: 5px; }

.picheader1 {font-weight: bold; text-align: center; margin: 5px; }

.picfooter2 {font-size: smaller; color: gray; text-align: center; }

.picsingle {text-align:center; }

/* small multimedia icons overlapping folder image */
.soundsign {
	position:relative;
	left: 0px;
	top: 0px;
	z-index: 1;
	border: none;
	background: none transparent;
	width: 28px;
	height: 28px;
	display: inline;
	float: right;
}

.moviesign {
	position:relative;
	left: 0px;
	top: 0px;
	z-index: 2;
	border: none;
	background: none transparent;
	width: 28px;
	height: 28px;
	display: inline;
	float: right;
}

.pageselector {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#index {background-color: white; color: black; }
#picture {background-color: white; color: black; }

div.indexheader {text-align: center; font-weight: normal; }
span.indextitle {font-weight: bold; }

/* The exif box */
.exifname{
	vertical-align: top;
	font-style: italic;
	font-weight: bold;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}

.exifval{
	vertical-align: top;
	font-weight: normal;
	font-size: 80%;
	font-family: Arial, Helvetica, sans-serif;
}

.subalbumlist {margin-left: auto; margin-right: auto; margin-top: 0.5em; margin-bottom: 0.5em; border-top: 3px solid silver; border-bottom: 3px solid silver; }

.thumbnaillist {margin-left: auto; margin-right: auto; text-align: center; }

.indexfooter {margin-left : auto; margin-right : auto; }

.indexheaderinc {margin-left : auto; margin-right : auto; }
.indexfooterinc {margin-left : auto; margin-right : auto; }
.picheaderinc {margin-left : auto; margin-right : auto; }
.picfooterinc {margin-left : auto; margin-right : auto; }

/* the invisible EXIF div. Toggled by javascript */
#imageinfo {
	position:absolute;
	left:73px;
	top:104px;
	z-index:1;
	background-color: white;
	width: 360px;
	visibility: hidden;
	border: 2px solid #000000;
}


/* Custom link styles, order is important! */
a:link {
	color: blue;
}

a:visited {
	color: maroon;
}

a:hover {
	background-color : yellow;
	color: red;
}

a:active {
	background-color : yellow;
	color: red;
}

a:focus {
	background-color : yellow;
	color: red;
}