/* 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  {  background: url('background-stripes.gif') #fff; margin: 0; padding: 0; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	line-height: 170%;
	font-size: .85em;}

html,body {
	height: 100%;
}

#lotus {position: absolute; top: 0; left: 0; background: url('images/lotus.gif'); width: 319px; height: 245px; z-index: 10;}
#redbar {position: absolute; top: 0; left: 0; background: #610C22; width: 100%; height: 24px; z-index: 0;}
#container { position: absolute; top: 35px; left: 325px; width: 50%; height: 100%;}
.gallery {position: absolute; top: 190px; left: 90px;}
.contact {position: absolute; top: 235px; left: 185px;}
.profile {position: absolute; top: 240px; left: 10px;}
.order { position:absolute;	left:91px;	top:370px;}

h2 { margin-bottom: -20px; font-size: 13px; font-weight: bold; }
#imagemenu { 
	width: 450px; 
	position: relative; top: -10px; left: 0px;
	padding: 0px;
	margin: 0px;
	}
	
#imagemenu ul {	margin-left: -25px; }
#imagemenu li {  list-style: none; float: left; margin: 3px 3px 0px 3px; padding: 0px 0px -3px 0px;}
#imagemenu img { border: 0px solid #fff;  margin: 5px; padding: 0px;}

#slide { 
	padding: 0px;
	margin: 0px;
	}


#slide ul {	margin-left: -25px; }
#slide li {  list-style: none; float: left; border: 2px solid #DEECEF; margin: 5px; padding: 0px; }
#slide img { border: 7px solid #fff;  margin: 0px; padding: 0px;}


a { letter-spacing: .1em; text-decoration: none; padding: 0px; font-weight: bold; }
 a:link { 
	color: #610c22; 
	} 
 a:visited { 
	color: #808080; 
	}
 a:hover { 
	color: #003300;
	}
/* 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; margin: 0px; padding: 0px;
	}*/
/* Used to setup the main page structure with borders on the left and right */
 #centercontent {
	
	margin-left: 0px;
	margin-right: 0px;
	/*padding:5px 25px 20px 35px;*/

	}

/* Styles assosicated with index pages */
 #indexframe {
/*	width: 99%;*/
	position: absolute; top:  0px; left: 0px;
	padding: 0px;
	border: 0px;  /* Netscape 4.x friendly */
	}
 .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;
	border: 0px solid #fff;
	margin: 10px;
	} 
 .float p {
	text-align: left;
	margin: 0px 10px 2px 10px;
	}
 .float p.thumbComment  {
	font-size: x-small;
	}
	
	.thumbname {list-style: none; float: left; border: 2px solid #DEECEF; margin: 5px; padding: 0px; }
 .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;
	top: -15px;
	left: 0px;
	margin-bottom: 0px;
	padding: 0px;
	text-align: left;
	border: 0px;   /* Netscape 4.x friendly */
	}
 .minithumb {
	padding: 0px;
	}
 .minithumbCurrent {
	border: 1px dotted white;
	padding: 0px;
	}
 .minithumbBox {
position: absolute;
left: -40px;
top: 10px;
	}
 .photoName { 
	position: relative;
	float: left;
	font-size: medium; 
	color: white; 
	font-weight: bold;
	}
 .photoPosition { 
	position: relative;
	font-size: small; 
	color: white; 
	font-weight: normal;
	}
 #photoComments {  
	position: relative;
	top: 15px;
	left: 0px;
	font-family: Verdana,Arial,Helvetica,Sans-serif,sans-serif;
	font-weight: bold; 	
	text-align: left; 
	margin-bottom: -25px;
		}
 #photoData { 
	position: relative;
	top: -50px;
	left: 25px; 
	}
#paypalbutton { position: absolute; left: 0px; top: 0px; width: 75px; margin: 0; padding: 0; }
#cartbutton { position: absolute; left: 100px; top: 0px; width: 150px;margin: 0; padding: 0; }
#instructions{ position: relative; left: 0px; top: 30px; margin: 0; padding: 0; width: 400px; }
h3 { font-size: 14px; font-weight: bold; margin-top: 0px; margin-bottom: 0px; }

 .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 {
	text-align: left;
/*	margin: 0 auto; 
	position: absolute; 
	top: 100px;
*/
	visibility: visible;

	}
 .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: black; 
	font-weight: bold; 
	font-style: normal; 
	font-variant: normal;
	}
 .footer { 
	font-size: xx-small; 
	color: rgb(97,97,97); 
	text-align: center; 
	}
#navinstructions {position: absolute; top: 0px; right: 120px; font-size: 9px; font-family: Verdana,Arial,sans-serif; }
#navinstructions a {text-decoration: none; border-bottom: 1px dashed #eee; padding-bottom: 2px; cursor:help;}


#bottomnav { position: absolute; top: 250px; left: 15px; height: 100px; width: 200px; text-align: right; margin-top: 10px; }

/*#bottomnav { position: absolute; bottom: 0;left: 20px; height: 30px; width: 530px; text-align: center; margin-top: 10px;}*/
#bottomnav a { font-size: .75em; font-family: Verdana,Arial,sans-serif; letter-spacing: .1em; text-decoration: none; padding: 2px;}
#bottomnav a:link { color: #DEECEF;}
#bottomnav a:visited { color: #333; }
#bottomnav a:hover {color: #E44412; background: #DEECEF; }



table { margin-left: 50px; width: 430px;}
tr { vertical-align: top; margin-bottom: 5px; }
td { font-family: "Verdana, Arial, sans-serif"; font-size: 13px; line-height: 150%; margin-top: 10px; border-top: 1px dashed #E44412;}