@import url(whitespace-reset.css);

body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial;
  font-size: 15px;
  line-height: 20px;
  color: #2F343A;
  background: #85B26B url("/images/home/bg_horizon_repeat.jpg") 27% 0; }

#flash {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
  font-size: 13px;
  line-height: 13px;
  padding: 10px 0;
  color: #FFFFFF;
  background-color: #98637A; }

#sitewrapper {
  margin-top: 42px; }

#clouds {
  position: fixed;
  top: 0;
  left: 0;
  height: 579px;
  width: 100%;
  background: transparent url("/images/home/bg_clouds.jpg") repeat-x 27% 0; }

#sprouts_container {
  position: relative;
  z-index: 1; }
  #sprouts_container #sprouts {
    position: absolute;
    top: -420px;
    height: 451px;
    width: 100%;
    background: transparent url("/images/home/bg_sprouts.png") repeat-x -35px 0; }

a, a:link, a:visited {
  color: #00A2E2; 
  text-decoration: underline;
  outline: none; }
a:hover, a:active { 
  text-decoration: none; }


/* Header
------------------------------------------------------------------------------------ */
#header {
  position: relative;
  z-index: 2;
  height: 84px;
  width: 960px;
  margin: 0 auto;
  background: transparent url("/images/home/bg_header.png") no-repeat 0 0; }

  #header #plane {
    position: absolute;
    top: 15px;
    left: -152px;
    height: 42px;
    width: 152px;
    background: transparent url("/images/home/bg_plane.png") no-repeat 0 0;
    text-indent: -5000px; }

  #header #logo {
    float: left;
    height: 65px;
    width: 221px;
    padding: 24px 0 0 32px; }
    #header #logo a {
      display: block;
      height: 35px;
      width: 190px;
      text-indent: -5000px;
      background: transparent url("/images/home/logo_buzzsprout.gif") no-repeat 0 0; }

  #header #top_nav {
    float: right;
    margin: 23px 23px 0 0; }
    #header #top_nav a {
      display: block;
      float: left;
      margin-right: 5px;
      height: 42px;
      text-indent: -5000px; }
      #header #top_nav a.overview {
        width: 202px;
        background: transparent url("/images/home/nav_overview.png") no-repeat 0 0; }
        body.index #header #top_nav a.overview {
          background-position: 0 -84px; }
      #header #top_nav a.tour {
        width: 157px;
        background: transparent url("/images/home/nav_tour.png") no-repeat 0 0; }
        body.tour #header #top_nav a.tour {
          background-position: 0 -84px; }
      #header #top_nav a.plans {
        width: 161px;
        background: transparent url("/images/home/nav_plans.png") no-repeat 0 0; }
        body.plans #header #top_nav a.plans {
          background-position: 0 -84px; }
      #header #top_nav span {
        display: block;
        float: left;
        width: 83px;
        padding-left: 43px;
        background: transparent url("/images/home/nav_spacer.png") no-repeat 0 0; }
      #header #top_nav a.login {
        width: 83px;
        margin-right: 0;
        background: transparent url("/images/home/nav_login.png") no-repeat 0 0; }

      #header #top_nav a:hover,
      #header #top_nav a:active {
        background-position: 0 -42px; }


/* Main
------------------------------------------------------------------------------------ */
#main {
  position: relative;
  width: 960px;
  margin: 20px auto 0 auto;
  padding-top: 20px;
  background: transparent url("/images/home/bg_main_top.png") no-repeat 0 0;
  z-index: 2; }


/* Main Showcase Video
------------------------------------------------------------------------------------ */
#main #play_showcase {
  position: absolute;
  width: 228px;
  height: 200px;
  top: 100px;
  right: 165px;
  z-index: 3; }
  #main #play_showcase a {
    display: block;
    text-indent: -5000px;
    width: 228px;
    height: 200px;
    background: transparent url("/images/home/btn_play_showcase.png") no-repeat 0 0; }
    #main #play_showcase a:hover,
    #main #play_showcase a:active {
      background-position: 0 -200px; }

.overlay { 
  display:none; 
  z-index: 10000;
  background-image: url("/images/home/bg_overlay.png");
  background-color: transparent;
  width: 900px;
  min-height: 506px;
  padding: 35px; }

.overlay .close { 
  background-image: url("/images/home/btn_close.png"); 
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  height: 35px;
  width:35px; }


/* Main -> Hero
------------------------------------------------------------------------------------ */
#hero {
  border-bottom: 1px solid #CCCCCC; }

