/* photos.css - spolem.net, copyright Jake Laack, ekaj@spolem.net */

@import url("spolem.css");

div#bodyborder {
 max-width: 1100px;
 min-width: 650px;
}

div#contentwrapper {
 padding-left: 10.5em;
}

div#content {
 overflow: hidden; 
 }
 
div#SecurityPage {
 margin: 6.3em 180px 0 2.5em;
 padding: 0.5em;
 min-width: 400px;
 line-height: 160%;
 background-color: #fbfaf4;
 border: 1px solid #e6dfb9;
}

#SecurityImg {
 float: left;
 margin-top: 20px;
}

#SecurityMsg {
 padding-left: 90px;
}

div#Browse {
 margin: 1.5em 0.5em 0 1em;
}

div#Browse h1 {
 margin-left: 0.7em;
}

div#Browse h2 {
 margin: 0.5em 0 0.2em 0;
 border-bottom: solid 1px #e6dfb9;
}

div#AlbumView {
 position: absolute;
 z-index: 30;
 left: 1em;
 top: 80px;
 width: 13em;
 margin: 4.8em 1em 2em 0;
 padding: 0.5em;
 background-color: #FBF8E5;
 border-right: 1px solid #e0d8a9;
 border-bottom: 1px solid #e0d8a9;
}

div#AlbumView h2 {
 font-size: 1em;
}

div#AlbumView div#SiteFooter {
 margin-left: 0px;
 margin-bottom: 0px;
}

div#RightSide {
 margin-left: 16.5em;
 margin-bottom: 20px;
}

div#PhotoView {
}

div#PhotoView img#Photo {
 margin-right: 20px;
}

div#PhotoNav {
 color: #e6dfb9;
}

div#PhotoInfo {
 font-size: 0.8em;
}

div#ExifData {
 margin-top: 1em;
 font-size: 0.8em;
}

div#ThumbView {
 margin-top: 10px;
 padding: 0.5em;
 background-color: #fbfaf4;
 border: 1px solid #e6dfb9;
}
a.ThisPhoto img {
 border: solid 3px red;
}
a.NewPhoto img {
 border: solid 3px #faff8c;
}

a.SecurityLink {
 display: block;
 margin-top: 0.5em;
}

a.SecurityLink img {
 vertical-align: top;
}

ul#AlbumList {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 font-size: 0.75em;
}

ul.SubAlbumList {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}

ul#AlbumList li a, ul.SubAlbumList li a {
 color: #9e8f38;
}

ul#AlbumList li a.NewFolder, ul.SubAlbumList li a.NewFolder {
 color: #ac522b;
 font-style: italic;
}

ul#AlbumList li a:hover, ul.SubAlbumList li a:hover {
 color: #F00;
}

ul#AlbumList li a:visited, ul.SubAlbumList li a:visited {
 color: #3c3615;
}

ul#AlbumList li a img, ul.SubAlbumList li a img {
 vertical-align: middle;
}

ul.SubAlbumList {
 margin-left: 5px;
}