/* standard.css for the jackiecunliffe web pages */
body 		{background:#000; color:#d18c06; font:10pt "Trebuchet MS",verdana,arial,helv,helvetica,sans-serif; line-height:100%; text-decoration:none;} 
h1		{font:bold 30pt "Trebuchet MS",verdana,arial,helv,helvetica,sans-serif; text-align:left; margin: 0 0 20pt 0;}
h2		{font:bold 20pt "Trebuchet MS",verdana,arial,helv,helvetica,sans-serif; text-align:left; margin: 0 0 20pt 0;}
p 		{line-height:150%;}
a:link 		{color:#f3ae28; text-decoration:none;} 
a:visited 	{color:#bbb; text-decoration:none;} 
a:hover 	{color:#f3ae28; text-decoration:underline;} 

ul#nav		{float:left; width:82pt;}
ul#nav, ul#nav li{list-style-type:none; margin:0; padding:0;}
ul#nav li 	{float:left; text-align:center;}
ul#nav a 	{float:left; background:#d18c06; color:#fff;width:82pt; padding: 3px; text-decoration:none;}
ul#nav a:hover {background:#F3AE28; text-decoration:none;}
ul#nav a:active {color:#bbb;}
a img {border: none;}

/* Unique IDs */
div#container 	{width:800px; margin:0 auto; padding:10px;} 
div#heading 	{width:100%; padding-bottom:10px; display:block;} 
div#content 	{float:right; width:80%; text-align:justify;} 	
img#page 	{float:right; display:inline; margin:20px 0 0 20px;}

f.name,.email,.subject,.query {background:transparent; color:#d18c06; border:solid 1px #d18c06; text-align:justify;}

/* Classes */
div.gallery 	{margin-bottom: 20px; width:300px; height:170px; float:left; text-align: center;}
div.gallery p 	{margin:0; text-align:center;}
div.links 	{margin-bottom: 2em;}
div.links > img {margin-right:10px;}
div.links > div {line-height:100%; text-align:justify;}
input.button 	{background:transparent; color:#d18c06; border:solid 1px #d18c06; text-align:center;}	

/*lightbox css.  Do not modify */
#lightbox	{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}
#lightbox img	{width:auto; height:auto;}
#lightbox a img	{border:none;}

#outerImageContainer	{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto;}
#imageContainer	{padding:10px;}

#loading	{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}
#hoverNav	{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10;}
#imageContainer>#hoverNav	{left:0;}
#hoverNav a	{outline:none;}

#prevLink, #nextLink	{width:49%; height:100%; background-image:url(data:image/gif; base64,AAAA); display:block;}
#prevLink 	{left:0; float:left;}
#nextLink 	{right:0; float:right;}
#prevLink:hover, #prevLink:visited:hover {background:url(img/prevlabel.gif) left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background:url(img/nextlabel.gif) right 15% no-repeat;}

#imageDataContainer	{font:10px Verdana, Helvetica, sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}

#imageData	{padding:0 10px; color:#666;}
#imageData #imageDetails	{width:70%; float:left; text-align:left;}
#imageData #caption	{font-weight:bold;}
#imageData #numberDisplay	{display:block; clear:left; padding-bottom:1.0em;}
#imageData #bottomNavClose	{width:66px; float:right;  padding-bottom:0.7em; outline:none;} 

#overlay	{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background-color:#000;}