/*
  Author:        Duncan McLaren
  Date:          6th May 2007
  Revision:      $Revision: 1.2 $
  Revision Date: $Date: 2007/05/06 13:29:37 $
  
  Layout CSS for website
  
  Revision History
  $Log: djm-photography.css,v $
  Revision 1.2  2007/05/06 13:29:37  duncan
  Updates for CSS Compliance, plus additional fixes for FF & IE interoperability

*/
body {
   margin-left: 10%; 
   margin-right: 10%;
   text-align:center;
   background-image:url('../images/background2.png');
   background-repeat:repeat-x; 
   background-color:rgb(51,51,51);
   font-size: .8em;
   font-family:verdana,arial,monaco,sans-serif;
   }
   
h1, h2, h3, h4, h5 {
   display:block;
   height:auto;
   font-family:Tahoma, Arial, sans-serif;
   letter-spacing: -.01em;
   line-height: 1em;
   color: rgb(206,213,222);
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.85em;
}

h3 {
  font-size: 1.5em;
  
}

h2 {
  font-size: 1.25em;
}
 
h5 {
  font-size: 1em;
}

body.pageBody {
  position:relative;
  margin: 0 auto;
  padding: 0;
  width: 750px;
  text-align:center;
}

div.logo {
   float:left;
   margin:0 0 9px;
   padding:0;
   }
h1.logo {
   margin:0;
   padding:0;
   }
span.logo {
   display:none;
   }
   
a.logo {
   width:234px;
   height:94px;
   background:url('../images/logo3.png') no-repeat;
   display:block;
   cursor:pointer;
   }
   
div.tagline {
   float:right;
   margin:0 0 9px;
   width:350px;
   height:94px;
   font-weight:bold;
   color:#75613D;
   vertical-align:middle;
   
   }
   
h1.tagline {
   margin:0;
   padding:0;
   width:350px;
   height:94px;
   display:block;
   background:url('../images/head_graphic.png') no-repeat;
   vertical-align:middle;
}

span.tagline {
  display:none; 
}

div.pageNav {
  clear: both;
  width:750px;
  height:1.7em;
  /*background: rgb(204,204,255);*/
  background:url('../images/nav-bar2.png') no-repeat;
  padding-top: 0.5em;
  padding-bottom: 0.35em;
  /*border: 1pt solid black;*/
  text-align: center;
  vertical-align: middle;
  font-weight:bold;
  font-size:.9em;
  color: rgb(206,213,255);
}

a.pageNav {
  color: rgb(206,213,255);
}

a.pageNav:hover {
   color: rgb(178,185,226);
   border:none !important;
   text-decoration:underline;
}

a.pageNav:visited {
  color: rgb(222,213,206);
}
   
div.breadcrumb {
  clear:both;
  width:750px;
  height:1.6em;
  font-size:0.8em;
  padding-top:0.3em;
  padding-bottom:0.3em;
  font-weight:bold;
  text-align:left;
  color: rgb(206,213,255);
}

a.breadcrumb {
  color: rgb(206,213,255);
}

a.breadcrumb:hover{
  color: rgb(178,185,226);
}

a.breadcrumb:visited {
  color: rgb(222,213,206);
}

div.photopart {
  clear: both;
  width: 750px;
  height: 550px;
  font-size: 0.9em;
  padding-top: 1em;
  text-align: center;
}


  


table.photo {
  margin: 0 auto;
  text-align: center;
  width: 30px;
  table-layout:auto ;
}

td.photo {
  text-align: center;
}

td.photo_cap {
  text-align: left;
  vertical-align: top;
}

#captionHeader {
  font-size:1.1em;
  font-weight: bold;
  font-family:verdana,arial,monaco,sans-serif;
  padding-bottom: 0.75em;
  color:rgb(206,213,222);
}

#captionDescription {
  font-size:1em; 
  font-family:verdana,arial,monaco,sans-serif;
  padding-top: 0.1em;
  color:rgb(206,213,222);
}

#captionEXIF {
  font-size: 0.85em;
  font-family:Tahoma, Arial, sans-serif;
  color:rgb(206,213,222);
}
#photonav {
  clear:both;
  width: 750px;
  height: 1.6em;
  font-size: 0.9em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  font-weight:bold;
  text-align: center;
  vertical-align: middle;
  color: rgb(206,213,255);
  font-size: 0.75em;
  font-weight: bold;
  font-family: Tahoma, Arial, sans-serif;
}


