@charset "UTF-8";
/* CSS Document */
  
#tray {
  width:100%;
  background-color:#222;
  clear:both;
  padding:0 3em;
  }
  
.sample {
  float:left;
  clear:none;
  margin:0 2em 2em 0;
  background-color:#1a1a16;
  border:1px solid #2a2a25;
  width:30em;
  height:30em;
  display:none;
  padding:2em;
  }

.sample img {
  width:16.67em;
}

.sample .sample-figure {
  width:16.67em;
  margin:0 0 1em 1em;
  float:right;
  clear:both;
}

.sample .sample-figure-cap, .close-window {
  font-family:Arial, Helvetica, sans-serif;
  font-size:.92em;
  margin:.17em 0 0;
  text-align:right;
}


.sample h4 {
  font-family:"Courier New",Courier,monospace;
  font-size:1.5em;
  line-height:1.08em;
  color:#ccc;
  margin-bottom:1.17em;
}

.sample h5 {
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.08em;
  margin-bottom:.5em;
  color:#bcb;
}
  
.skilllist {
  display:block;
  float:left;
  margin:0 2em 0 0;
  width:9em;
  }
  
.layout {
  float:left;
  }
  
#controls {
  float:left;
  clear:both;
  margin:1em 0 2em;
}

#controls img {
  opacity:.5;
  filter:alpha(opacity=50);
  -moz-opacity:.50; 
}

#controls img:hover {
  opacity:.9;
  filter:alpha(opacity=90);
  -moz-opacity:.90; 
}
  
.scale-thumb {
  float:left;
  margin:0 1em 0 0;
}

h6.sample-date {
color:#444;
  float:right;
  font-family:Arial, Helvetica, sans-serif;
  font-size:.92em;
display:none;
  margin-left:2em;
}

ul.aoe, ul.skills {
  margin:.75em 0 3em;
  font-family:Arial, Helvetica, sans-serif;
}

ul.aoe li {
  line-height:1em;
  margin:0 0 .5em;
}

ul.skills li {
  line-height:1.33em;
  margin:0 0 .5em;
  display:inline;
}

ul.aoe li a:link, ul.aoe li a:visited {
  color:#383;
  text-decoration:none;
}

ul.aoe li a:hover {
  color:#ded;
}

.sample p.description {
  line-height:1.33em;
  font-family:Arial, Helvetica, sans-serif;
}

.ui-sortable-placeholder { border: 1px dotted #ccc; visibility: visible !important; height: 50px !important; width:30em !important;}
.ui-sortable-placeholder * { visibility: hidden; }


#aoes {
  float:left;
  clear:both;
  margin:.5em 0 2.75em 0;
  white-space:nowrap;
  width:100%;
}

#aoes ul {
  float:left;
  white-space:nowrap;
}

#aoes li {
  margin:0 2em 0 0;
line-height:1.5em;
  float:left;
}

a.selectedaoe, a.selectedaoe:link, a.selectedaoe:visited, #aoes a.selectedaoe:hover {
  color:#ded;
  text-decoration:none;
  font-weight:normal;
}

.sample-figure a:hover {
  font-weight:normal;
}

.zoom-in {
  display:none;
  position:fixed;
  margin:0 0 0 -250px;
  background-color:#fff;
  z-index:10000;
  text-align:left;
  top:50px;
  left:50%;
}

.close-window {
  font-family:Arial, Helvetica, sans-serif;
  font-size:.92em;
  margin:.25em 0 0;
  text-align:right;
}

.zoom-in-box {
  position:absolute;
  left:210px;
  top:320px;
  width:150px;
  padding:1em;
  background-color:#cc6;
  opacity: .9;*opacity: .9;
  filter: alpha(opacity=90);*filter: alpha(opacity=90);
}

.zoom-in-box a, .zoom-in-box a:link, .zoom-in-box a:visited {
  color:#03f;
  font-weight:bold;
}



#fader {
  display:none;
  position:absolute;
  width:100%;
  padding-bottom:10000px;
  margin-bottom:-10000px;
  left:0;
  top:0;
  background-color: #222;
  z-index:5000;
  opacity: .8;*opacity: .9;
  filter: alpha(opacity=80);*filter: alpha(opacity=90);
}