/****************************************
 * Aviary
 * Home
 ****************************************/

#home {
  padding: 61px 0 0 0;
}

/* Intro */

#home-intro {
  margin: 0 0 40px 0;
  padding: 0 10px;
}

#home-intro h2 {
  margin: 0 0 4px 0;
  padding: 9px 0 0 0;
  font-size: 34px;
}

#home-intro p {
  margin: 0;
  font-size: 1.7em;
}

/* Scroller */

#home-scroller {
  position: relative;
  float: right;
  width: 240px;
  height: 75px;
  background: url(../images/scroller_back.gif) no-repeat top left;
  overflow: hidden;
}

#home-scroller-front {
  position: absolute;
  top: 0;
  left: 0;
  width: 240px;
  height: 75px;
  background: url(../images/scroller_front.png) no-repeat top left;
}

#home-scroller-words {
  position: absolute;
  top: -17px;
  left: 20px;
  width: 220px;
  font-size: 24px;
  line-height: 1em;
  font-weight: bold;
  color: #333;
}

#home-scroller .word {
  padding: 0 0 12px 0;
  height: 24px;
}

#home-scroller .clone {
  position: absolute;
  top: -1px;
  left: 0;
  color: #333;
}

/* Tools */

#home-tools {
  float: left;
  margin: 0 0 30px 0;
  width: 852px;
  background: url(../images/tool_grid_bg.gif) no-repeat top left;
}

.full #home-tools .grid-inner {
  width: 100%;
}

#home-tools .grid .item {
  margin: 0 2px 0 0;
  padding: 13px;
}

#home-tools .grid .tool {
  margin: 0 0 10px 0;
}

#home-tools .grid .tool img {
  float: left;
  margin: 0 4px 0 0;
}

#home-tools .grid .tool h4 {
  margin: 0 0 2px 0;
}

/* Popular */

#home-popular {
  padding: 20px 25px 25px 25px;
}

#home-popular h4 {
  margin: 0 0 20px 0;
}

/* Grid items */

#home .grid .details {
  margin: 0 0 0 2px;
  width: 100px;
}

#home .grid .date {
  float: right;
  margin: 0 2px 0 0;
}

#home .grid .item {
  position: relative;
}

#home .grid .item .thumbnail {
  margin: 0 0 7px 0;
}

/* Thumbnail launchers */

.thumbnail-launcher,
.thumbnail-launcher:hover {
  position: absolute;
  top: 153px;
  right: 4px;
  display: block;
  padding: 6px 0 0 0;
  width: 65px;
  height: 22px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
  outline: none;
  text-decoration: none;
  cursor: pointer;
}

#home-tools .creation {
  position: relative;
}

.thumbnail-launcher-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 65px;
  height: 56px;
  background: url(../images/launcher.png) no-repeat top left;
}

.thumbnail-launcher:hover .thumbnail-launcher-bg {
  top: -28px;
}

.thumbnail-launcher:active .thumbnail-launcher-bg {
  top: 0;
}

.thumbnail-launcher .inner {
  position: relative;
}

.thumbnail-launcher .icon16 {
  margin: 0;
}

/* Avalon link */

#avalon-parrot {
  margin: 0 2px 0 0;
  vertical-align: middle;
}