/*standard body tags etc */

body  {
       background-color: black;
       font-family: franklin gothic book, sans-serif;
       font-size: 11pt;
       color: #ffffff;
       margin: 0px;
       padding: 0px;
}    

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

a:link {color: white;}
a:visited {color: #fff; }
a:hover {text-decoration: overline; }

img   { 
       border: 0px;
}

.borderwhite {
       border: black 1px solid;
}

.borderblack {
       border: #fff 1px solid;
}

.bold {
       font-weight: bold;
}

.oblique {
       font-style: oblique;
}

#none {
text-decoration: none;
}

/*div for the top right hand logo*/

#logo {

       float: right;
       width: 100%;
       border: 0px #000 dashed;
       text-align: right;
       margin-right: 13px;

}


/* the links bar which is a customised, inline unordered list*/

#linksbar {

       float: right;
       text-align: right;
       font-variant: small-caps;
       border: 0px #ffffff dashed;
       text-decoration: none;
       margin-top: 0px;
       padding-right: 13px;

}
#linksbar ul {
       border: 0;
       margin: 0;
       padding: 0;

}

#linksbar ul li {
       display: inline;
       padding-left: 5px;
       padding-right: 5px;
       border-right: 0px dotted white;
       background-color: black;
}

#linksbar ul li#current {
border-top: 1px solid white;
border-top: 1px solid white;
}

#linksbar ul li a {

       background-color: black;
       color: white;
       text-decoration: none;
}


#linksbar ul li a:hover {
border-top: 1px white solid;
border-bottom: 1px white solid;
}

#linksbar ul li a:focus {
border-top: 1px white solid;
border-bottom: 1px white solid;
}

body#home a#navhome,
body#slides a#navslides,
body#leafskeleton a#navleafskeleton,
body#textmessages a#navtextmessages,
body#birdcage a#navbirdcage,
body#sittingwaiting a#navsittingwaiting,
body#super a#navsuper,
body#polaroids a#navpolaroids,
body#contact a#navcontact
{
border-top: 1px white solid;
border-bottom: 1px white solid;
}




/*the above is an efficient way of highlighting the link on the current page. it involves giving each body a unique id. it was sourced from www.webmasterworld.com/forum83/4502.htm and also from www.hicksdesign.co.uk/journal/271/highlighting-current-page-with-css - both pages have an explanation for how it works
note this very wierd fact for internet explorer: for this to work, the anchored list items must have no spaces in them, and no strange characters (even numbers, hyphens, and underlines!!) Also, Internet Explorer for Mac seems to not recognise my nav bar at all!! */


#page {
       position: absolute;
       top: 90px;
       margin-top: 10px;
       padding-right: 20px;
       border: 0px #ffffff dashed;
}


/*the following locates the image on any given page. the image div sits inside the page div*/

#image {
       float: right;
       width: 407px;
       text-decoration: overline;
       border: 0px #ffffff dashed;
       margin-top: 25px;

}
/* the caption text is in the image div*/

#caption {

       width: 100%;
       float: right;
       font-variant: small-caps;
       text-align: right;
       border: 0px #ffffff dashed;
       text-decoration: overline;
       margin-top: 4px;
}



/*the imagethumbs sit inside the image div 

/*the text div is within the page div */


#text {

      border: 0px #ffffff dashed;
      color: #fff;
      float: right;
      margin-top: 25px;
      margin-right: 15px;
      width: 380px;
      
      text-align: right;

}

#textlinks {

      border: 0px #ffffff dashed;
      color: #fff;
      float: right;
      margin-top: 25px;
      margin-right: 15px;
      width: 380px;
      
      text-align: right;

}



#textlinks a{color: #ffff6b;}

/*these divs are for the single image pages where the image is displayed large*/
#bigpage {
	width: 100%;
	float: right;
}

#bigimages {
	padding-top: 10px;
	padding-right: 10px;
	text-align: right;
	float: right;
	width: 100%;
}

#bigcaption  {

      
	  border: 0px #ffffff solid;
      color: #fff;
      float: right;
      margin-top: 0px;
      margin-right: 15px;
      text-align: right;
      font-variant: small-caps;
	  width: 100%;

}

#imagecaption  {


      border-top: 1px #ffffff solid;
	  border-bottom: 1px #ffffff solid;
      color: #fff;
      float: right;
      margin-top: 10px;
      margin-right: 15px;
      text-align: left;
      font-variant: small-caps;

}