#photonav a {
  color:rgb(206,213,255);
  text-decoration: underline;
}

#photonav a:hover, #photonav a.selected {
  color:rgb(178,185,226);
  text-decoration: underline;
}

#photnav a.visited {
  color: rgb(222,213,206);
}

div.footer {
  clear:both;
  width: 750px;
  height: 4em;
  font-size: 0.8em;
  color: rgb(206,213,222);
  text-align: left;
  padding-top: 1em;
}

a.footer {
  font-weight:bold;
  color: rgb(206,213,255);
  text-decoration: underline;
}

a.footer:hover{
  color: rgb(178,185,226);
}

a.footer:visited {
  color: rgb(222,213,206);
}

span.logoDJM {
  font-family:Tahoma, Arial, sans-serif;
  letter-spacing:-0.08em;
  font-weight: normal;
}

span.logoPHOTO {
  font-family:Veranda, Arial, sans-serif;
  letter-spacing:0.03em;
  font-weight:normal;
}

p.pageContent {
  color: rgb(206,213,222);
  text-align:left;
}

img.pageContent {
  margin-top: 2em;
  margin-bottom: 2em;
}

a.pageContent {
  color: rgb(206,213,255);
  font-weight: bold;
}

a.pageContent:hover {
  color: rgb(178,185,226);
  font-weight: bold;
}

a.pageContent:visited {
  color: rgb(222,213,206);
  font-weight: bold;
}

table.gallery {
  table-layout: auto;
  width: 100%;
  height: 480px;
  /*border: 1pt solid white;*/
}

tr.gallery {
  height: 140px;
  border: 1pt solid white;
}

td.gallery {
  text-align: center;
  width: 50%;
  /*border: 1pt solid white;*/
  vertical-align:top;
}

td.gallery_wide {
  text-align: center;
  width: 100%;
  /*border: 1pt solid white;*/
  vertical-align:top;
}

img.gallery {
  height: 140px;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  vertical-align:top;
  color: rgb(206,213,255);
  border: 2px solid;
}

/*a.gallery {
  text-align: center;
  font-size: 0.8em;
  margin-top: 0em;
  margin-bottom: 0em;
}*/

a.gallery {
  color: rgb(206,213,255);
  font-weight: bold;
  font-size: 0.8em;
}

a.gallery:hover {
  color: rgb(178,185,226);
  font-weight: bold;
}

a.gallery:visited {
  color: rgb(222,213,206);
  font-weight: bold;
}

div.pageContent {
  clear:both;
  width: 750px;
  font-size: 1em;
  color: rgb(206,213,222);
  text-align: left;
  padding-top: 1em;
}  

h1.pageContent {
  text-align: center;
}

p.centered {
  text-align: center;
}

a.pageContent {
  color: rgb(206,213,255);
  font-weight: bold;
  font-size: 0.8em;
}

a.pageContent:hover {
  color: rgb(178,185,226);
  font-weight: bold;
}

a.pageContent:visited {
  color: rgb(222,213,206);
  font-weight: bold;
}

table.fullgallery {
  table-layout: auto;
  width: 100%;
  height: 480px;
  /*border: 1pt solid white;*/
}

tr.fullgallery {
  height: 140px;
  border: 1pt solid white;
}

td.fullgallery {
  text-align: center;
  width: 33%;
  /*border: 1pt solid white;*/
  vertical-align:top;
}

td.fullgallery_wide {
  text-align: center;
  width: 100%;
  /*border: 1pt solid white;*/
  vertical-align:top;
}

img.fullgallery {
  height: 140px;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  vertical-align:top;
}

/*a.fullgallery {
  text-align: center;
  font-size: 0.8em;
  margin-top: 0em;
  margin-bottom: 0em;
}*/

a.fullgallery {
  color: rgb(206,213,255);
  font-weight: bold;
  font-size: 0.8em;
}

a.fullgallery:hover {
  color: rgb(178,185,226);
  font-weight: bold;
}

a.fullgallery:visited {
  color: rgb(222,213,206);
  font-weight: bold;
}

div.w3c_footer 
{
  float: right;
  width: 186px;
  height: 37px;
  vertical-align: middle;
  text-align: right;
  border-width: 2px;
  border-color: white;
}

img.w3c_footer
{
  width: 79px;
  height: 28px;
  border-width: 0px;
}