/* 

Some basic styling to get your page rolling - feel free to trash it all
Enjoy!

Paul Burgess - http://iampaulburgess.co.uk

*/

/* Every time */
/* ----------  Reset */
html, body, div, h1, h2, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin:0; padding:0;}
/* ------------------------------ */


body {
	margin: 0px;
	padding: 0px;
	background-color: white;
	color: #000000;
	font-family:"Lucida Grande", Arial, sans-serif;
	font-size: 11px;
	
}

a img{
	border: 0px solid #333;
	padding:0px;
	margin:2px
}

#thumbs a img{
	background-color: white;
}

#thumbs a:hover img{
	opacity: .5;
}


a:hover{color: #858585;border: 0px ;} /* Dummy definition to overcome IE bug */

a {
	color:#666;
	text-decoration:none;
}

a:link {
	color:#666;
	text-decoration:none;
}
a:visited {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#0063DC;
	text-decoration:none;
}
a:active { 
	color:#666;
	text-decoration:none;
}


#header {margin-bottom:10px;padding:10px 0;border-bottom:1px #666 dotted;}
#header h1 a {
 text-decoration:none;
}


#context p a:link, p#nav a:link { color:#FFF; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#context p a:visited, p#nav a:visited { color:#EEE; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}
#context p a:hover, p#nav a:hover{ color:#333; text-decoration:none; background:#EEE;padding:2px 4px 2px 4px;border:1px #000 solid;}
#context p a:active, p#nav a:active{ color:#FFF; text-decoration:none; background:#333;padding:2px 4px 2px 4px;border:1px #333 solid;}

.noimg {padding:5px 5px 2px 0}

h1, h2 {font-family:Helvetica,Arial,sans-serif;letter-spacing:-0.04em;line-height:1.05em;padding-bottom:5px;}

h1 {font-size:2.6em;margin:4px 0 5px 0}
h2 {font-size:1.8em;color:#ded6d6;margin:2px 0 5px 0}

h3 {
	margin-top: 0px;
	padding-top:0px;
}

p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1.2em;margin-bottom:10px;padding-top:5px;line-height:160%}

div#photo p {width:500px;margin-top:20px}

#thumbs {
XXoverflow:auto;
XXheight:500px;
}

#nav a {
	color:gray;
	text-decoration:none;
}
#nav a:hover {
	Ccolor:#0063DC;
}

p.note {color:#666;font-size:1em;margin-top:10px}

div#context {width:175px;text-align:center;}

#footer {margin-top:15px;padding-top:10px;border-top:1px #666 dotted}

/* STYLES ADDED BY ANDYC */
/* ------------------------------ */

#pageHeader {
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-top:0px;
  margin-bottom:20px;
  height:50px;
  color:#000;
  font: normal 14px Helvetica,Verdana,Arial,sans-serif;
  text-align: right;
  background: url(images/sitetitle.png) no-repeat;
  background-color: #fff;
  background-position: 0px 50%;
  line-height: 50px; 
  border-top: solid 3px #cccccc;
}

#pagefooter {
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-top:40px;
  border-top: solid #cccccc 1px;
  text-align:center;
  color:#cccccc;
  padding:5px;
}

#pageContainer {
  width: 1024px ;
  margin-left: auto ;
  margin-right: auto ;
  margin-bottom:40px;
}

#about {
  width: 380px;
  float:left;
  margin-right:20px;
  height:500px;
  padding:10px;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  font-size: 12px;
}

#thumbsContainer {
  width: 580px;
  float:left;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;  
  min-height: 500px;
  height:auto !important; 
  height:500px; 
  padding:10px;
  font-size: 12px;
  align:center;
}

#thumbsPages{
	float:left;
	border:1px dotted #cccccc;
	padding:2px;
	margin:2px;
	cursor:hand;
}

#thumbsPages:hover {
	background-color:#0063DC;
	color:#ffffff;
	cursor:hand;
}

#thumbsPagesCurrent{
	float:left;
	border:0px dotted #cccccc;
	padding-top:3px;
	padding-bottom:1px;
	padding-left:3px;
	padding-right:3px;
	margin:2px;
}

#mainPhoto{
	visibility:hidden;
}

#imgTitle{
	font-size:18px;
	color:black
	padding-left:8px
}
#imgTitle a{
	color:black;
}

#exifLabel{
	float:left;
	width:75px;
	padding-bottom:3px;
}
#exifData{
	padding-bottom:3px;

}