/* CSS Style sheet for David North-Lewis (properblacksmith.com) - created by James McLellan 25.02.2009 */
body {
background-color:#d8b261;
background-image:url(images/misc/background.png);
background-position:top left;
background-repeat:repeat-x;
color:#272525;
font:12px arial, serif;
margin:0 auto;
padding-bottom:40px;
padding-top:20px;
text-align:center;
}

/*--- Main page layout. ---*/
div#wrapper {
height:auto;
margin-left:auto;
margin-right:auto;
min-height:620px;
width:780px;
}

div#wrapperheader {
background-image:url(images/misc/logo.png);
background-position:top left;
background-repeat:no-repeat;
height:165px;
}

div#wrapperbody {
background-color:#fff;
background-image:url(images/misc/wrapper_background.png);
background-position:bottom left;
background-repeat:no-repeat;
min-height:455px;
padding-left:10px;
padding-right:10px;
position:relative;
text-align:left;
}

div#wrappermenu {
float:right;
margin-left:10px;
margin-top:10px;
position:relative;
width: auto;
}

div#wrappergallerymenu {
float:right;
position:absolute;
top: 180px;
right: 116px;
width: auto;
}

div#wrapperfooter {
background-color:#fff;
border-bottom:solid 4px #b19862;
height:22px;
padding-bottom:2px;
}

div#wrappervalidation {
padding-top: 4px;
text-align:right;
width: 100%;
}

div#wrapperfootermirror {
background-image:url(images/misc/footermirror.png);
background-position:top left;
background-repeat:no-repeat;
height:60px;
}

/* for Internet Explorer only - IE bug doesn't use min-height, however it will expand if their's more text within the defined height */
* html div#wrapper {
height:620px;
}

* html div#wrapperbody {
height:620px;
}

/*--- Site pictures ---*/
div.centreimage {
text-align:center;
}

.centreimageborder {
border-bottom:solid 3px #ae9783;
border-left:solid 1px #dbdbdb;
border-right:solid 1px #dbdbdb;
border-top:solid 1px #dbdbdb;
margin:5px;
}

div.gallerycontainer {
width:100%;
}

div.gallerysectioncontainer {
text-align:center;
}

/* Also defined in styleIE to overide the display to inline only*/
div.gallerysection {
display:inline-block;
padding:5px;
width: auto; /* or auto */
}


/*--- Misc CSS ---*/
img {
border:0;
}

h1,h2 {
color:#ab4424;
font-size:16px;
font-weight:700;
letter-spacing:1px;
margin:0;
}

ul#events {
list-style-image:url(images/misc/arrow.png);
list-style-position:outside;
margin:10px;
padding:10px;
}
ul#gallery {
text-align: left;
}

/*--- Lightbox ---*/
#lightbox {
left:0;
line-height:0;
position:absolute;
text-align:center;
width:100%;
z-index:100;
}

#lightbox img {
height:auto;
width:auto;
}

#lightbox a img {
border:none;
}

#outerImageContainer {
background-color:#fff;
height:250px;
margin:0 auto;
position:relative;
width:250px;
margin-top: 50px;
}

#imageContainer {
padding:10px;
}

#loading {
height:25%;
left:0;
line-height:0;
position:absolute;
text-align:center;
top:40%;
width:100%;
}

#hoverNav {
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
z-index:10;
}

#imageContainer>#hoverNav {
left:0;
}

#hoverNav a {
outline:none;
}

#prevLink,#nextLink {
/* background-image:url(data:image/gif;base64,AAAA);  - required for IE but CSS valadation fails*/
display:block;
height:100%;
width:49%;
}

#prevLink {
float:left;
left:0;
width: 63px;
}

#nextLink {
float:right;
right:0;
width: 63px;
}

#prevLink:hover,#prevLink:visited:hover {
background:url(images/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover,#nextLink:visited:hover {
background:url(images/lightbox/nextlabel.gif) right 15% no-repeat;
}

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

#imageData {
color:#666;
padding:0 10px;
}

#imageData #imageDetails {
float:left;
text-align:left;
width:70%;
}

#imageData #caption {
font-weight:700;
}

#imageData #numberDisplay {
clear:left;
display:block;
padding-bottom:1em;
}

#imageData #bottomNavClose {
float:right;
outline:none;
padding-bottom:0.7em;
width:66px;
}

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