/* YUI reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td  { margin:0;  padding:0; }
table  { border-collapse:collapse;  border-spacing:0; }
fieldset,img  { border:0; }
address,caption,cite,code,dfn,em,strong,th,var  { font-style:normal;  font-weight:normal; }
ol,ul  { list-style:none; }
caption,th  { text-align:left; }
h1,h2,h3,h4,h5,h6  { font-size:100%;  font-weight:normal; }
q:before,q:after  { content:''; }
abbr,acronym  { border:0; }


/* basic page setup */

html { background:#ddd;  font:12px/16px Verdana, sans-serif; }
#header { padding:80px 0 64px 532px;  font-size:24px;  color:black; }

/* gallery */

#photoset_browser { margin-left:500px; }
#photoset_browser a:link, #photoset_browser a:visited { color:#000; }

.photoset { position:relative; padding-left:32px; margin-bottom:16px; }
.photoset.loading { background:url(/img/progress.gif) no-repeat 8px 0px; }
.photoset.open { font-weight:bold; }

.thumb_bar { margin:16px 0 8px 0;   /*IE7*/ zoom:1; display:none; }
.photoset.open .thumb_bar {  /*IE7*/ display:block; }
.thumb_bar a:active, .thumb_bar a:focus { outline:none; }

.thumb { width:75px; height:75px; margin:0 8px 8px 0; border:4px solid #fff; vertical-align:middle; }
.thumb.open { margin:0 8px 8px 0; border:4px solid #ddd; }

.photo { position:absolute; top:32px; left:-484px; width:500px; height:500px; text-align:right;  display:none; }
.photoset.open .photo { display:block; }