#thumbs ul{
  float:left;
}
#thumbs li{
  float:left;
  padding:5px;
}
#thumbs,#preview{
  position:relative;
}
#preview textarea{
  margin-top:1em;
  width:90%;
  background:#eee;
  border:1px solid #999;
  -moz-box-shadow:-2px 2px 5px rgba(66,66,66,.3);
  padding:5px;
}
#preview textarea.full{
  height:180px;
}
#preview div{
  display:block;
  height:200px;
  overflow:auto;
  margin:1em 0;
}
.copy p{
  font-size:105%;
  padding-bottom:.5em;
}
form{
  background:#369;
  padding:1em;
  margin:1em 0;
}
#collection li{
  float:left;
  padding:5px;
  z-index:10;
}
#collection{
  min-height:190px;
  background:#9c9;
  padding:5px 1%;
  float:left;
  width:78%;
}
#trash{
  height:200px;
  width:20%;
  position:relative;
  background:#ccc;
  float:right;
}
#collect{
  clear:both;
  margin-top:1em;
  display:none;
}
body.js #collect{
  display:block;
}
#trash.yui-dd-drop-over{
  background:#c33;
}
#collection.yui-dd-drop-over{
  background:#696;
}
#collection li,#thumbs li{
  position:relative;
  z-index:10;
}
#collection span,#thumbs span{
  position:absolute;
  bottom:7px;
  right:5px;
  width:71px;
  background:rgba(0,0,0,.8);
  color:#fff;
  font-size:80%;
  text-align:right;
  padding:2px;
}
div.loader,#preview div.loader{
  display:block;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background:rgba(60,60,60,.8);
  z-index:10;
  font-size:200%;
  color:#fff;
  margin:0;
  text-align:center;
}
#trash span.head,#collect span.head{
  position:absolute;
  top:5px;
  left:5px;
  font-family:calibri,sans-serif;
  font-size:200%;
  color:#060;
}
#collect button{
  position:absolute;
  bottom:5px;
  right:21%;
  font-family:calibri,sans-serif;
  font-size:120%;
  color:#000;
}
button,input[type='submit'],#thumbs a.more{
  border:none;
  background:#fc6;
  color:#000;
  padding:.2em 1em;
  text-decoration:none;
  font-weight:bold;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -moz-box-shadow:-1px 1px 5px rgba(33,33,33,.6);
}
button:hover,input[type='submit']:hover,#thumbs a.more:hover{
  background:#ff9;
  -moz-box-shadow:0px 0px 2px rgba(33,33,33,.6);
}
#thumbs p{
  margin-top:1em;
  clear:both;
}
#trash span.head{
  color:#666;
} 
#preview a{
  color:#369;
}
#intro p{float:left;}
#intro{overflow:hidden;}
#collect{
  position:relative;
}
#thumbs{
  position:relative;
  float:left;
  width:100%;
}
#thumbs a.more{
  position:absolute;
  right:10px;
  bottom:0;
  display:block;
}
#ft p{
  margin:2em 1em;
  text-align:right;
  font-size:80%;
  color:#999;
}
#ft p a{
  color:#666;
}

h1{
  font-family:calibri,sans-serif;
  font-size:200%;
  margin-bottom:10px;
  font-weight:bold;
  color:#69c;
}
h2{
  font-family:calibri,sans-serif;
  font-size:150%;
  margin-bottom:10px;
  font-weight:bold;
  color:#369;
}
h1 span{
  color:#369;
}
#collection{
  -moz-border-radius-topleft:10px;
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-bottomleft:10px;
  -webkit-border-bottom-left-radius:10px;
}
#trash{
  -moz-border-radius-topright:10px;
  -webkit-border-top-right-radius:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-right-radius:10px;
}
form{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.loader,#preview div.loader{
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}