body.index #hero {
  height: 346px;
  width: 910px;
  padding: 30px 0 0 50px;
  background: transparent url("/images/home/bg_hero.jpg") no-repeat 0 0; }
  body.index #hero h1 {
    text-indent: -5000px;
    height: 78px;
    width: 341px;
    margin-bottom: 15px;
    background: transparent url("/images/home/title_the_best_way.gif") no-repeat 0 0; }
  body.index #hero p {
    display: block;
    width: 360px; }
  body.index #hero ul {
    margin: 15px 0 0 0; }
    body.index #hero ul li {
      font-size: 16px;
      line-height: 30px;
      color: #405F40;
      padding-left: 25px;
      background: transparent url("/images/home/bg_bullet.gif") no-repeat 0 8px; }

body.tour #hero {
  height: 193px;
  width: 910px;
  padding: 30px 0 0 50px;
  background: #FFFFFF url("/images/home/bg_hero_tour.jpg") no-repeat 100% 100%; }
  body.tour #hero h1 {
    text-indent: -5000px;
    height: 31px;
    width: 259px;
    margin-bottom: 15px;
    background: transparent url("/images/home/title_screenshot_tour.gif") no-repeat 0 0; }
  body.tour #hero p {
    display: block;
    width: 420px; }

body.wordpress #hero {
  height: 213px;
  width: 910px;
  padding: 30px 0 0 50px;
  background: #FFFFFF url("/images/home/bg_hero_wordpress.jpg") no-repeat 95% 5px; }
  body.wordpress #hero h1 {
    text-indent: -5000px;
    height: 78px;
    width: 434px;
    margin-bottom: 15px;
    background: transparent url("/images/home/title_wordpress_plugin.gif") no-repeat 0 0; }
  body.wordpress #hero p {
    display: block;
    width: 420px; }

body.wordpress #wp_download {
  float: right;
  border: 4px solid #7CDAFE;
  background-color: #FFFFFF;
  width: 330px;
  padding: 20px;
  font-size: 18px; }
  body.wordpress #wp_download a {
    font-weight: bold; }

body.wordpress ol {
  display: block;
  width: 430px;
  margin: 0 0 0 40px;
  list-style-type: decimal; }
  body.wordpress ol li {
    display: list-item; }

body.plans #hero {
  height: 199px;
  width: 910px;
  padding: 30px 0 50px 50px;
  background-color: #FFFFFF; }
  body.plans #hero #plans_and_pricing {
    display: block;
    float: left;
    width: 300px; }
  body.plans #hero h1 {
    display: inline-block;
    text-indent: -5000px;
    height: 39px;
    width: 275px;
    margin-bottom: 15px;
    background: transparent url("/images/home/title_plans_and_pricing.gif") no-repeat 0 0; }
  body.plans #hero p { }
    body.plans #hero #plan_free {
      display: block;
      float: right;
      margin-right: 50px;
      border: 4px solid #7CDAFE;
      background-color: #FFFFFF;
      width: 532px; }
      body.plans #hero #plan_free h4 {
        padding: 10px;
        margin-bottom: 17px;
        font-size: 21px;
        line-height: 27px;
        letter-spacing: -1px;
        color: #FFFFFF;
        font-weight: normal;
        background-color: #00A2E2; }
        body.plans #hero #plan_free h4 span {
          text-transform: uppercase;
          font-size: 27px;
          font-weight: bold;
          color: #99DAF3; }
          body.plans #hero #plan_free h4 span i {
            text-transform: none;
            font-size: 17px;
            font-style: normal;
            letter-spacing: -.5px; }
      body.plans #hero #plan_free #plan_free_info {
        display: block;
        float: left;
        width: 320px; }
        body.plans #hero #plan_free #plan_free_info p {
          margin-left: 10px;
          font-size: 16px;
          color: #CDA568; }
          body.plans #hero #plan_free #plan_free_info p b {
            font-weight: bold;
            color: #E58945; }
        body.plans #hero #plan_free #plan_free_info ul {
          margin: 5px 0 0 10px;
          color: #666666;
          letter-spacing: -.5px; }
          body.plans #hero #plan_free #plan_free_info ul li {
            margin-left: 20px;
            display: list-item;
            list-style-type: disc;
            font-size: 14px; }
        body.plans #hero #plan_free #plan_free_info h5 {
          font-size: 14px;
          font-weight: bold;
          color: #86B059;
          margin: 10px; }
      body.plans #hero #plan_free a {
        display: inline-block;
        width: 170px;
        height: 38px;
        vertical-align: top;
        margin-top: 35px;
        margin-left: 10px;
        text-indent: -5000px;
        outline: none;
        background: transparent url('/images/home/btn_sign_up_free.gif') no-repeat 0 0; }

