/*
NS 4.x doesn't understand @import, so I put styles that confuse NS 4.x in
album2.css and import them here.
*/
@import url(album2.css);

body { background: #efe6d9  url("/~hallgren/P/Texture0106.jpg"); }
BODY.unused { background-color: #ace; /* #eedfcc */ /* black; */ }

BODY.index {
    background-image: url("/~hallgren/P/o023.jpg");
    background-attachment: fixed;
 }

H1 { text-align: center }
H1, H2, H3,STRONG {
  color:  #06c /*midnightblue*/;
  font-family: sans-serif;
  margin-bottom: 0.5ex;
  margin-top: 0.5ex;
}

h1,h2,h3, .aktiv, .active, .inaktiv, .inactive, .button {
  text-shadow: #fff -1px -1px 0px, rgba(0,0,0,0.6) 1px 1px 1px;
}

TABLE { border-spacing: 2px; }
TABLE.border0 { border-spacing: 0; }

/*TH { background: #dceffe;
     text-align: left;
     font-family: sans-serif; }*/

TD.evenphoto,TD.eventext { background: #9cf /*#dceffe*/; }
TD.eventext,TD.right { text-align: right; }
TABLE.bg TR TD,TR.odd TD,TD.oddphoto,TD.oddtext { background: #feefdc; }
/*.caption { max-width: 350px; }*/
.sans { font-family: sans-serif; }


DIV.body, DIV.section, .aktiv, .active
 { background: #efe6d9  url("/~hallgren/P/Texture0106.jpg");
   border-style: solid;
   border-width: 2px;
   border-color: #06c;
   padding: 5px;
   /*align: center;*/
 }

DIV.details, DIV.predetails>pre {
 font-size: smaller;
 /*font-family: monospace;*/
 background-color: #ace;
 color: #003366;
 border-style: dashed;
 border-width: 1px;
 border-color: #06c;
 padding: 5px /*0 5px 0 5px*/;
}

DIV.nav {
 background-color: #ace;
 padding: 5px /*0 5px 0 5px*/;
 border-style: solid;
 border-width: 2px;
 border-color: #06c;
}

/* Not supported by mozilla? */
.inlinetable { display: inline-table; }

.details table { border-spacing: 1px; }
.details table tr td { background: #bdf; padding: 0; }

table.imgtable {
  border-collapse: collapse;
  display: inline-table;
  /*float: left;*/
  /*background-color: black; color: white;*/
  /*padding: 5px;
  border: 1px solid black;*/
  margin: 3px;
  width: 266px;
}

div.search { margin: 5px;
	     /*text-align: right;*/
	   position: absolute;
	   top: 5px; right: 5px; }

div#counts { margin: 10px; }
ul.subdirs li small { color: #3b3936; } /* 1/4 of bg #efe6d9 */

table.right td { text-align: right; }
table.border td { border: 1px solid black; padding: 2px; }
table.border { border-collapse: collapse; margin: 5px; }
table td { vertical-align: top; }

img.right { float: right; clear: right; margin-bottom: 3px; }

table#images { margin-left: auto; margin-right: auto; }
.slideshowbuttons { /*margin: 5px; text-align: center;*/ line-height: 150%; }
.slidebutton, .currentslidebutton, .loadingslidebutton {
    color: white;
    font-family: verdana, sans-serif; font-size: small;
    text-decoration: none;
    margin: 2px 0px; padding: 2px 6px;
}
.slidebutton { background: rgb(0,0,153); }
.currentslidebutton,.slidebutton:hover { background: rgb(106,109,190); }
.slidebutton:hover { text-decoration: underline; }
.loadingslidebutton { background: #c60; }

div.hidden { /*opacity: 0;*/ display: none; }
div.slides {
    padding: 5px;
    /*position: relative;
    min-height: 420px;*/
}
/* div.slide { position: absolute; }*>
/*div.slide { background: #efe6d9  url("/~hallgren/P/Texture0106.jpg"); }*/
div.caption { margin: 5px; }

a img.movie { border-style: solid dashed; }

/* Add blue borders to linked images, missing in Safari & Opera
   Same as the defaults in Firefox & Seamonkey */
a img { border: 2px solid #00f; }
a:visited img { border: 2px solid #551a8b; }