/* ExhibitPlus V1.4a 25.10.2005. Author: Mark Fyvie. Official site: http://exhibitplus.fyvie.net

    This is basestyle.css - a darker style with black left and right margins around a dark purple background
    Even though colour information is specified here, each HTML page actually calls a second style sheet, and this style sheet contains just the colour information for the various styles. In this way the dark style is modified into other styles */
 
body { 
margin: 0; padding: 0; font-family: Georgia,Trebuchet,Verdana,Arial,Helvetica,sans-serif; font-size: 76%; line-height: 225%; 
	}

p { margin-top: 0px; margin-bottom: 10px; }

a {padding: 1px 3px 1px 0px; }
a:link { color: #E51CB5; text-decoration: none; }
a:active { color: #606; text-decoration: none; }
a:visited { color: #C70E9B; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; background: #E51CB5;}


h2 {font-size: 16px; margin-bottom: -10px; margin-top: 0px; margin-left: 0px;}
h3 {font-size: 14px; margin-bottom: -10px; margin-top: 0px; margin-left: 0px;}
h4 {font-size: 10px; margin-bottom: -20px; margin-top: 0px; margin-left: 0px;}

#nav a {padding: 3px 25px 3px 10px; }
#nav a:link { color: #E51CB5; text-decoration: none; }
#nav a:active { color: #606; text-decoration: none; }
#nav a:visited { color: #C70E9B; text-decoration: none; }
#nav a:hover { color: #fff; text-decoration: none; background: #E51CB5;  border-right: 1px solid black;}

#container { width: 100%; position: absolute; top: 0px; left: 0px; font-size: 1em;}

#topleft { background: url('/images/topleft.jpg'); position: absolute; top: 0px; left: 0px; z-index: 0; height: 515px; width: 327px;}
#topright { background: url('/images/topright.jpg'); position: absolute; top: 0px; right: 0px;  z-index: 0; height: 306px; width: 430px;}

#content { position: absolute; top: 37px; left: 239px; width: 45%; }

#nav { position: absolute; top: 206px; left: 3px; width: 151px; text-align: right;}
#nav li { list-style:none;}
#nav h2 {font-size: 12px; margin-bottom: -10px; margin-right: 25px; margin-top: 0px;}


 img {
	border: 0px;
	}
/* Used to setup the main page structure with borders on the left and right */
 #centercontent {
	position: absolute;
	top: 150px;
	left: 100px;
	right: auto;
	padding: 0; border: 0; margin: 0;
	}

/* Styles assosicated with index pages */
 #indexframe {
	position: relative; 
	top: 0px;
	left: 0px;
	width: 580px;
	padding: 0; border: 0; margin: 0; 
	}
#innerframe {padding: 0; border: 0; margin: 0; text-align: left; }
 /*#indexframe {
	width: 580px;
	top: -45px;
	left: -275px;
	text-align: right;
	padding: 0px;
	border: 4px solid white;  /* Netscape 4.x friendly */
/* 	position: relative;
	top: 0px;
	left: 0px;
	}*/
 .folderData { 
	font-size: xx-small; 
	color: #666666; 
	line-height: 90%; 
	}
 .folderDescription { 
	color: #666666; 
	line-height: 110%;
	margin-top: 10px;
	}
 .folderNavigation {
	position: relative; 
	font-size: x-small;
	}
 .folderNavigation a { 
	text-decoration: none;
	color: white;
      }
.folderNavigation a:link { 
	text-decoration: none;
	color: white;
      }
.folderNavigation a:visited { 
	text-decoration: none;
	color: white;
      }
.folderNavigation a:hover { 
	text-decoration: none;
	color: white;
      }
 .float {           /* Used to allow captions under the thumbnails, while at the same time preserving the "free flow" nature of thumbs when the browser is resized */
	float: left;
	} 
 .float p {
	text-align: center;
	margin: 0px 10px 2px 10px;
	}
 .float p.thumbComment  {
	font-size: x-small;
	}
 .thumbName a { 
	color: #a1a1a1;
	text-decoration: none; 
	}
 .thumbDate {
	color: #616161;
	font-size: x-small;
	}
 #w3clogosright {
	float: right;
	position: relative;
	right: -20px;
	}

/* Styles assosciated with slide pages */
 #frame {
	position: relative; 
	width: 580px;
	top: -20px;
	left: -275px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border: 0px solid white;  /* Netscape 4.x friendly */
	}

 #photoComments {  
	position: relative;
	width: 220px;
	top: -380px; left: 320px;
	border: 0px dashed white;
	text-align: left; 
	margin: 0px;
	padding: 0px;
	}
	
#frame img { border: 5px solid #E51CB5; }
 .minithumb {
	padding: 0px;
	}
 .minithumbCurrent {
	border: 1px dotted white;
	padding: 0px;
	}
 .minithumbBox {
	float: right;
	}
 .photoName { 
	position: relative;
	float: left;
	font-size: medium; 
	color: white; 
	font-weight: bold;
	}
 .photoPosition { 
	position: relative;
	font-size: small; 
	color: white; 
	font-weight: normal;
	}

 .photoData { 
	position: relative;
	font-size: x-small; 
	color: rgb(0,204,0);
	}
 .photoData b { /* This is the bolding used for the fields in the EXIF data. To remove bolding use font-weight:normal here */ 
	font-weight: bold;
	}
 .photoData i { /* This is not used for italics, but to provide the | separator character inside the photoData clase */
	color: silver; 
	font-weight: bold; 
	font-style: normal;
	}
 .photoDataPopupBase {
	position: absolute; 
	text-align: center;
	margin: 0 auto; 
	visibility: visible;
	width: 90%;
	
	}
 .photoDataPopup {
	position: absolute;
	left: 0;
	bottom: 160px;
	
	z-index: 3; 
	border: 1px outset #777;
	padding: 2px;
	font-size: x-small; 
	color: rgb(0,204,0);
	visibility: hidden; 
 	}
 .keyboardDataPopup {
	width: 250px;
	position: absolute;
	top: -150px;
	left: 0;
	background-color: silver;
	color: black;
	text-align: left;
	z-index: 10; 
	border: 1px solid black;
	padding: 5px;
	font-size: x-small; 
	visibility: hidden; 
	float: left;
 	}
 .slideFrameButtons {
	width: 350px; 
	position:absolute; 
	right: 3px; 
	}
 #buttonbox_portrait {
	position: absolute;
	z-index: 25;
	}
 #photonavbar_inside_portrait {
	position: absolute;
	right: 75px;
	z-index: 15;	
	}
 #w3clogosleft {
	float: left;
	position: relative;
	left: -30px;
	}

/* Styles assosciated with additional files, e.g. news.inc, footer.inc etc */
 .dateline { 
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
	font-size: x-small;
	color: rgb(191,191,191); 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal;
	}
 .header { 
	font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif; 
	font-size: large; 
	color: white; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal;
	}


#navinstructions {position: absolute; bottom: 0px; right: 20px; font-size: 9px; font-family: Verdana,Arial,sans-serif; }
#navinstructions a {text-decoration: none; border-bottom: 1px dashed #eee; padding-bottom: 2px; cursor:help;}