/*
FILENAME: home.css
DESCRIPTION: This stylesheet serves additional declarations for the Onehub.com homepage
*/

hr {
  margin: 0 auto 19px auto;
  width: 940px;
}

/* =BANNER */

#banner {
  padding-bottom: 0;
  position: relative;
}

#banner #slideshow {
  height: 300px;
  overflow: hidden;
}

#banner .pitch {
  color: #fff;
  font-size: 38px;
  font-weight: bold;
  letter-spacing: -0.02em;
  margin: 0 0 20px 0;
  text-shadow: 0 -1px rgba(0,0,0,0.3);
}

#banner h1 {
  color: #304812;
  font-size: 26px;
  font-weight: normal;
  margin: 0 0 20px;
}

#banner .hero a {
  background: url("http://img257.imageshack.us/img257/2448/wallchscreenshot.png") 0 0 no-repeat;
  color: #e2e2e2;
  display: block;
  font-size: 11px;
  padding: 200px 0 100px 0;

}

#banner .hero a strong {
  color: #fff;
  text-transform: uppercase;
}

#banner .hero a span { visibility: hidden; }
/*#banner .hero a:hover { background-position: -460px 0; }*/
/*#banner .hero a:hover span { visibility: visible; }*/
#banner .uber_button { color: #649230; }
#banner .uber_button a.passive { color: #354e1a; }

#banner .uber_button a:hover.passive {
  background: none;
  border-bottom: 1px solid #6b9c33;
  color: #426120;
}

#banner .uber_button h2 {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 20px;
  margin: 0;
}

#banner .uber_button a.button {
  background-color: #4e7429;
  border: 1px solid #36501d;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, .5);
}

#banner .uber_button a:hover.button {
  background-color: #5b8730;
  border: 1px solid #486c26;
}

#banner .uber_button strong { color: #d6e029; }

#banner .uber_button em {
  font-family: Garamond, Georgia, serif;
  font-weight: normal;
  font-style: normal;
  color: #d7decf;
}

#banner .uber_button span {
  display: block;
  font-size: .75em;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
  color: #a5ab9f;
}

#banner #navigation_dots {
  position: absolute;
  bottom: -20px;
  width: 100%;
  z-index: 29;
}

#banner #navigation_dots #dots { width: 28px; }
#wrapper { padding-top: 20px; }

/* =PRODUCTS */

.product { overflow: hidden; }

.product .lockup {
  background-position: 0 50%;
  background-repeat: no-repeat;
  margin: 0;
  text-indent: -9999px;
}

.workspaces .lockup { background-image: url("../images/logo-workspaces-gray-185x36.png"); }
.transfers .lockup { background-image: url("../images/logo-transfers-gray-151x29.png"); }
.product p { line-height: 30px; }

.product .lockup {
  color: #d4d4d4;
  line-height: 60px;
}

.product h2 {
  color: #444 !important;
  font-size: 22px !important;
  font-weight: bold;
  letter-spacing: -0.05em !important;
  line-height: 40px !important;
}

.product .pitch p {
  color: #828282;
  font-size: 1.1em;
  font-weight: bold;
}

.product .buttons { margin-bottom: 20px; }
.product em { font: italic 14px/20px Cambria, Georgia, Times, 'Times New Roman', serif; }

/* =LOGOS */

.customers ul {
  margin-bottom: 30px;
  overflow: hidden;
}

.customers ul li.alpha { clear: left; }
.customers ul li img { display: block; }

/* =BLOG */

#blog_highlights { margin-bottom: 20px; }

#blog_highlights .thumbnail {
  background: #e7f3d9;
  border-bottom: 1px solid #cfe7b3;
  display: block;
  padding: 5px 5px 4px 5px;
}

#blog_highlights .thumbnail:hover { background: #59892f; }
#blog_highlights .thumbnail img { display: block; }
#blog_highlights h5 { margin-top: 20px; }
.home #blog_highlights #post_3 { margin-right: 0; }

/* =TWITTER */

#twitter {
  background: transparent url("../images/twitter_bird.png") top right no-repeat;
  margin-bottom: 20px;
}

#twitter .tweet {
  color: #888;
  font: italic 1em/20px Cambria, Georgia, Times, 'Times New Roman', serif;
  margin-bottom: 20px;
}

#twitter p { margin-bottom: 0; }