/* Albums overview - Design by Nguyen Dinh Thien - my.opera.com/thiendt5/ */

#albums {margin-top:20px;display:inline-block}
#albumsheader {font-size:1.85em; line-height:1.2; margin:0 0 0.3em;}
#albums li {display:inline; float:left; margin-right:10px; overflow:hidden;  margin-bottom:10px}
#albums .album1 {clear:both;}
.albuminfo {border:1px solid #ccc; background-color:#fff; margin-bottom:8px; padding:8px; -moz-border-radius:4px;border-radius:4px;}
.albuminfo:hover{cursor:pointer; text-decoration:none; border:1px solid #000}
.albumimage img {display:block; height:100%; width:100%;}
#albums p, #albums h3 {font-size:11px; margin:6px 0;  text-align:center;}
#albums .albumname {font-size:13px; font-weight:bold; text-decoration:none}
.editimg{margin:6px 0}

#albumheader {line-height:1.1; margin:0 0 6px;}
.albumdate, .albumtags, .albumdescription, #album-mms, .albumowner {font-size:11px; margin:2px 0 10px;}
.albumdate {font-weight:bold}
#album-mms {display:none}

#mypix {clear:both; width:100%;}
#mypix li {float:left; margin:5px; position:relative; overflow:hidden;border:1px solid #ccc; background-color:#fff; -moz-border-radius:4px; border-radius:4px;}
#mypix .thumb {display:block;}
#mypix li:hover {cursor:pointer; border:1px solid #000;}
#mypix .thumb img {height:100%; margin:8px 8px 33px;}
#mypix p {color:#999999; font-size:11px; line-height:1; margin:0;text-align:right}
.photocomments {bottom:16px; position:absolute; right:8px;}
.photoinfo {bottom:16px; position:absolute; left:8px;}

#frame1 {background:#f0f0f0; clear:both; margin-bottom:10px; padding-bottom:40px; max-width:100%; width:100%; -moz-border-radius:4px; border-radius:4px}
#frame2, #frame3 {width:100%;}
#frame4 {margin-bottom:10px; padding:11px 14px 5px; position:relative;}
#zoom {position:absolute; right:8px; top:8px;}
#frame1 h2 {font-size:12px; line-height:18px; padding-right:48px; text-align:center;}
#bigimg {padding-bottom:2px; position:relative; width:100%; z-index:999;}
#bigimg img {display:block; border:none; margin:0 auto}
.scaled {width: 100%;}
#frame4 .rate-it {bottom:14px; padding:0; position:absolute; right:10px; z-index:999;}
#stardiv {display:inline; float:right; height:10px; margin:1px 1px 0 2px; overflow:hidden; width:55px;}
p.rate-text {color:#777777; font-size:11px; margin:0 60px 0 0;}
#imgnav {clear:both; font-size:1.1em; height:42px; margin:0; padding:0 10px; position:relative; text-align:center; z-index:777;}
#imgnav div {padding-top:6px; width:100%;}
#imgnav img {vertical-align:middle;}
#imgdesc {clear:left; font-size:11px;padding:0 30px;text-align:center;}
#albumslides {margin:0 0 15px;}

#side .preview {margin:0 0 10px; padding:0; text-align:center; width:48%;border:1px solid #ccc;-moz-border-radius:4px;border-radius:4px;background-color:#fff;}
#side .preview:hover {border:1px solid #999;background-color:#ddd}
#side #p1 {float:left}
#side #p2 {float:right}
.preview a:link, .preview a:visited, .preview a:active {
    display:block; line-height:13px; padding:7px; text-decoration:none;}
.preview img { margin-bottom:3px;}
div.clear {clear:both; height:1px; line-height:1px; overflow:hidden;}
#side dl {margin:0;}
#exif {margin: 0; width:100%;}
#exif .filename {border:medium none;}
#exif dt {font-weight:bold;clear:both; float:left; margin:0; overflow:hidden; padding:5px 0; width:25%;}
#exif dd {float:right; width:70%;overflow:hidden;margin:0; padding:5px 0;}
#exif dt, #exif dd {border-top:1px solid #333333;}