@media screen {
  /****** DIY INDEX ******/
  .diy1-bg {
    background: url("/designsquad/static/images/_bg/build-bg.jpg") repeat;
  }

  .diy2-bg {
    background: url("/designsquad/static/images/_bg/stuffspinner-bg.jpg") repeat;
  }

  #diy-index-wrapper {
    position: relative;
    overflow: hidden;
    min-height: 1000px;
  }

  #diy-index-header h1, #diy-header h1 {
    height: 116px;
    width: 280px;
    background-image: url("/designsquad/static/images/build_header.png");
  }

  #diy-want-make-header {
    height: 104px;
    width: 875px;
    background: url("/designsquad/static/images/whatdoyouwanttomake_header.png") no-repeat;
    margin-left: 30px;
    margin-top: 12px;
  }

  .diy-highlights {
    margin: 31px auto 60px auto;
    padding-left: 30px;
    padding-right: 326px;
    width: 740px;
    overflow: hidden;
  }

  .diy-highlights a {
    display: block;
    padding: 10px;
    width: 340px;
    float: left;
    background-color: #fff;
    text-decoration: none;
  }

  .diy-highlights a:hover, .diy-highlights a:focus {
    background-color: rgba(255, 255, 255, 0.7);
  }

  .diy-highlights a p {
    color: #000;
    font-weight: bold;
    padding-bottom: 0;
    line-height: 1.3em;
  }

  .diy-highlights a:first-child {
    margin-right: 20px;
  }

  .diy-spinner {
    width: 875px;
    height: 519px;
    background: url("/designsquad/static/images/spinner_with_bluebg.png") no-repeat;
    margin-left: 30px;
    padding-left: 16px;
  }

  .diy-spinner li:hover {
    cursor: pointer;
  }

  .diy-materials-grid {
    height: 24px;
    width: 545px;
    margin-top: 60px;
    margin-left: 10px;
    color: black;
    float: left;
  }

  .diy-materials-grid p {
    font-size: 14px;
    font-weight: normal;
    padding-bottom: 0.25em;
  }

  .diy-materials-grid ul {
    list-style-type: none;
  }

  .diy-materials-grid ul li {
    float: left;
    height: 53px;
    width: 175px;
    font-size: 18px;
    line-height: 50px;
  }

  .diy-materials-grid ul li img {
    height: 49px;
    width: 53px;
    padding-right: 5px;
    float: left;
    background: url("/designsquad/static/images/spinner-materials-sprites.png") 0 0;
  }

  .diy-spin-material img {
    height: 49px;
    width: 53px;
    background: url("/designsquad/static/images/spinner-materials-sprites.png") 0 0;
  }

  /* WARNING! materials list comes from the database */
  .diy-materials-grid ul li#balloon img, .diy-spin-material-balloon img {
    background-position: -247px -63px;
  }

  .diy-materials-grid ul li#battery img, .diy-spin-material-battery img {
    background-position: -187px -7px;
  }

  .diy-materials-grid ul li#bbq-skewer img, .diy-spin-material-bbq-skewer img {
    background-position: -67px -63px;
  }

  .diy-materials-grid ul li#candy img, .diy-spin-material-candy img {
    background-position: -127px -63px;
  }

  .diy-materials-grid ul li#cardboard img, .diy-spin-material-cardboard img {
    background-position: -307px -63px;
  }

  .diy-materials-grid ul li#paper img, .diy-spin-material-paper img {
    background-position: -67px -7px;
  }

  .diy-materials-grid ul li#paper-clip img, .diy-spin-material-paper-clip img {
    background-position: -187px -63px;
  }

  .diy-materials-grid ul li#paper-cup img, .diy-spin-material-paper-cup img {
    background-position: -7px -7px;
  }

  .diy-materials-grid ul li#plastic-bag img, .diy-spin-material-plastic-bag img {
    background-position: -7px -63px;
  }

  .diy-materials-grid ul li#rubber-band img, .diy-spin-material-rubber-band img {
    background-position: -127px -7px;
  }

  .diy-materials-grid ul li#straw img, .diy-spin-material-straw img {
    background-position: -307px -7px;
  }

  .diy-materials-grid ul li#string img, .diy-spin-material-string img {
    background-position: -247px -7px;
  }

  /*
  .diy-see-all-activities h2 {
  	display:inline-block;
      font-size: 2.5em;
      font-weight: normal;
      color: black;
      padding: 16px;
  	background-color:rgba(0,0,0,0.3);
  }
  */

  /****** DIY SPINNER RESULTS OVERRIDES ******/

  /* Found in project-page.scss, think it belongs here" */

  /****** DIY PAGE ******/

  /****** END DIY PAGES ******/
}
@media screen and (hover: hover) and (pointer: fine) {
  .diy-materials-grid ul li#balloon:hover img {
    background-position: -247px -175px;
  }

  .diy-materials-grid ul li#battery:hover img {
    background-position: -187px -119px;
  }

  .diy-materials-grid ul li#bbq-skewer:hover img {
    background-position: -67px -175px;
  }

  .diy-materials-grid ul li#candy:hover img {
    background-position: -127px -175px;
  }

  .diy-materials-grid ul li#cardboard:hover img {
    background-position: -307px -175px;
  }

  .diy-materials-grid ul li#paper:hover img {
    background-position: -67px -119px;
  }

  .diy-materials-grid ul li#paper-clip:hover img {
    background-position: -187px -175px;
  }

  .diy-materials-grid ul li#paper-cup:hover img {
    background-position: -7px -119px;
  }

  .diy-materials-grid ul li#plastic-bag:hover img {
    background-position: -7px -175px;
  }

  .diy-materials-grid ul li#rubber-band:hover img {
    background-position: -127px -119px;
  }

  .diy-materials-grid ul li#straw:hover img {
    background-position: -307px -119px;
  }

  .diy-materials-grid ul li#string:hover img {
    background-position: -247px -119px;
  }
}
@media screen {
  .diy-materials-grid ul li#balloon.material-selected img {
    background-position: -247px -175px;
  }
}
@media screen {
  .diy-materials-grid ul li#battery.material-selected img {
    background-position: -187px -119px;
  }
}
@media screen {
  .diy-materials-grid ul li#bbq-skewer.material-selected img {
    background-position: -67px -175px;
  }
}
@media screen {
  .diy-materials-grid ul li#candy.material-selected img {
    background-position: -127px -175px;
  }
}
@media screen {
  .diy-materials-grid ul li#cardboard.material-selected img {
    background-position: -307px -175px;
  }
}
@media screen {
  .diy-materials-grid ul li#paper.material-selected img {
    background-position: -67px -119px;
  }
}
@media screen {
  .diy-materials-grid ul li#paper-clip.material-selected img {
    background-position: -187px -175px;
  }
}
@media screen {
  .diy-materials-grid ul li#paper-cup.material-selected img {
    background-position: -7px -119px;
  }
}
@media screen {
  .diy-materials-grid ul li#plastic-bag.material-selected img {
    background-position: -7px -175px;
  }
}
@media screen {
  .diy-materials-grid ul li#rubber-band.material-selected img {
    background-position: -127px -119px;
  }
}
@media screen {
  .diy-materials-grid ul li#straw.material-selected img {
    background-position: -307px -119px;
  }
}
@media screen {
  .diy-materials-grid ul li#string.material-selected img {
    background-position: -247px -119px;
  }
}
@media screen {
  .diy-spinner-spinner {
    width: 190px;
    padding-top: 40px;
    padding-left: 615px;
  }
}
@media screen {
  .diy-spin-materials {
    height: 145px;
    width: 145px;
    padding: 20px 0 0 20px;
    position: relative;
  }
}
@media screen {
  .diy-spin-materials div:hover {
    cursor: pointer;
  }
}
@media screen {
  #diy-spin-material-1 {
    left: 65px;
    top: 33px;
  }
}
@media screen {
  #diy-spin-material-2 {
    left: 44px;
    top: 86px;
  }
}
@media screen {
  #diy-spin-material-3 {
    left: 95px;
    top: 85px;
  }
}
@media screen {
  .diy-spin-material {
    height: 49px;
    width: 53px;
    position: absolute;
  }
}
@media screen {
  .diy-spin-btn {
    padding-top: 25px;
    padding-left: 67px;
    padding-bottom: 15px;
  }
}
@media screen {
  #diy-spinner-error {
    font-size: 12px;
    line-height: 1.5em;
    margin-left: 12px;
  }
}
@media screen {
  .hidden, .hidden2, .hiddencloud {
    display: none;
  }
}
@media screen {
  .diy-spin-btn a {
    padding: 0 11px 1px 35px;
    background: url("/designsquad/static/images/spin-btn-icon.png") no-repeat;
    color: black;
    font-size: 18px;
    text-decoration: none;
    background-color: #f16625;
  }
}
@media screen {
  .diy-spin-btn a:hover {
    background-color: white;
  }
}
@media screen {
  #diy-index-hero-image {
    margin: 15px 0 0 15px;
  }
}
@media screen {
  #diy-grid {
    width: 864px;
  }
}
@media screen {
  .diy-theme-list {
    width: 844px;
    margin-bottom: 20px;
  }
}
@media screen {
  .diy-theme-list-spin {
    width: 740px;
    height: 90px;
    overflow: hidden;
  }
}
@media screen {
  .diy-theme-list-spin ul {
    margin-top: 7px;
    margin-left: 10px;
  }
}
@media screen {
  .spinner-theme-nav {
    padding-top: 45px;
  }
}
@media screen {
  .diy-theme-list-spin ul li {
    float: left;
    width: 69px;
    height: 50px;
    line-height: 1.2em;
    padding: 5px;
    margin-right: 10px;
    text-align: center;
    text-transform: uppercase;
    background: rgba(255, 255, 255, 0.9);
    font-weight: bold;
    font-size: 12px;
    color: black;
  }
}
@media screen {
  .diy-theme-list-spin ul li.diy-theme-selected, .diy-theme-list-spin ul li:hover {
    background: #f16625;
  }
}
@media screen {
  .diy-see-all-activities {
    margin-left: 30px;
    margin-bottom: 20px;
    z-index: 40;
  }
}
@media screen {
  .diy-difficulty {
    padding-left: 65px;
  }
}
@media screen {
  .diy-difficulty-easy {
    background: url("/designsquad/static/images/difficultymeter_easy.png") no-repeat left;
  }
}
@media screen {
  .diy-difficulty-medium {
    background: url("/designsquad/static/images/difficultymeter_medium.png") no-repeat left;
  }
}
@media screen {
  .diy-difficulty-hard {
    background: url("/designsquad/static/images/difficultymeter_hard.png") no-repeat left;
  }
}
@media screen {
  #diy-results-header {
    height: 189px;
    margin-left: 30px;
    margin-bottom: 10px;
    background: url("/designsquad/static/images/spin-results-header.png") no-repeat;
  }
}
@media screen {
  #diy-results-materials {
    padding-left: 334px;
    width: 190px;
  }
}
@media screen {
  #diy-results-error {
    width: 300px;
    padding-left: 524px;
    color: black;
    font-size: 18px;
    line-height: 1.25em;
    position: relative;
    top: -100px;
  }
}
@media screen {
  #diy-spinner-results #diy-grid {
    background-color: #50bde4;
    width: 874px;
    overflow: hidden;
  }
}
@media screen {
  #diy-spinner-results #diy-grid #blog-grid {
    margin-left: 10px;
  }
}
@media screen {
  #diy-spinner-results .diy-grid-goback {
    height: 55px;
    width: 884px;
    padding-bottom: 34px;
    margin-bottom: 30px;
    margin-left: 30px;
    background: #50bde4 url("/designsquad/static/images/spin-again-arrow.png") no-repeat 10px;
  }
}
@media screen {
  #diy-spinner-results .spin-res-grid {
    padding-left: 10px;
    padding-top: 10px;
    margin-left: 30px;
  }
}
@media screen {
  #diy-spinner-results a.spin-again-btn {
    padding: 0 5px 1px 35px;
    background: url("/designsquad/static/images/spin-btn-icon.png") no-repeat;
    color: black;
    font-size: 18px;
    margin: 24px 0 30px 50px;
    position: absolute;
    text-decoration: none;
    background-color: #a7ce38;
  }
}
@media screen {
  #diy-spinner-results a.spin-again-btn:hover {
    background-color: white;
  }
}
@media screen {
  #cloud {
    position: absolute;
    top: -1px;
    left: 5px;
    margin: 0;
    padding: 0;
    z-index: 3000;
    width: 178px;
    height: 178px;
  }
}
@media screen {
  #diy-wrapper {
    position: relative;
    /*    background: url('/designsquad/static/images/build-detail-bg-tile.jpg') repeat;	*/
    padding-bottom: 30px;
  }
}
@media screen {
  #diy-header {
    width: 945px;
    overflow: hidden;
  }
}
@media screen {
  #diy-header h1, #diy-title {
    float: left;
  }
}
@media screen {
  #diy-title {
    margin-top: 19px;
  }
}
@media screen {
  #diy-dsn-logo {
    display: none;
  }
}
@media screen {
  #diy-videobox {
    clear: both;
    float: left;
    background-color: #64599e;
    border: solid 15px #64599e;
    width: 480px;
    height: 320px;
    margin-left: 30px;
    overflow: hidden;
  }
}
@media screen {
  #diy-project {
    float: left;
    margin-left: 15px;
    background: #64599e;
    padding: 10px 0 10px 10px;
    width: 350px;
    height: 269px;
  }
}
@media screen {
  #diy-project-inner {
    margin-bottom: 10px;
  }
}
@media screen {
  #diy-project-inner a {
    text-decoration: none;
  }
}
@media screen {
  #diy-project-inner-text {
    width: 200px;
    text-align: left;
    margin-bottom: 16px;
  }
}
@media screen {
  #diy-project-inner-designs {
    width: 350px;
    /*    padding: 15px 0 15px 5px;
        background: #a5ce39;	*/
    overflow: hidden;
  }
}
@media screen {
  #diy-project-inner-designs img {
    display: block;
    float: left;
    margin-right: 10px;
  }
}
@media screen {
  #diy-project-join {
    padding-top: 14px;
    text-align: center;
  }
}
@media screen {
  #diy-project-join a {
    margin-right: 10px;
  }
}
@media screen {
  .diy-project-btn {
    cursor: pointer;
    background: #f16624;
    color: #333;
    padding: 5px;
  }
}
@media screen {
  .diy-project-btn a {
    color: #333;
    text-decoration: none;
  }
}
@media screen {
  .diy-project-btn:hover {
    background: white;
    color: #333;
  }
}
@media screen {
  .diy-project-btn img {
    display: block;
    float: left;
  }
}
@media screen {
  .diy-project-btn span {
    margin: 3px 0 0 4px;
    font-size: 1.125em;
    display: block;
    float: left;
  }
}
@media screen {
  #diy-body {
    clear: left;
    margin: 25px 0 0 0;
  }
}
@media screen {
  #diy-instructions {
    margin: 0px 0 0 30px;
    width: 884px;
    height: 56px;
    background: white;
    overflow: hidden;
  }
}
@media screen {
  #diy-instructions h2 {
    display: block;
    float: left;
    margin: 13px 0 0 10px;
    width: 335px;
    font-size: 2.5em;
    color: black;
  }
}
@media screen {
  #diy-instructions-language {
    margin: 8px 0 0 0;
    padding-right: 10px;
    display: block;
    float: right;
  }
}
@media screen {
  #diy-instructions-print {
    margin: 8px 9px 0 15px;
    padding-right: 10px;
    display: block;
    float: right;
  }
}
@media screen {
  #diy-instructions-print img {
    padding-top: 2px;
  }
}
@media screen {
  #diy-steps {
    margin: 10px 0 0 30px;
    list-style-type: none;
  }
}
@media screen {
  .diy-step {
    display: block;
    margin-bottom: 12px;
    background: white;
    width: 884px;
    overflow: hidden;
  }
}
@media screen {
  .diy-step-number {
    font-size: 1.25em;
    height: 28px;
    width: 35px;
    z-index: 100;
    padding-top: 7px;
    position: absolute;
    text-align: center;
    font-weight: bold;
    color: black;
    background: white;
  }
}
@media screen {
  .diy-step-img {
    display: block;
    float: left;
    width: 342px;
    margin: 12px 20px 12px 12px;
  }
}
@media screen {
  .diy-step-text {
    margin: 12px 20px 0 8px;
    color: black;
    float: left;
    width: 480px;
  }
}
@media screen {
  .diy-step-text ul,
.diy-step-text ol {
    margin-left: 20px;
    margin-bottom: 12px;
    list-style-type: disc;
  }
}
@media screen {
  #diy-funder-block {
    display: none;
  }
}

/*# sourceMappingURL=diy-pages.css.map */