html, body {
  padding: 5px;
  margin: 0px;
  font-family: arial, sans-serif;
  font-size: 10pt;
  height: 100%;
}
a img { border: 0px; }


A:link { text-decoration: none; color: blue; }
A:visited { text-decoration: none; color: purple; }
A:active { text-decoration: none; }
A:hover {text-decoration: underline; }

/* for header section */
#header {
}
#header h2 {
  color: #000;
  font-size: 100%;
  font-weight: bold;
  display:inline;
  padding-right: 10px;
}
#header h3 {
  color: #000;
  font-size: 100%;
  display:inline;
  font-weight: normal;
  padding-right: 10px;
}

#header h2 A:link { text-decoration: none; color: #000; }
#header h2 A:visited { text-decoration: none; color: #000; }
#header h2 A:active { text-decoration: none; color: #000; }
#header h2 A:hover  { text-decoration: underline; color: #000; }
#header h3 A:link { text-decoration: none; color: #000; }
#header h3 A:visited { text-decoration: none; color: #000; }
#header h3 A:active { text-decoration: none; color: #000; }
#header h3 A:hover  { text-decoration: underline; color: #000; }


#message {
  float: right;
  font-style: italic;
  margin: 10px;
}

#loginbox {
  display: none;
}



/* for all contents section */
#content {
  height: 80%;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}


/* for showing a picture content */
#pictureContainer {
}
#pictureContainer .links {
  font-size: 10px;
  text-align: left;
}
#pictureContainer .links A:link { text-decoration: none; color: #777; }
#pictureContainer .links A:visited { text-decoration: none; color: #777; }
#pictureContainer .links A:active { text-decoration: none; color: #777; }
#pictureContainer .links A:hover  { text-decoration: underline; color: #777; }

#picture {
}
.information {
  display: none;
  margin-right: 20px;
}
.information TD.label {
  font-weight: bold;
  font-size: 11px;
  vertical-align: top;
}
.information TD.value {
  font-size: 10px;
}


/* for listing albums content */
#listOfAlbums { 
  margin-left: auto;  
  margin-right: auto;
  width: auto;
}
#listOfAlbums TD {
  padding: 5px;
  vertical-align: bottom;
  text-align: center;
  width: 150px;
}
#listOfAlbums TD.header {  
  border-bottom: 1px solid #ccc;
  font-family: sans-serif;
  text-align: left;
  font-size: 80%;
}
#listOfAlbums TD.footer {
  border-top: 1px solid #ccc;
}
#listOfAlbums .albumIcon {
  border: 0;
}
#listOfAlbums .albumTitle { 
  font-weight: bold;
  font-size: 11px;
}
#listOfAlbums .albumDescription {
  font-size: 10px;
}

/* for displaying photos in a grid; no flash and  admin! */
TABLE.displayasgrid {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
TD.displayasgrid-pic { padding: 10px;  }
TD.displayasgrid-header {  
  border-bottom: 1px solid #ccc;
  text-align:right;
  font-family: sans-serif;
  font-size: 70%;
}
TD.displayasgrid-footer { 
  padding: 10px; 
  border-top: 1px solid #ccc;
  text-align:right; 
  font-size: 80%;
}


/* for all footers */
#footer {
  width: 100%;
}
.leftCell { 
  text-align: left; 
  width: 50%;
  vertical-align: bottom;
}
.rightCell { 
  text-align: right; 
  width: 50%;
  vertical-align: bottom;
}
h1 {
  font-weight: bold;
  size: 120%;
  display: inline;
}
.albumLink { 
  font-size: 8pt; 
}
.currentAlbumLink { 
  font-size: 10pt; 
}
#photo-description { 
}
#photo-copyright {
  font-size:70%;
  color: #888;
}
#LogIn {
  font-size: 80%;
  color: #888;
}
.panelLink {
  font-size: 80%;
}
#Legal {
  font-size: 70%;
  color: #888;
}
#moreLegal {
  font-size: 70%;
  color: #888;
}
#lessLegal {
  font-size: 70%;
  color: #888;
}
#contactDetails {
  font-size: 80%;
}