/* Yahoo! CSS reset ... see developer.yahoo.com/yui for details */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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;}oo, ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/* Yahoo! font reset ... see developer.yahoo.com/yui for details */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

body { background:transparent url('logo.jpg') -50px 0 no-repeat; }

a {
   cursor:pointer;
}

#flickrball {
  position:relative;
  display:block;
  height:540px;
}

button {
  border:2px solid #aaa;;
  background-color:#000;
  font-size:92%;
  font-weight:bold;
  color:white;
}

h1 {
  width:510px;
  margin:20px 0 20px 200px;
}

input {
  border:1px solid #999;
  width:100px;
}

.set img {
   border:1px solid black;
   z-index:1;
}

.set div {
   z-index:0;
   position:absolute;
   background:#000;
   border:1px solid #000;
   filter:alpha(opacity=20);
   -moz-opacity:0.2;
   opacity: 0.2;
}

.board, .frame, .matte, .art {
   position:absolute;
   top:0;
   left:0;
   height:510px;
   width:510px;
}

.board {
   margin:20px 10px 10px 10px;
   background:transparent url('metalTexture.gif') 0 0;
}


#flickrball .board .set img {
   position:absolute;
}

.board {
  top:20px;
}

.signature, .title {
  width:510px;
  padding:2px;
  text-align:center;
}

.tags {
  position:absolute; 
  bottom:0px;
  left:540px;
  height:100px;
  overflow:auto;
}

.clicks {
  position:absolute;
  padding:3px;
  top:30px;
  left:540px;
}

.list {
  position:absolute;
  padding:3px;
  top:50px;
  left:540px;
  height:400px;
  overflow:auto;
}

.list li {
   height:20px;
   margin-bottom:5px;
}

.list li img {
   border:1px solid #000;
   height:20px!important;
   width:20px!important;
   margin-top:2px;
   margin-right:2px;
   margin-bottom:-5px;
}

.hidden {
   display:none;
}

.matte {
   background: #000 url('progress_barberpole.gif') 50% 50% no-repeat;
   filter:alpha(opacity=50);
   -moz-opacity:0.7;
   opacity: 0.7;
   z-index:8675309;
}

.art {
   height:460px;
   width:460px;
   top:25px;
   left:25px;
   background:transparent url('progress_barberpole.gif') 50% 50% no-repeat;
   z-index: 8675319;
}

.signature, .title {
   color:#fff;
   background-color: transparent;
   position: absolute;
   right:0;
   left:0;
   z-index: 8675329;
}

.signature {
   bottom:5px;
}

.signature a {
   color:#fff;
   cursor:pointer;
   text-decoration:none;
}

.title {
   top:5px;
}