body.sign_up #hero {
  width: 910px;
  padding: 30px 0 30px 50px;
  background: #FFFFFF url("/images/home/bg_hero_sign_up.jpg") no-repeat 93% 110px; }
  body.sign_up #hero h1 {
    float: left;
    text-indent: -5000px;
    height: 39px;
    width: 290px;
    margin-bottom: 40px;
    background: transparent url("/images/home/title_sign_up_for_free.gif") no-repeat 0 0; }
  body.sign_up #hero p {
    float: left;
    display: block;
    width: 550px;
    padding-left: 24px; }
  body.sign_up #hero fieldset {
    clear: both;
    border: none;
    width: 340px;
    text-align: right; }

    body.sign_up #hero fieldset #errors {
      border: 2px solid #C06703;
      background: #FFFFE8;
      padding: 10px;
      text-align: left;
      margin-bottom: 20px; }
      body.sign_up #hero fieldset #errors h6 {
      font-size: 13px;
      color: #D13C28; }
      body.sign_up #hero fieldset #errors ul {
        margin-left: 15px; }
        body.sign_up #hero fieldset #errors ul li {
          list-style-type: disc;
          font-size: 13px; }

    body.sign_up #hero fieldset label {
      display: block;
      font-size: 13.5px;
      font-weight: bold;
      padding: 0 0 5px 0;
      margin-right: 30px; }

      body.sign_up #hero fieldset label span.fieldWithErrors {
        margin-right: -20px !important;
        padding-right: 20px;
        background: transparent url("/images/home/icon_error.png") no-repeat 100% 0; }
        body.sign_up #hero fieldset label span.fieldWithErrors input { }
      body.sign_up #hero fieldset label input {
        font-size: 14px;
        font-weight: normal;
        padding: 4px;
        width: 172px; }

    body.sign_up #hero fieldset button {
      margin-right: 110px; }
    body.sign_up #hero fieldset input#submit {
      margin: 25px 30px 5px 0; }
    body.sign_up #hero fieldset hr {
      border: none;
      border-bottom: 1px solid #CCCCCC;
      padding: 0;
      margin: 10px 0 15px 0; }


/* Main -> Sub Nav
------------------------------------------------------------------------------------ */
#sub_nav {
  height: 47px;
  background: transparent url("/images/home/bg_content.png") repeat-y 0 0; }

  #sub_nav ul {
    display: block;
    height: 40px;
    background: #FFFFFF;
    text-align: center;
    border-bottom: 1px solid #CCCCCC; }
    #sub_nav ul li {
      display: block;
      float: left;
      background: #FFFFFF; }
      #sub_nav ul li.current {
        height: 47px;
        background: transparent url("/images/home/bg_pointer.gif") no-repeat 50% 100%; }
        #sub_nav ul li.current a {
          color: #2F343A;
          text-decoration: none; }

  #sub_nav ul li a {
    display: block;
    height: 40px;
    background-color: #FFFFFF;
    padding: 0 20px;
    font-size: 13px;
    line-height: 40px;
    letter-spacing: -.15px;
    border-right: 1px solid #F4F4ED; }


/* Main -> Content
------------------------------------------------------------------------------------ */
#content #slider {
	height: 918px;
  width: 860px;
  overflow: hidden;
}
.scrollButtons {
  position: absolute;
  top: 355px;
  cursor: pointer;
}

.scrollButtons.left {
  left: 5px;
}

