/* PK Photo Skin-vision

    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 {
	font-family: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: small; 
	color: #ffff99; 
	font-weight: normal; 
	font-style: normal; 
	background-color: black; 
	background-image: none;
	margin: 0px;
	}
 a:link  { color: #ccc } 
 a:visited  { color: #ccc }
 a:hover  { color: #ff0 }
 p {
	margin:0px 10px 10px 10px;
	font-size: small; 
	font-weight: normal; 
	font-style: normal; 
	font-variant: normal;
	}
 p.indent { 
	margin-left: 30pt;
	}
 table,tr,td {	
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;
	clear: left;
	}
 img {
	border: 0px;
	}
/* Used to setup the main page structure with borders on the left and right */
 #centercontent    { background: black; margin-right: 10px; margin-left: 10px; padding: 10px; position: absolute; top: 115px; left: 5px }

/* Styles assosicated with index pages */
 #indexframe   { background-color: black; padding: 4px; position: relative; left: 5px; width: 99%; border: 0 }
 .folderData { 
	font-size: xx-small; 
	color: #666666; 
	line-height: 90%; 
	}
 .folderDescription { 
	color: #666666; 
	line-height: 110%;
	margin-top: 10px;
	}
 .folderNavigation {
	position: relative; 
	top: -6px;
	}
 .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;
	padding: 4px;
	} 
 .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;
	bottom: 15px;
	right: -20px;
	}

/* Styles assosciated with slide pages */
 #frame   { background-color: black; text-align: center; margin: 0; padding: 1px; position: absolute; top: 0; left: 110px; width: 455px }
.picture  { padding: 2px; position: relative; top: 0; border: solid 1pt #fff }
.minithumb {
	padding: 0px;
	}
 .minithumbCurrent {
	border: 1px dotted white;
	padding: 0px;
	}
 .minithumbBox  { position: absolute; z-index: 5; top: 25px; left: 0; border-color: white }
.imagenumber  { color: yellow; font-size: larger; font-weight: bold; background-color: black; text-align: center }
.navbuttons { position: absolute; top: 60px; left: 0 }
.navshortcut  { color: gray; font-size: small; font-family: Arial; font-weight: bold; position: absolute; z-index: 5; top: 80px; left: -110px }
.purchasebar    { color: white; position: absolute; top: 10px; left: 585px; width: 230px }
.photoName { 
	position: relative;
	float: left;
	font-size: medium; 
	color: white; 
	font-weight: bold;
	}
 .photoPosition { 
	position: relative;
	font-size: small; 
	color: white; 
	font-weight: normal;
	}
.h1 { color: yellow; font-size: medium; font-weight: bold; background-color: #333; text-align: left; position: relative; left: 20px }
.photoComments {  
	position: relative;
	font-family:Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; 
	font-size: medium; 
	font-weight: bold; 	
	font-style: normal; 
	font-variant: normal; 
	text-align: center; 
	}
 .photoData { 
	position: relative;
	font-size: x-small; 
	color: rgb(0,204,0);
	}
.footerslide   { color: #999; font-size: x-small; text-align: center; position: absolute; top: 580px; left: 15px; width: 775px; height: 75px; border-top: 1px solid white }
.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%;
	background: black;
	}
 .photoDataPopup {
	position: absolute;
	left: 0;
	bottom: 160px;
	background: black;
	z-index: 3; 
	border: 1px outset #777;
	padding: 2px;
	font-size: x-small; 
	color: rgb(0,204,0);
	visibility: hidden; 
 	}
 .keyboardDataPopup  { color: black; font-size: x-small; background-color: silver; text-align: left; visibility: hidden; padding: 5px; position: absolute; top: 50px; left: 5px; width: 250px; border: solid 1px }
.slideFrameButtons  { position: absolute; top: 50px; left: 10px; width: 350px }
 #buttonbox_portrait  { position: absolute; z-index: 25 }
 #photonavbar_inside_portrait {
	position: absolute;
	right: 75px;
	z-index: 15;	
	}
 #w3clogosleft {
	float: left;
	position: relative;
	bottom: 15px;
	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;
	}
 .footer    { color: #999; font-size: x-small; text-align: center; position: relative; top: 0; left: 0; width: 750px }
.footerindex { color: #999; font-size: x-small; text-align: center; position: relative; top: 0; left: 0; width: 750px; border-top: 1px solid #fff }