/* @override http://localhost:3000/stylesheets/albums.css */
#mainAlbums { position: relative; width: 690px; margin: -10px auto 0 auto; overflow: hidden; }
#mainAlbums .albumMin { position: relative; width: 138px; height: 138px; overflow: hidden; float: left;  }
#mainAlbums .albumMin a { display: block; width: 138px; height: 138px; overflow: hidden; color: #e9c82f; text-decoration: none; }


#mainAlbums h4 { display: block;  width: 690px; padding: 5px 10px; clear: both; color: black; text-shadow: none; background-color:  #e9c82f;  margin: 10px 0; font-size: 12pt; }

#mainAlbums .albumMin a img { width: 139px; margin-left: 0px; margin-top: -40px; }
#mainAlbums .albumMin a h3 { font-size: 11pt; position: absolute; left: 0; bottom: 0; display: block; width: 118px; padding: 10px; background-color: rgba(0,0,0,0.8); }

/* @view */

#viewAlbum { width: 688px; overflow: hidden; background: rgba(0,0,0,0.5); -moz-border-radius: 5px; -khtml-border-radius: 5px;-webkit-border-radius: 5px;  border: 1px solid black; font: 10pt/15pt "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
#viewAlbum #viewAlbumnav { text-align: center; padding: 15px 0 0 0; }
#viewAlbum #viewAlbumnav a { font: 10pt Avenir, Arial, Helvetica, Geneva, sans-serif; color: white; font-weight: bold; text-transform: uppercase; }
#viewAlbum #viewAlbumnav a:hover { color: #e9c82f; }

#viewAlbum #view { position: relative; width: 658px; margin: 15px; overflow: hidden; z-index: 0;  }
#viewAlbum #view img { width: 660px; }

#viewAlbum #view #viewCopyright { color: rgb(230,230,230); padding: 15px; position: absolute; left: 0; bottom: 0; width: 628px; background-color: rgba(0,0,0,0.5); text-align: right; font-style: oblique; font-size: 9pt; z-index: 1; }

#viewAlbum #viewData { width: 660px; margin: 0 auto 3px auto;  }
#viewAlbum #viewData #vdLeft { width: 430px; padding: 0 30px 0 0; float: right; }
#viewAlbum #viewData #vdRight { width: 200px; padding: 4px 0 0 0; margin: 0 0 12px 0; float: right; text-align: right; }
#viewAlbum #viewData #vdRight a { font-family: Avenir, Arial, Helvetica, Geneva, sans-serif; font-weight: bold; color: #e9c82f; text-transform: uppercase; }
#viewAlbum #viewData #vdRight a:hover { color: #A7DFF6; }


#viewAlbum #thumbList { width: 660px; margin: 0 auto 13px auto; padding: 0 0 0 2px; }
#thumbList .thumbMin { width: 53px; height: 53px; overflow: hidden; float: left; margin: 0 2px 2px 0; }
#thumbList .thumbMin a { display: block; width: 51px; height: 51px; overflow: hidden; border: 1px solid white; }
#thumbList .thumbMin a img { width: 53px; opacity:0.3; }
#thumbList .thumbMin a:hover img,
#thumbList .thumbMin a.current-pic img { opacity:1; }
#thumbList .thumbMin a.current-pic { border-color: #e9c82f; }