.scrollButtons.right {
  right: 5px;
}
#content #slider #strip {
  height: 918px;
  width: 6000px;
}
#content #strip .screenshot_tour {
  float:left;
  height: 918px;
  width: 860px;
  margin-right: 10px;
}
#content #strip .screenshot_tour img.loading {
	margin: 150px auto;
}
#content {
  background: transparent url("/images/home/bg_content.png") repeat-y 0 0;
  padding: 30px 50px 0 50px; }
  #content h2 {
    font-size: 26px;
    font-weight: bold;
    color: #688569;
    margin-bottom: 30px; }
  #content p {
    margin-bottom: 15px; }
    #content p#copyright {
      display: block;
      clear: both;
      text-align: center;
      margin: 0;
      padding-top: 30px;
      color: #999999;
      font-size: 13px; }

  #content #love {
    float: left;
    width: 440px;
    margin-right: 40px; }
    #content #love h2 {
      text-indent: -5000px;
      height: 26px;
      width: 399px;
      margin-top: 20px;
      background: transparent url("/images/home/title_why_love.gif") no-repeat 0 0; }
    #content #love ul { }
      #content #love ul li {
        font-size: 13px;
        line-height: 16.5px;
        padding: 0 0 18px 45px; }
        #content #love ul li strong {
          display: block; }
        #content #love ul li.uploads {
          background: transparent url("/images/home/icon_uploads.gif") no-repeat 0 0; }
        #content #love ul li.promotion {
          background: transparent url("/images/home/icon_promotion.gif") no-repeat 0 8px; }
        #content #love ul li.statistics {
          background: transparent url("/images/home/icon_statistics.gif") no-repeat 0 5px; }
        #content #love ul li.migration {
          background: transparent url("/images/home/icon_migration.gif") no-repeat 0 5px; }

  #content #index_sign_up {
    display: inline-block;
    width: 340px;
    padding: 20px;
    background: #FFFFFF url("/images/home/bg_sign_up_top.gif") no-repeat 0 0; }
    #content #index_sign_up h2 {
      text-indent: -5000px;
      height: 26px;
      width: 327px;
      margin-bottom: 0;
      background: transparent url("/images/home/title_sign_up_now.gif") no-repeat 0 0; }
    #content #index_sign_up p {
      font-size: 13px;
      margin-bottom: 25px; }
    #content #index_sign_up fieldset {
      border: none;
      text-align: right; }
      #content #index_sign_up fieldset label {
        display: block;
        font-size: 13.5px;
        font-weight: bold;
        padding: 0 40px 5px 0; }
        #content #index_sign_up fieldset label input {
          font-size: 14px;
          font-weight: normal;
          padding: 4px;
          width: 172px; }
      #content #index_sign_up fieldset button {
        margin-right: 118px; }
      #content #index_sign_up fieldset input#submit {
        margin: 25px 40px 5px 0; }
      #content #index_sign_up fieldset hr {
        border: none;
        border-bottom: 1px solid #CCCCCC;
        padding: 0;
        margin: 10px 0 15px 0; }

  #content .screenshot_tour {
    text-align: center; }
    #content .screenshot_tour h2 {
      line-height: 26px;
      letter-spacing: -1px;
      margin-bottom: 5px; }
    #content .screenshot_tour p { }
    #content .screenshot_tour img {
      margin-bottom: 15px; }

  #content #plans { }
    #content #plans h2 {
      padding-top: 20px;
      letter-spacing: -1px;
      margin-bottom: 5px; }
    #content #plans p { }
    #content #plans .pay_plan {
      float: left;
      width: 272px;
      border: 4px solid #9AB1BC;
      margin: 0 10px 50px 0; }
      #content #plans .pay_plan h4 {
        padding: 10px;
        margin-bottom: 17px;
        font-size: 21px;
        color: #FFFFFF;
        line-height: 27px;
        font-weight: normal;
        letter-spacing: -1px;
        background-color: #627D89; }
        #content #plans .pay_plan h4 span {
          font-size: 27px;
          font-weight: bold;
          color: #C0CBD0; }
          #content #plans .pay_plan h4 span i {
            font-size: 17px;
            font-style: normal;
            letter-spacing: -.5px; }
      #content #plans .pay_plan p {
        margin: 0 0 0 10px;
        font-size: 16px;
        color: #CDA568; }
        #content #plans .pay_plan p  b {
          font-weight: bold;
          color: #E58945; }
      #content #plans .pay_plan h5 {
        font-size: 14px;
        font-weight: normal;
        color: #86B059;
        margin: 0 0 17px 10px; }

  #content ul.faq_left,
  #content ul.faq_right {
    font-size: 13px;
    line-height: 16.5px;
    width: 415px; }
    #content ul.faq_left li,
    #content ul.faq_right li {
      margin-bottom: 20px; }
      #content ul.faq_left li strong,
      #content ul.faq_right li strong {
        display: block; }

  #content ul.faq_left {
    display: block;
    float: left;
    margin-right: 30px; }

  #content ul.faq_right {
    display: inline-block; }

  #content #privacy,
  #content #tos { }
    #content #privacy h2,
    #content #tos h2 {
      margin-bottom: 15px; }
    #content #privacy h3,
    #content #tos h3 {
      font-size: 18px;
      margin: 15px 0 5px 0;
      color: #E58945; }
    #content #privacy p,
    #content #tos p {
      font-size: 14px;
      line-height: 18px;
      padding-bottom: 15px;
      margin: 0; }
      #content #tos ol,
      #content #privacy ol {
        list-style-type: decimal; 
        margin: 10px 0 0 40px;
        padding-bottom: 20px; }
        #content #tos ol li,
        #content #privacy ol li {
          color: #333333;
          padding-bottom: 5px; }


/* Footer
------------------------------------------------------------------------------------ */
#footer {
  position: relative;
  height: 64px;
  width: 1000px;
  margin: 0 auto;
  z-index: 2;
  background: transparent url("/images/home/bg_footer.png") no-repeat 0 0;
  text-indent: -5000px; }