.body-wrapper {
  position: relative;
  min-width: 1200px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto; }

.hide-text {
  text-indent: -999999px; }

/* HEADERS */
h1.block-hdr {
  display: block;
  background-repeat: no-repeat;
  text-indent: -999999px;
  margin-left: 30px; }

h2.boxed-hdr {
  display: inline-block;
  font-size: 2.5em;
  font-weight: normal;
  color: #fff;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.3); }

h3 {
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  font-size: 1.75em; }

h4 {
  font-family: arial,verdana, sans-serif;
  font-size: 1.1em;
  line-height: 1.3em; }

h5 {
  font-family: arial,verdana, sans-serif; }

/* END HEADERS */
/* SMALL BUTTONS */
.sm-btn-disp {
  display: inline;
  padding: 7px 15px;
  background-color: #f16724;
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  font-weight: bold;
  font-size: 1.375em;
  min-height: 30px;
  color: #000;
  text-decoration: none;
  background-repeat: no-repeat;
  cursor: pointer; }

.sm-btn-disp:hover, .sm-btn-disp:focus {
  background-color: #fff;
  color: #000;
  text-decoration: none; }

.sm-btn-disp img {
  vertical-align: middle; }

/* END SMALL BUTTONS */
*, td, img {
  margin: 0;
  padding: 0; }

body {
  font: normal 100%/160% arial, sans-serif;
  /*approx 16px = default font size*/
  margin: 0;
  padding: 0;
  color: #fff; }

img {
  border: 0; }

p {
  padding: 0 0 1em 0;
  margin: 0 0 0 0; }

form label {
  cursor: pointer; }

fieldset {
  border: none; }

form, fieldset, input, select, textarea {
  font: normal 100%/160% arial, sans-serif;
  color: #333;
  border: none; }

/* BLOG (DIY GRID USES BLOG STUFFS TOO) STUFFS */
.blog-bg {
  background: url("/designsquad/static/images/_bg/blog-bg.jpg") repeat; }

/* THESE TWO ARE ODDLY NAMED, BUT PART OF BLOG MODULE */
.diy-difficulty {
  margin: 0 10px 0 10px;
  padding: 0; }

.homepage-pagination {
  width: 960px; }

#blog-index-page {
  overflow: hidden; }

#blog-index {
  position: relative;
  min-height: 1000px; }

#blog-index-title h1 {
  background-image: url("/designsquad/static/images/blog-index-title.png");
  height: 104px;
  width: 413px;
  margin-bottom: 32px; }

#blog-tags {
  background: rgba(255, 255, 255, 0.6); }

.home-blog-tags {
  margin-left: 30px;
  margin-bottom: 20px;
  width: 844px;
  height: 101px; }

#blog-tags h2 {
  display: block;
  float: left;
  width: 142px;
  padding: 16px 0 0 12px;
  color: black;
  font-size: 1.75em;
  line-height: 120%; }

#blog-tag-grid {
  display: block;
  overflow: hidden;
  float: left;
  padding: 10px 0 0 10px; }

.home-blog-tag-grid {
  width: 680px; }

#blog-tag-grid li {
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  min-width: 77px;
  padding: 5px;
  font-size: 1.25em;
  text-align: center;
  color: #000;
  background: #83aad4;
  cursor: pointer; }

#blog-tag-grid li.active,
#blog-tag-grid li:hover {
  background: white; }

#blog-grid {
  /*    overflow: hidden;
      color: #999;
  */
  margin: 10px 0 0 30px;
  width: 864px; }

#blog-grid li {
  float: left;
  display: block;
  margin: 0 20px 20px 0;
  color: #000;
  background: rgba(255, 255, 255, 0.7);
  width: 268px;
  height: 278px;
  overflow: hidden; }

.blog-icon {
  display: block;
  margin: 10px 0 0 10px;
  position: absolute; }

.blog-title {
  margin: 0 10px 0 10px;
  padding: 0;
  font: bold 100% arial, sans-serif;
  font-size: 14pt; }

.blog-body {
  margin: 0 10px 0 10px;
  font: normal 100% arial, sans-serif;
  font-size: 11pt;
  height: 69px;
  overflow: hidden; }

.blog-img {
  display: block;
  width: 248px;
  height: 138px;
  padding: 10px; }

#blog-grid li:hover {
  background-color: #fff; }

#blog-grid a:focus {
  background-color: #fff; }

#blog-grid a,
#blog-grid a:hover,
#blog-grid a:focus {
  color: #333;
  text-decoration: none;
  display: block; }

#blog-pagination {
  clear: both;
  width: 844px;
  background: #fff;
  background: rgba(255, 255, 255, 0.6);
  padding: 8px 0;
  text-align: center;
  margin-left: 30px;
  margin-bottom: 50px; }

#blog-pagination a {
  cursor: pointer;
  font-weight: bold;
  color: #333; }

.current-blog-page {
  color: red; }

/****** BLOG POST PAGE ******/
#blog-page {
  position: relative;
  min-height: 1000px;
  overflow: hidden; }

#blog-page #right-rail {
  right: 130px; }

#blog-post {
  margin: 0 0 15px 30px; }

#blog-post-title {
  height: 80px;
  width: 710px;
  background: url("/designsquad/static/images/blog-interior-title.png") no-repeat;
  padding-left: 20px;
  padding-top: 10px;
  margin-bottom: 40px; }

#blog-post-title h1 {
  color: #000;
  font-size: 3.2em;
  line-height: 1em; }

#blog-post-body {
  background: #83aad4;
  background: rgba(255, 255, 255, 0.6);
  width: 694px;
  padding: 30px;
  color: #333; }

#blog-post-body a {
  color: #333; }

#blog-post-body ul,
#blog-post-body ol {
  padding-left: 20px; }

#blog-post-image {
  text-align: center;
  margin-bottom: 6px; }

#blog-video {
  height: 320px;
  width: 480px;
  margin: 0 auto 10px auto;
  text-align: center; }

#blog-post-body img {
  display: block;
  margin: 0 auto;
  text-align: center; }

#blog-callout {
  margin-left: 30px;
  margin-bottom: 36px;
  padding: 12px;
  width: 730px;
  height: 44px;
  background-color: rgba(0, 0, 0, 0.3); }

#blog-callout h3 {
  line-height: 44px;
  float: left; }

#blog-callout a {
  float: right; }

#qa-area h2 {
  font-size: 2em;
  line-height: 120%; }

#qa-link-button {
  margin-top: 10px;
  width: 260px; }

/* END BLOG STUFFS */
/*------- NEW DRAWING TOOL ---------*/
.submit-design-area {
  width: 689px;
  height: 1050px;
  margin: 0 auto;
  position: relative;
  background-image: url("/designsquad/static/images/drawingtool_bg.jpg");
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -select: none; }

.drawtool-project-title {
  padding: .75em .5em;
  height: 54px;
  overflow-y: scroll;
  position: absolute;
  left: 95px;
  font-size: 1em;
  font-family: arial;
  width: 416px;
  color: black; }

.submit-design-area .close {
  position: absolute;
  top: 9px;
  right: 9px; }

.drawtool-tools {
  position: absolute;
  top: 92px;
  left: 24px; }

.drawtool-tools ul {
  list-style-type: none; }

.drawtool-tools ul li {
  height: 55px;
  width: 55px;
  margin-bottom: 8px;
  box-shadow: 3px 3px 1.5px #000;
  background-color: #fff;
  background-image: url("/designsquad/static/images/drawingtool_icons.png");
  cursor: pointer; }
  .drawtool-tools ul li:hover {
    background-color: #f16724; }

.drawtool-tools ul li.active {
  background-color: #f16724; }

.drawtool-tools ul li.pencil {
  background-position: -25.5px -28.5px; }

.drawtool-tools ul li.brush {
  background-position: -120.5px -28.5px; }

.drawtool-tools ul li.fill {
  background-position: -222.5px -28.5px; }

.drawtool-tools ul li.stamp {
  background-position: -317.5px -28.5px; }

.drawtool-tools ul li.text {
  background-position: -410.5px -28.5px; }

.drawtool-tools ul li.undo {
  background-position: -610.5px -28.5px; }

.drawtool-tools ul li.clear {
  background-position: -512.5px -28.5px; }

.drawtool-shell {
  position: absolute;
  top: 92px;
  left: 95px;
  height: 432px;
  width: 432px; }

.drawtool-color-picker {
  position: absolute;
  top: 104px;
  left: 549px; }

#color-picked {
  border: solid 1px red;
  height: 21px;
  width: 21px;
  position: absolute; }

.drawtool-color-picker .row {
  border-top: solid 1px black;
  border-left: solid 1px black;
  height: 21px; }

.drawtool-color-picker .cell {
  float: left;
  width: 21px;
  height: 21px;
  background-color: red;
  border-bottom: solid 1px black;
  border-right: solid 1px black;
  cursor: pointer; }

.drawtool-stamp-picker {
  position: absolute;
  top: 293px;
  left: 548px; }

.stamp-row {
  height: 22px;
  margin-bottom: 4px; }

.stamp-row .stamp {
  float: left;
  margin-right: 4px;
  width: 35px;
  height: 22px;
  background: #fff;
  cursor: pointer; }

.stamp-row .stamp.active {
  background: #f16724 !important; }

.stamp-row .stamp canvas {
  height: 16px;
  width: 16px;
  margin-left: 9px;
  margin-top: 3px; }

.drawtool-preview {
  position: absolute;
  top: 367px;
  left: 544px;
  height: 159px;
  width: 121px; }

.preview-canvas-div {
  position: relative;
  left: 15px;
  top: 11px;
  width: 90px;
  height: 92px; }

.rotate-btns {
  position: relative;
  top: 16px;
  height: 51px; }

#rotcc-bt {
  position: absolute;
  height: 16px;
  width: 16px;
  background-image: url("/designsquad/static/images/drawingtool_icons.png");
  background-position: -43px -137px;
  left: 4px;
  top: 6px;
  cursor: pointer; }

input[type=range] {
  padding: 0;
  -webkit-appearance: none;
  /* Hides the slider so that custom slider can be made */
  width: 100%;
  /* Specific width is required for Firefox. */ }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  input[type=range] {
    height: 15px;
    margin-top: 11px; } }
@-moz-document url-prefix() {
  input[type=range] {
    margin-top: 8px; } }
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; }

input[type=range]:focus {
  outline: none;
  /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */ }

input[type=range]::-ms-track {
  padding: 0;
  width: 100%;
  height: 12px;
  cursor: pointer;
  background: transparent;
  /* Hides the slider so custom styles can be added */
  border-color: transparent;
  color: transparent; }

/* Special styling for WebKit/Blink */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: 1px solid #000000;
  height: 12px;
  width: 12px;
  background: #a7cb2c;
  cursor: pointer;
  border-radius: 50%;
  margin-top: -5px;
  /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  /* Add cool effects to your sliders! */ }

/* All the same stuff for Firefox */
input[type=range]::-moz-range-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 12px;
  width: 12px;
  background: #a7cb2c;
  cursor: pointer; }

/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000;
  height: 12px;
  width: 12px;
  background: #a7cb2c;
  border-radius: 6px;
  cursor: pointer; }

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0;
  cursor: pointer; }

input[type=range]::-moz-range-track {
  width: 100%;
  height: 0;
  cursor: pointer; }

input[type=range]::-ms-track {
  width: 100%;
  height: 0;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent; }

.scrub-rotate {
  position: absolute;
  top: -5.5px;
  left: 22px;
  width: 77px; }

#rot-bt {
  position: absolute;
  height: 16px;
  width: 16px;
  background-image: url("/designsquad/static/images/drawingtool_icons.png");
  background-position: -142px -137px;
  left: 101px;
  top: 6px;
  cursor: pointer; }

#size-up-bt {
  position: absolute;
  height: 16px;
  width: 16px;
  background-image: url("/designsquad/static/images/drawingtool_icons.png");
  background-position: -823px -50px;
  left: 101px;
  top: 28px;
  cursor: pointer; }

.scrub-size {
  position: absolute;
  top: 17px;
  left: 22px;
  width: 77px; }

#size-down-bt {
  position: absolute;
  height: 16px;
  width: 16px;
  background-image: url("/designsquad/static/images/drawingtool_icons.png");
  background-position: -714px -50px;
  left: 4px;
  top: 28px;
  cursor: pointer; }

.drawing-form {
  position: absolute;
  top: 550px;
  padding-top: 25px;
  padding-left: 93px; }

.drawing-form label {
  font-family: arial;
  font-size: 16px;
  font-weight: regular;
  color: black; }

.drawing-form input[type=text] {
  width: 434px;
  margin-bottom: 25px; }

.drawing-form textarea {
  width: 434px;
  height: 188px;
  margin-bottom: 25px; }

.submit-design-btn {
  margin-top: 1em;
  display: block;
  width: 64px;
  cursor: pointer !important;
  color: black !important;
  text-decoration: none !important;
  background: url("/designsquad/static/images/homepage-ic-design.png") #f16724 !important;
  background-repeat: no-repeat !important;
  padding-left: 2.625em !important;
  background-position-y: 2px;
  background-position: 0px 2px;
  min-height: 0 !important; }

.submit-design-btn:hover {
  background-color: white !important; }

.select-wrapper {
  box-sizing: border-box;
  background: #a7cb2c;
  width: 395px;
  height: 40px;
  overflow: hidden; }

.select-wrapper select {
  width: 395px;
  height: 40px;
  background: transparent;
  font-size: 16px;
  line-height: 1;
  border: 0;
  border-radius: 0;
  padding: 5px;
  -webkit-appearance: none;
  -moz-appearance: none; }

.select-wrapper select::-ms-expand {
  display: none; }

.select-wrapper select {
  font-weight: bold; }

.select-caret {
  float: right;
  height: 20px;
  width: 20px;
  margin-top: -28px;
  margin-right: 8px;
  background-image: url("/designsquad/static/images/drawingtool_icons.png");
  background-position: -334px -138px; }

/*------- END NEW DRAWING TOOL ---------*/
/* FOOTER */
#footer-cont {
  background-color: #424242;
  min-width: 1200px; }

#footer {
  position: relative;
  margin: 0 auto;
  padding-top: 15px;
  height: 86px;
  width: 1200px;
  color: #ccc; }

#footer a, #footer a:visited {
  /* text-decoration: none;	*/
  color: #999; }

#footer a:hover, #footer a:focus {
  color: #fff; }

#footer p {
  font-weight: bold;
  color: #999;
  font-size: .8125em;
  text-align: center; }

#footer .legal {
  margin-top: 4px;
  line-height: 0; }

/* ADDITIONAL FUNDERS FOR SPECIALTY PAGES	*/
#funders {
  color: #999;
  width: 1200px;
  margin: 0 auto;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 0.8em;
  line-height: 1.5em;
  cursor: default; }

#funders p {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 1200px; }

#funders p.footer-text {
  width: 800px; }

#funders #funders-logos-centered {
  text-align: center; }

#funders h5 {
  font-size: 1em;
  color: #999;
  text-transform: uppercase;
  font-weight: normal;
  float: left;
  padding-top: 24px; }

#funders ul {
  margin-top: 3px;
  margin-bottom: 0;
  float: right; }

#funders-logos-centered div {
  display: inline-block;
  padding-right: 20px; }

#funders-logos-centered .last-block {
  padding-right: 0px; }

#funders a {
  background: transparent url("/designsquad/static/images/_global/logo-ieee.png") no-repeat center center;
  text-indent: -99999px;
  height: 58px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-bottom: 15px; }

/* funders logos */
a#nsf {
  width: 58px;
  height: 58p;
  background-image: url("/designsquad/static/images/_global/logo-nsf.png"); }

a#ieee {
  width: 50px;
  background-image: url("/designsquad/static/images/_global/logo-ieee.png"); }

a#ngf {
  width: 115px;
  background: url("/designsquad/static/images/_global/logo-northrop.png") 0px 26px no-repeat;
  margin-left: 10px; }

a#bechtel {
  width: 100px;
  background-image: url("/designsquad/static/images/_global/logo-bechtel.png");
  margin-left: 10px; }

a#uef {
  width: 37px;
  background-image: url("/designsquad/static/images/_global/logo-uef.png");
  margin-left: 10px; }

a#lemelson {
  width: 175px;
  background-image: url("/designsquad/static/images/_global/logo-lemelson.png");
  margin-right: 25px;
  margin-left: 10px; }

a#kendeda {
  width: 75px;
  background-image: url("/designsquad/static/images/_global/logo-kendeda.png");
  margin-right: 25px; }

#funders .larger-text {
  font-size: 1.25em; }

/* END FOOTER */
/* TOP NAV */
#main-nav-cont {
  padding: 0 30px;
  background-color: rgba(0, 0, 0, 0.6);
  min-width: 1140px; }

#main-nav {
  height: 132px;
  position: relative;
  margin: 0 auto;
  width: 1140px;
  overflow: hidden;
  zoom: 1; }

#main-nav a {
  text-decoration: none; }

#main-nav-parents-educators:hover,
#main-nav-parents-educators:focus {
  background-color: #fff !important;
  font-weight: normal; }

#main-nav p {
  padding-bottom: 0; }

/*logos*/
#pbskids a {
  display: block;
  width: 67px;
  height: 60px;
  background: transparent url("/designsquad/static/images/_global/logo-pbskids-go.png") no-repeat -4px 0;
  margin: 14px 0 0 0;
  text-indent: -999999px; }

/********* DESIGN SQUAD GLOBAL LOGO *************/
#logo {
  position: absolute;
  top: 14px;
  left: 88px;
  width: 174px;
  height: 105px;
  background: transparent url("/designsquad/static/images/_global/logo_dsg.png") no-repeat 0 0; }

#logo:hover {
  background-position: 0px -105px; }

#logo a {
  display: block;
  width: 170px;
  height: 105px; }

/********* DESIGN SQUAD NATION LOGO *************/
/*
#logo {
    position: absolute;
    top: 34px;
    left: 84px;
    width: 198px;
    height: 64px;
    background: transparent url('/designsquad/static/images/_global/logo-ds-blue.png') no-repeat scroll 0 0;
}
#logo:hover {
    background-position: 0 -64px;
}
#logo a {
    display: block;
    width: 170px;
    height: 54px;
}
*/
/*main page links*/
#main-nav-orange,
#main-nav-green {
  position: absolute;
  top: 29px; }

#main-nav-green {
  left: 296px;
  font-size: 1.5em;
  line-height: 1em; }

#main-nav-orange {
  width: 155px;
  left: 840px;
  font-size: 1.3em;
  line-height: 31px; }

#main-nav-green a,
#main-nav-orange a {
  cursor: pointer;
  color: #000;
  display: block;
  text-align: center;
  background-image: url("/designsquad/static/images/nav_sprites.png");
  background-repeat: no-repeat;
  background-position: 0 0; }

#main-nav-orange a {
  background-color: #f16624;
  width: 155px;
  height: 31px; }

#main-nav-green a {
  float: left;
  width: 102px;
  height: 32px;
  padding-top: 42px;
  margin-left: 22px;
  background-color: #a5ce39; }

#main-nav-orange a:hover,
#main-nav-orange a:focus,
#main-nav-green a:hover,
#main-nav-green a:focus {
  background-color: white;
  text-decoration: none;
  font-weight: normal; }

#main-nav-orange a img,
#main-nav-green a img {
  display: block;
  float: left; }

#main-nav-orange a span,
#main-nav-green a span {
  display: block;
  float: left;
  /*    margin-left: 5px;	*/ }

#main-nav-green a#main-nav-watch {
  background-position: 0 0; }

#main-nav-green a#main-nav-design {
  background-position: -102px 0; }

#main-nav-green a#main-nav-build {
  background-position: -204px 0; }

#main-nav-green a#main-nav-games {
  background-position: -306px 0; }

#main-nav-orange a#main-nav-signin {
  padding-left: 5px;
  width: 150px;
  background-position: 11px -74px; }

#main-nav-orange a#main-nav-everybody {
  padding-left: 44px;
  width: 111px;
  background-position: -155px -74px; }

#main-nav-everybody {
  margin-top: 12px; }

#main-nav-orange a#main-nav-me {
  padding-left: 45px;
  width: 110px;
  background-position: 0 -74px;
  text-align: left; }

#main-nav-info-div {
  position: absolute;
  left: 920px;
  top: 31.5px; }

#main-nav-info-div img {
  float: left;
  border: 1px solid #868686; }

#main-nav-info-div .current-points {
  margin-left: 26px;
  margin-top: 1px;
  padding-top: 1px;
  width: 46px;
  height: 23px;
  color: #000;
  font-size: .625em !important;
  line-height: 1.1em;
  text-align: center;
  background-color: #fff; }

#main-nav-info-div:hover .current-points p,
#main-nav-info-div:focus .current-points p {
  font-weight: normal; }

#main-nav-parents-educators {
  position: absolute;
  top: 39px;
  right: 0;
  width: 90px;
  height: 45px;
  padding-top: 9px;
  color: black;
  font-size: .87em;
  line-height: 1.3em;
  text-align: center;
  background: #999; }

/* END TOP NAV */
/****** RELATED CONTENT ASIDE ******/
#right-rail {
  top: 0;
  position: absolute;
  right: 40px;
  width: 200px; }

.margin-rail {
  margin-top: 40px; }

#right-rail a {
  text-decoration: none;
  color: #bed860; }

#related-headline {
  background-color: rgba(0, 0, 0, 0.4);
  width: 192px;
  height: 32px;
  margin-bottom: 14px;
  padding-left: 8px; }

#right-rail ul li {
  float: left;
  width: 200px;
  height: 166px;
  margin: 0 0 14px 0;
  background-color: rgba(0, 0, 0, 0.4);
  text-decoration: none; }

#right-rail ul li:hover, #right-rail ul li:focus {
  background-color: rgba(0, 0, 0, 0.6); }

#right-rail ul li:hover .related-text, #right-rail ul li:focus .related-text {
  font-weight: normal; }

#related-headline h4 {
  color: #bed860;
  line-height: 32px; }

#right-rail ul li h4 {
  color: #bed860;
  line-height: 18px; }

.related-body {
  padding: 7.5px 0 0 7.5px;
  text-decoration: none; }

.related-text {
  height: .9em;
  overflow: hidden; }

/****** END RELATED CONTENT ASIDE ******/
/* SHARED STYLES
-------------------------------------------------------------- */
a, a:hover, a:active, a:focus {
  text-decoration: underline;
  color: #fff; }

a:hover, a:focus {
  font-weight: bold; }

.bold, mark {
  font-weight: bold; }

.heavy {
  font-weight: 800; }

.italic {
  font-style: italic; }

.default-font {
  font-family: arial,verdana, sans-serif; }

.fancy-font {
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif; }

.activity-font {
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  font-size: 1.4em;
  margin-top: 5px; }

.wf-loading .fancy-font {
  visibility: hidden; }

.horizontal li {
  display: inline; }

.horizontal {
  list-style-type: none; }

.altinfo {
  width: 0;
  height: 0;
  overflow: hidden;
  display: block;
  border: none !important; }

.hidden {
  display: none; }

.off-screen {
  text-indent: -999999px; }

.transparent {
  opacity: 0;
  visibility: hidden; }

.body-section {
  max-width: 970px;
  margin-left: 10px; }

.fl-left {
  float: left; }

.clear {
  clear: both; }

.indent {
  margin-left: 10px; }

.altinfo {
  position: absolute;
  left: -99999px; }

/*spam bot catcher*/
.center {
  text-align: center; }

.bullets {
  list-style-type: disc;
  margin-left: 20px;
  list-style-position: outside; }

.nobullet {
  list-style-type: none; }

.nobg {
  background-color: transparent !important; }

label {
  display: block; }

input, textarea {
  padding: 5px 10px;
  line-height: 1.25em; }

a.btn, .btn {
  padding: 7px 17px;
  background-color: #fff;
  color: #f16624;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  background-repeat: no-repeat; }

a.play {
  padding-left: 60px;
  background: #fff url("/designsquad/static/images/_global/game-play.png") no-repeat;
  background-position: 13px 0; }

a.play:hover {
  background-position: 13px -43px; }

.tally {
  text-align: center;
  line-height: 1em;
  padding: 7px 0 2px 0;
  font-size: .8125em;
  /*default: 13px*/
  color: #fff; }

.tally .num-stickers {
  display: block;
  margin-bottom: 6px;
  font-size: 1.692em;
  /*default: 22px*/
  font-weight: bold;
  padding-top: 2px; }

.btn:hover, .btn:focus {
  background-color: #f16624;
  color: #fff; }

/* overlay/overlay-mask is shared by project-page and diy-page and diy-index, at least */
#overlay-mask {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9998;
  background: #000;
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
  /*background: rgba(0, 0, 0, .5);*/
  display: none; }

#overlay {
  /*
  top: 341px;
  left: 380px;*/
  display: none;
  position: absolute;
  z-index: 9999; }

#what-are-points-popup-body {
  padding: 15px;
  color: black;
  background: #a5ce39; }

#what-are-points-popup-body ol,
#what-are-points-popup-body ul {
  margin-left: 20px; }

/* NEW DIY PHOTO UPLOAD OVERLAY */
#photo-upload-overlay {
  width: 800px;
  background-color: #81a9d2;
  padding-bottom: 2em; }

#close-btn-bg {
  position: absolute;
  right: 9px;
  top: 9px;
  height: 26px;
  width: 26px;
  cursor: pointer;
  background-image: url("/designsquad/static/images/drawingtool_close_bg.png"); }

#close-btn-bg:hover {
  background-image: url("/designsquad/static/images/drawingtool_close_hover_bg.png"); }

#close-btn {
  margin-top: 2px !important; }

#photo-upload-overlay form {
  padding-top: 62px; }

#photo-upload-overlay img,
#photo-upload-overlay h3,
#photo-upload-overlay input[type=text],
#photo-upload-overlay select,
#photo-upload-overlay textarea {
  display: block;
  margin: 0 auto; }

.photo-letterbox {
  height: 432px;
  width: 432px;
  background: white;
  position: relative;
  margin: 0 auto; }

#upload-preview {
  position: absolute; }

.select-wrapper.over {
  margin-left: 126px; }

#photo-upload-overlay h3 {
  width: 548px;
  padding-top: .5em;
  padding-bottom: .5em; }

#photo-upload-overlay input[type=text],
#photo-upload-overlay select,
#photo-upload-overlay textarea {
  width: 33em; }

#design-country {
  /*margin-top: 1em;*/ }

#submit-photo {
  margin: 1em 0 1em 126px;
  width: auto !important; }

/* Try this (AWESOME MACHINE) styles */
#submission-message-popup {
  padding: 20px;
  background: #a6ce39;
  color: #333; }

#submission-message-popup h2 {
  text-align: center; }

#submission-try-call {
  font-size: 2em;
  padding-top: 10px; }

#try-this-thanks {
  margin-top: 20px; }

/* RESULTS GRID MODULE*/
#results-grid {
  overflow: hidden;
  color: #999;
  font-weight: bold;
  float: left;
  margin-top: 10px; }

.design-grid {
  margin-left: 44px;
  width: 830px; }

#results-grid li {
  float: left;
  margin: 0 20px 20px 0;
  background: rgba(255, 255, 255, 0.7); }

#results-grid li:hover {
  background-color: #fff; }

#results-grid a:focus {
  background-color: #fff; }

#results-grid a {
  cursor: pointer; }

#results-grid a,
#results-grid a:visited,
#results-grid a:hover,
#results-grid a:focus {
  color: #333;
  text-decoration: none;
  display: block;
  height: 100%; }

/*3 col layout (projects gallery)*/
.three-col li {
  width: 250px;
  height: 250px; }

.three-col .latest-sub {
  float: left;
  width: 115px;
  height: 151px;
  margin: 9px 0px 0px 7px;
  line-height: .75em;
  text-align: right;
  color: #666; }

.three-col .img, .three-col img {
  width: 115px;
  height: 115px; }

.three-col .img {
  height: 65px;
  /*thumb height-placeholder padding*/
  padding-top: 50px;
  background-color: #666;
  text-align: center;
  color: #fff;
  font-size: .8125em; }

.three-col .wish {
  height: 3.15em;
  overflow: hidden;
  margin-left: 7px;
  margin-right: 5px;
  font-size: 1.45em;
  line-height: 1em;
  color: #000; }

/*the wish text*/
.three-col .author {
  font-size: .64em;
  color: #666;
  margin-bottom: 1px;
  display: block; }

.three-col .num-subs {
  padding-top: 7px;
  font-size: .8125em; }

.three-col .num-subs span {
  font-size: 1.492em; }

/*end label container*/
/* END RESULTS GRID MODULE */
/* END SHARED STYLES */
/* NEW HTML STICKER TOOL */
.sticker-tool {
  width: 808px;
  /* 816 - 8 */
  border: solid 4px white; }

.chooser {
  width: 100%;
  height: 148px;
  background: black;
  border-bottom: solid 4px white; }

.left {
  float: left;
  height: 55px;
  width: 55px;
  /* 60x60 */
  margin: 43px 3px 0 12px;
  /*margin: 40px 0 0 10px;*/
  background: url("/designsquad/static/images/but-circle-l.png");
  cursor: pointer; }

.left:hover {
  background: url("/designsquad/static/images/but-circle-l-dn.png"); }

.right {
  float: left;
  height: 55px;
  width: 55px;
  margin: 43px 2px 0 13px;
  background: url("/designsquad/static/images/but-circle-r.png");
  cursor: pointer; }

.right:hover {
  background: url("/designsquad/static/images/but-circle-r-dn.png"); }

.stickers {
  float: left;
  width: 646px;
  height: 128px;
  margin: 10px 0 0 10px;
  background: #666; }

.sticker {
  float: left;
  height: 128px;
  width: 128px;
  z-index: 10;
  margin-left: 26.8px;
  cursor: pointer;
  /*position: relative;*/ }

#stuck {
  cursor: pointer; }

.img {
  height: 100%;
  width: 100%; }

.canvas {
  position: relative;
  overflow: hidden;
  clear: both;
  height: 698px;
  width: 808px;
  background: url("/designsquad/static/images/graph-bg.png"); }

.sticker-but {
  float: left;
  margin: 10px 0 0 12px;
  border: solid black 6px;
  border-radius: 2px;
  padding: 8px 12px 6px 12px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  font-family: sans-serif;
  color: black;
  background: #dde3ff;
  cursor: pointer;
  z-index: 1;
  position: absolute; }

.sticker-but:hover {
  color: red; }

.sticker-but.cancel {
  margin-left: 160px; }

/* END NEW HTML STICKER TOOL */
/****** TRY THIS NEXT MODULE ******/
#try-this-wrapper {
  height: 550px;
  width: 770px;
  background: #78c6ca;
  overflow: hidden; }

#try-this-box {
  height: 530px;
  width: 710px;
  background: url("/designsquad/static/images/try-back.png");
  margin: 10px 0 0 28px;
  overflow: hidden; }

#try-this-lights {
  display: block;
  position: absolute;
  margin: -4px 0 0 150px; }

#try-this-bobble {
  display: block;
  position: absolute;
  margin: 11px 0 0 388px; }

#try-this-rank {
  display: block;
  position: absolute;
  margin: 105px 0 0 390px; }

#try-this-lever {
  position: absolute;
  height: 103px;
  width: 46px;
  background: url("/designsquad/static/images/try-button.png");
  margin: 76px 0 0 74px;
  cursor: pointer; }

#try-this-area {
  width: 690px;
  height: 329px;
  margin: 200px 0 0 20px; }

.try-this-box {
  list-style: none;
  display: block;
  float: left;
  height: 300px;
  width: 200px;
  background: white;
  color: black;
  overflow: hidden;
  margin: 15px 0 0 22px; }

.try-this-points {
  display: block;
  position: absolute; }

.try-this-thumb {
  display: block;
  height: 96px;
  width: 174px;
  margin: 13px 0 0 13px; }

.try-this-text {
  height: 117px;
  overflow: hidden;
  padding: 13px; }

.try-this-title {
  font-weight: bold;
  font-size: 1.25em;
  padding-bottom: 0px; }

.try-this-description {
  padding-bottom: 0px; }

.try-this-button {
  margin: 0 0 0 10px;
  width: 170px;
  padding: 5px;
  background: #f16624;
  color: #333;
  text-align: center;
  font-size: 1.5em;
  font-weight: bold;
  cursor: pointer; }

.try-this-button:hover {
  color: white; }

/****** END TRY THIS NEXT MODULE ******/
/* REFUGEES FROM kids.css AND EVENTUALLY THE STILL RELEVANT FROM new_kids.css */
/**** SECTION 1: PROJECT PAGE STUFF ****/
/* MAYBE OVERKILL? */
/* PROJECT DETAIL PAGE */
#project-page .label,
#project-page #project,
#project-page #project-meta,
#project-page #project-video {
  background-color: #a5ce39; }

/* RENAME TO PROJECT-SOMETHING ? */
#page-feature {
  margin-left: 30px;
  /* clear: both; */ }

.prof-pic {
  float: left;
  width: 26px;
  height: 26px;
  border: solid 1px #868686;
  vertical-align: top;
  margin-top: .7em;
  margin-left: 1em; }

#page-feature .label {
  width: 22.5%;
  /* roughly = old val */
  /*249/970*/
  padding: .5em 0;
  padding-left: 2.5em;
  font-size: 1.25em;
  color: #333; }

/* USED BY PROJECTS GALLERY & PROJECT PAGE, THIS IS AN ISSUE */
#results-meta {
  overflow: auto;
  width: 844px;
  clear: both;
  background-color: #fff;
  color: #000;
  text-align: center;
  font-weight: bold;
  padding: 8px 0;
  margin-left: 30px;
  margin-bottom: 50px; }

#results-meta a {
  color: #000;
  margin-left: 6px; }

/* #results-meta OVERRIDE FOR PROJECT PAGE */
.design-results-meta {
  width: 810px !important;
  margin-left: 44px !important; }

/**** END SECTION 1 ****/
/**** SECTION 2: FOOTER STUFF ****/
/* this is for BiB footer, maybe more stuff? */
/* #funders in kids.css might be involved too */
#secondary-content {
  width: 100%; }

#secondary-content .module {
  margin-top: 10px;
  border: none;
  background: #fff;
  background: #424242;
  color: #999;
  font-size: .8em;
  /* padding-left: 10px;	*/
  line-height: 1.5em;
  height: auto;
  padding-bottom: 16px;
  cursor: default;
  width: 100%; }

/**** END SECTION 2 ****/
/* SHARED ELEMENTS
-------------------------------------------------------------- */
/* MAIN PAGE SIZED BG IMAGES */
#heroes {
  background-image: url("/designsquad/static/images/_bg/page-bg-heroes.jpg"); }

#profile {
  background-image: url("/designsquad/static/images/_bg/page-bg-me.jpg"); }

#contest {
  background-image: url("/designsquad/static/images/_bg/page-bg-contest.jpg"); }

#familyday {
  background-image: url("/designsquad/static/images/_bg/page-bg-contest.jpg"); }

/* when there is an image beneath the page-feauture (eg. heroes & projects) */
.overlays-featured {
  z-index: 10;
  position: relative; }

/* TOP RESULTS CONTAINER */
#results {
  width: 780px;
  /* margin-left: 10px;	*/
  float: left;
  clear: left;
  position: relative;
  z-index: 100; }

/* TABS MODULE */
.results-nav {
  width: 810px;
  border-bottom: 10px solid #fff;
  line-height: 1em;
  overflow: hidden;
  list-style-type: none;
  margin-left: 44px; }

.results-nav li {
  float: left;
  padding: 10px 2% 11px 2%;
  margin-right: 10px;
  background: #aaacae;
  background: rgba(255, 255, 255, 0.5);
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition: background-color 95ms ease-in-out;
  -moz-transition: background-color 95ms ease-in-out;
  -o-transition: background-color 95ms ease-in-out;
  transition: background-color 95ms ease-in-out; }

.results-nav .active {
  padding-bottom: 21px;
  margin-bottom: 0;
  background: #fff;
  background: white;
  text-decoration: none;
  cursor: default; }

.results-nav li:hover {
  background: #fff;
  background: white; }

.results-nav a {
  color: #333;
  font-weight: bold; }

.results-nav .active a,
.results-nav a:focus {
  text-decoration: none;
  cursor: default;
  background: #fff;
  background: white; }

.has-sub-nav li {
  float: left;
  width: 37.012%;
  /*(300-15)/770*/
  height: 61px;
  padding: 13px 0 0 15px;
  margin-right: 10px;
  background: #aaacae;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
  font-size: 1.5em;
  font-weight: bold; }

.has-sub-nav li p {
  padding-bottom: 0; }

.has-sub-nav .tab-label {
  display: block;
  margin: 10px 0 18px 0; }

.has-sub-nav .active {
  padding-bottom: 10px;
  margin-bottom: 0;
  background: #fff;
  background: white;
  text-decoration: none;
  cursor: default; }

.has-sub-nav li:hover {
  background: #fff;
  background: white; }

.has-sub-nav a {
  color: #333;
  font-weight: bold; }

.has-sub-nav .active a {
  text-decoration: none;
  cursor: default; }

.has-sub-nav .filter {
  font-weight: normal;
  color: #333;
  font-size: .667em;
  padding-right: 38px; }

.has-sub-nav .active .filter a {
  cursor: pointer;
  text-decoration: underline;
  font-weight: bold;
  margin-left: 20px; }

.has-sub-nav .active a.active {
  text-decoration: none;
  color: #999; }

/*end tabs*/
/* END TABS MODULE */
#aside {
  background: #776c5e;
  background: rgba(0, 0, 0, 0.3);
  width: 167px;
  position: absolute;
  left: 790px;
  margin-top: -11px;
  padding: 0 10px 15px 10px; }

#aside h2 {
  margin: 10px 0 5px 0;
  font-size: 1.25em;
  line-height: 1.1em;
  font-weight: 800;
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  color: #a6ce38; }

.wf-loading #aside h2 {
  visibility: hidden; }

#aside p, #aside li {
  font-size: .8125em;
  line-height: 1.416em;
  padding-bottom: 5px; }

#aside img {
  padding: 30px 0; }

@media screen and (max-width: 768px) {
  #aside img {
    display: none; }

  #aside {
    padding-bottom: 0px; } }
/*tooltip like sticker or add to this png */
#toolTipSticker {
  position: absolute;
  display: none;
  z-index: 100; }

/* LIGHT BOX OVERLAY MODULE */
.overlay {
  display: none;
  z-index: 100; }

/*define widths so positions correctly*/
#img-asset {
  width: 620px;
  text-align: center; }

#project-page #overlay {
  width: 825px; }

#profile #overlay {
  width: 815px; }

#sticker-overlay-close,
.overlay a.close {
  background-image: url("/designsquad/static/images/_global/close-white.png");
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  text-decoration: none;
  margin: 5px 7px 0 0;
  height: 42px;
  width: 42px;
  z-index: 101; }

#sticker-overlay-close:hover,
.overlay a.close:hover {
  background-position: 0 -54px; }

/*text overlay*/
.alert-msg {
  background-color: #a5ce39;
  padding: 55px 43px 46px 43px;
  color: #000;
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  font-size: 1.5em;
  line-height: 1.25em; }

.alert-msg h2 {
  font-size: 1.208em;
  padding-bottom: 1em; }

.alert-msg p, .alert-msg ul {
  padding-bottom: .75em; }

.alert-msg .default-font {
  font-size: .8125em; }

/*image/video overlay*/
.asset-wrap {
  background-color: #83aad4;
  padding: 55px 10px 42px 10px;
  color: #333;
  font-size: 1.25em; }

.asset-wrap p {
  max-width: 600px; }

/*sketch/image submission detail overlay*/
#det {
  z-index: 100;
  width: 815px; }

#det #project-overview .label,
#det #project-overview p {
  background-color: #a5ce39; }

#det .label {
  width: 43.312%;
  padding-top: 25px;
  padding-left: 10px;
  overflow: auto;
  color: #333;
  padding-bottom: 0; }

#det .author {
  font-size: 1.125em;
  line-height: 1.375em; }

#det .author a, .label a:visited {
  color: #333; }

#det .prof-pic {
  width: 59px;
  height: 59px;
  margin-top: -10px;
  margin-right: 10px; }

#det #wish-text {
  color: #000;
  font-size: 1.875em;
  margin-bottom: 10px;
  padding: 21px 0 38px 79px; }

#det #img-container {
  background-color: #fff;
  width: 432px;
  height: 432px;
  float: left; }

#det #img-container img {
  max-width: 432px;
  max-height: 432px; }

#det #submission-info {
  background-color: #333; }

#det #meta-data {
  background-color: #333;
  width: 372px;
  padding-left: 10px;
  min-height: 432px;
  margin-left: 432px; }

#det #meta-data .author {
  padding-top: 10px;
  color: #999; }

#det #meta-data .author a, #det #meta-data .author a:visited {
  color: #999; }

#det h1 {
  color: #a5ce39;
  font-size: 1.2em; }

#det #description {
  font-size: 1.25em;
  line-height: 1.5em; }

#det .author a:hover, #det .author a:focus,
#det #meta-data .author a:hover,
#det #meta-data .author a:focus {
  color: #fff; }

#det #submission-details {
  background-color: #484848;
  min-height: 222px;
  margin: 0 0 5px 0;
  padding: 10px 10px 0 71px;
  font-size: 1.25em; }

#submission-parent {
  color: #999; }

#submission-parent a {
  color: #999; }

#submission-parent p {
  padding-bottom: 0.25em; }

#submission-parent-image {
  display: block;
  float: left;
  margin-right: 10px; }

.parent-design {
  cursor: pointer; }

#det #sticker-details {
  color: #99cc33;
  float: left; }

#det #sticker-details .tally {
  float: left;
  margin: 0 0 0 15px;
  font-size: 1em;
  color: #a5ce39;
  background-color: #333; }

#sticker-details img {
  display: block;
  float: left; }

#sticker-details-arrow {
  margin: 10px 0 0 135px; }

#sticker-details-givesticker {
  margin: 10px 0 0 15px; }

#det h2 {
  font-size: 1.375em;
  text-align: center;
  padding-top: 25px; }

#det #sticker {
  clear: both;
  border: 4px solid #fff;
  width: 807px; }

#more-meta-data {
  clear: both;
  padding-top: 10px;
  background-color: #333;
  margin-bottom: 10px;
  overflow: hidden; }

#add-to-design-button {
  background-image: url("/designsquad/static/images/_global/icons-btn.png");
  background-position: 0 -100px;
  width: 200px;
  padding: 0 0 0px 51px;
  line-height: 1.25em;
  float: left;
  margin: 0 0 0 90px; }

#cant-add-to-design-unbutton {
  width: 200px;
  height: 1em;
  padding: 0 0 0px 51px;
  float: left;
  margin: 0 0 0 90px; }

#add-to-design-button span {
  display: block;
  float: left;
  margin: 11px 8px 0 5px;
  text-decoration: underline; }

/* END OVERLAY MODULE */
/* PAGE SPECIFIC RULES
-------------------------------------------------------------- */
/* PROJECT GALLERY PAGE */
/*wish submission*/
#projects-gallery #page-feature form {
  /*width=877px*/
  width: 90.41%;
  line-height: 100% !important;
  position: relative;
  z-index: 3;
  margin-bottom: 8px; }

#projects-gallery form p,
#projects-gallery #page-feature form label {
  background-color: #a5ce39; }

#projects-gallery #page-feature form label {
  display: block;
  width: 85.632%;
  padding: 28px 0 8px 17px;
  font-size: 1.25em; }

/*
#projects-gallery form p {
padding: 0 49px 18px 17px;
}

#projects-gallery form textarea {
*/
/*686px*/
/*
width: 82.9%;
padding: 10px 0 0 14px;
font-size: 2em;
line-height: 1em;
height: 77px;
overflow: auto;
}

#projects-gallery form .btn {
position: absolute;
margin: 47px 0 0 11px;
}

#projects-gallery #submit {
padding: 9px 17px 9px 6.411837%;
background-image: url(/designsquad/static/images/_global/icons-btn.png);
background-repeat: no-repeat;
background-position: 0 -3px;
width: 17%; */
/* 137/811 */
/*
}
#projects-gallery #submit:hover { background-position: 0 -50px; }
@media screen and (max-width: 768px) {
	#projects-gallery #submit {
		background-image: none;
	}
}

#projects-gallery #login {
position: absolute;
left: 0;
z-index: 10;
width: 92.5%;
height: 7.375em;
padding-top: 20px;
background: #a5ce39;
background: rgba(165, 206, 57, .85);
}

#login span {
font-size: 1.54em;
line-height: 1.25em;
}

form #login .btn {
margin: 3px 20px 6em 0;
position: static;
float: left;
}
*/
/* end wish submission */
/* featured project */
#projects-gallery #featured-img {
  float: right;
  left: 452px;
  margin-top: -104px; }

#projects-gallery #featured-proj {
  position: relative;
  top: 19px;
  left: 462px;
  z-index: 100;
  width: 280px;
  color: #000;
  font-size: 1.25em;
  line-height: 1.2em; }

#projects-gallery #featured-proj a {
  display: block;
  height: 2.4em; }

#projects-gallery #featured-proj a:hover {
  color: #000; }

#featured-proj a {
  text-decoration: none; }

#featured-proj a:hover, #featured-proj a:focus {
  color: #fff; }

@media screen and (max-width: 768px) {
  #projects-gallery #featured-img {
    left: 330px; }

  #projects-gallery #featured-proj {
    left: 340px; }

  #login span {
    line-height: 1.1em;
    font-size: 1.3em;
    margin-top: -5px; } }
/* end featured project */
/* light box: upload a prototype form */
#upload {
  background-color: #a5ce39;
  padding: 45px 24px 50px 24px; }

#upload label {
  display: block;
  margin-bottom: 5px;
  font-size: 1.692em; }

#upload .btn {
  margin-left: 0 !important; }

#upload textarea, #upload input {
  padding: 8px 21px;
  font-size: 1.5em;
  line-height: 1.2em;
  width: 482px; }

#upload #submission {
  padding: 40px;
  font-size: 2.3em;
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif; }

.wf-loading #upload #submission {
  visibility: hidden; }

#upload span {
  float: right;
  font-size: .875em; }

#upload #msg {
  font-size: 2em;
  font-weight: bold;
  color: #fff; }

/* NOTE: sketchpad styling in sketchpad.html */
/* END PROJECT GALLERY PAGE */
#project-page #results {
  margin-top: -10px; }

/*project detail lightbox*/
#project-overview .label {
  padding-left: 0;
  color: #333 !important; }

#page-feature .label a {
  color: #333; }

#page-feature #project {
  /*636px*/
  padding-top: 1em;
  float: left;
  /*width: 625px;*/
  padding-bottom: 21px;
  margin-bottom: 50px; }

#page-feature #project .text {
  display: block;
  margin-left: 16px;
  font-size: 2em;
  line-height: 1.25em;
  width: 848px;
  color: #000;
  text-decoration: none;
  font-weight: normal;
  padding-bottom: .5em;
  cursor: pointer; }

.team-project .text {
  width: 664px !important; }

.diy-project #project-wish {
  width: 506px !important; }

#page-feature #project #project-meta {
  /*padding-top: 20px;*/
  clear: both; }

#page-feature #project .tally {
  background: #333;
  background: rgba(0, 0, 0, 0.5);
  float: left;
  width: 86px; }

/*
#page-feature #project .btn {
margin-left: 3.144%;*/
/*20px*/
/*
width: 144px;
padding: 8px 0 8px 33px;
text-align: center;
display: block;
float: left;
background-image: url(/designsquad/static/images/_global/icons-btn.png);
background-repeat: no-repeat;
}
*/
#sketch-it {
  background-position: 0 -99px; }

#sketch-it:hover {
  background-position: 0 -149px; }

#proto-it {
  padding-left: 45px !important;
  background-position: 0 -196px; }

#proto-it:hover {
  padding-left: 45px !important;
  background-position: 0 -242px; }

#page-feature #project #login {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
  background-image: none !important; }

#project-video {
  margin-left: 64.585%;
  margin-top: -20px;
  clear: none;
  padding: 8px; }

#project-video div {
  margin-bottom: 6px;
  font-size: 1em;
  font-weight: normal;
  line-height: 0;
  height: 297px; }

#playerWrapper {
  line-height: 0; }

#project-video p {
  padding-bottom: 0; }

#project-video .btn {
  font-size: .75em;
  padding: 6px 13px;
  position: relative;
  z-index: 110; }

/* END PROJECT DETAIL PAGE */
/* PROFILE PAGE */
/*page feature*/
#profile #page-feature {
  overflow: hidden;
  margin-bottom: 21px; }

#identity,
#profile .label,
#user-stats,
#help,
#spacer,
#profile .wrapper {
  background-color: #6255a0;
  color: #fff; }

.hero #identity,
#profile .hero .label,
.hero #user-stats,
.hero #help,
.hero #stats-container #help a,
.hero #stats-container #help a:visited,
.hero #spacer,
#profile .hero .wrapper {
  background-color: #83aad4; }

#profile #page-feature .tally, #user-stats li {
  background-color: #4b446a; }

#profile .hero #stats-container .tally, .hero #user-stats li {
  background-color: #5e7289; }

#needed {
  color: #fff;
  font-weight: bold; }

#spacer {
  margin-top: 109px;
  width: 16px;
  height: 199px;
  float: left; }

#user-stats {
  background: #6255a0 url("/designsquad/static/images/profile/equal-sign.png") no-repeat 18px 10px; }

#identity {
  width: 146px;
  min-height: 292px;
  float: left;
  padding: 16px 33px 0 33px; }

#identity h1 {
  font-size: 1.125em;
  line-height: 1em;
  height: 1em; }

#identity .btn {
  font-size: .75em;
  width: 146px;
  padding: 0;
  width: 146px;
  float: left;
  text-align: center; }

.prof-pic-big {
  margin: 13px 0 3px 0;
  width: 146px;
  height: 146px; }

#identity .fan a {
  background: transparent url("/designsquad/static/images/_global/be-fan.png") no-repeat;
  text-decoration: none;
  height: 50px;
  width: 76px;
  display: block;
  color: #f16624;
  margin-left: 27px;
  font-weight: bold;
  padding: 24px 5px 0 5px;
  font-size: .8125em;
  line-height: 1.2em;
  text-align: center; }

.fan {
  display: none; }

#identity .fan a:hover, #identity .fan a:focus {
  background-position: 0px -74px; }

.fan p {
  line-height: 1em;
  padding: 0;
  font-size: .8125em;
  text-align: center;
  margin-top: 5px;
  font-weight: bold;
  cursor: pointer; }

#prof-pic-stats {
  font-size: 1.25em;
  line-height: 1em;
  margin: 8px 0 0;
  color: #99cc33;
  float: left;
  clear: both;
  width: 146px;
  font-weight: bold;
  padding-bottom: 0; }

#needed {
  color: #fff; }

#stats-container {
  width: 700px;
  float: left;
  left: 328px; }

#stats-container ul {
  float: left;
  width: 428px;
  padding: 44px 76px 27px 36px; }

#stats-container li {
  float: left;
  height: 48px;
  width: 125px;
  padding-top: 10px;
  padding-right: 7px;
  margin-left: 10px;
  margin-bottom: 10px;
  text-align: right;
  font-size: .75em;
  line-height: 1.9em;
  background-image: url("/designsquad/static/images/_global/icons-prof.png");
  background-repeat: no-repeat; }

#wish-stat {
  background-position: 0px 0px; }

#sketch-stat {
  background-position: 0px -61px; }

#proto-stat {
  background-position: 0px -120px; }

#recieved-stat {
  background-position: 0px -179px; }

#given-stat {
  background-position: 0px -179px; }

#fans-stat {
  background-position: 0px -237px; }

#stats-container .score {
  font-size: 2.5em;
  font-weight: bold;
  display: block; }

#stats-container .label {
  padding-left: 21px;
  width: 42%;
  font-size: 1.5em;
  line-height: 1em;
  padding-top: 6px;
  padding-bottom: 4px;
  margin-top: 15px; }

#stats-container .wrapper {
  padding: 44px 30px 40px 0; }

#stats-container .tally {
  height: 79px;
  padding-top: 45px;
  font-size: .75em;
  line-height: 1.9em;
  font-weight: bold; }

#stats-container .num-stickers {
  font-size: 3.833em;
  margin-bottom: 12px; }

#help {
  float: right;
  clear: right;
  width: 240px;
  padding-right: 32px;
  text-align: right;
  padding-bottom: 8px;
  font-size: 1.25em;
  font-weight: bold; }

#help a, #help a:visited {
  text-decoration: none;
  background: #6255A0 url("/designsquad/static/images/_global/question-mark.png") no-repeat 168px 0;
  padding-right: 33px;
  padding-bottom: 1px; }

#help a:hover, #help a:focus {
  background-position: 168px -26px; }

/*end page feature*/
/*lb: for selecting your prof pic*/
#overlay-pics .contentWrap {
  background-color: #6255A0;
  width: 600px;
  padding: 27px 22px 22px 24px;
  overflow: auto; }

#overlay-pics .tally {
  background-color: #6255A0;
  min-width: 43px;
  color: #99cc33;
  margin-top: 12px;
  font-weight: bold; }

#overlay-pics h2 {
  margin-left: 62px;
  color: #99cc33;
  margin-bottom: 28px;
  font-size: 2.15em; }

#overlay-pics #prof-pics a.close {
  position: static;
  margin: 0;
  padding: 0; }

#prof-pics .level {
  float: left;
  clear: left;
  margin: 10px; }

#prof-pics a {
  display: block;
  float: left;
  width: 83px;
  height: 83px;
  background-color: #fff; }

#prof-pics img {
  width: 83px;
  height: 83px; }

#prof-pics .options {
  opacity: .3; }

#prof-pics .level.unlocked .tally {
  color: #fff; }

#prof-pics .options.unlocked, #prof-pics .level.unlocked {
  opacity: 1;
  color: #fff; }

#prof-pics .options a {
  cursor: default; }

#prof-pics .options.unlocked a {
  cursor: pointer; }

#prof-pics li {
  margin: 1px;
  float: left; }

/*end lb: for selecting your prof pic*/
/* END PROFILE PAGE */
/* GAMES INDEX PAGE */
.items-list {
  margin-top: 12px;
  color: #000;
  list-style-type: none; }

.items-list h2,
.items-list h3 {
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif; }

.wf-loading .items-list h3 {
  visibility: hidden; }

.items-list h2 {
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 10px; }

.items-list h3 {
  font-weight: normal; }

.items-list div {
  background-color: #83aad4; }

/*.items-list li:first-child div { background-color: #a7ce38; }*/
.items-list .identity {
  float: left;
  clear: left;
  width: 320px;
  min-height: 207px;
  margin: 18px 0 10px 0;
  padding: 14px 16px; }

.items-list .spacer {
  float: left;
  width: 10px;
  height: 208px;
  margin-top: 45px; }

.items-list .details {
  width: 53.91%;
  float: left;
  margin-bottom: 30px;
  min-height: 253px;
  padding-right: 14px; }

.items-list .stretch {
  width: 80%;
  margin-top: 3px; }

.details h3,
.details h4,
.details p,
.details ol,
.details ul {
  clear: left;
  margin-top: -19px;
  padding-left: 22px; }

.details h3,
.details h4,
.details p,
.details li ul li,
.details-txt {
  font-size: .875em;
  line-height: 1.25em;
  font-weight: bold;
  color: #000; }

.details .indent {
  margin-left: 22px; }

.details li ul, .details li ol {
  margin-bottom: 1em; }

.details li p {
  padding-left: 0; }

.details h3 {
  padding: 20px 22px 15px 22px;
  float: left;
  font-size: 1.875em; }

.details ul,
.details ol,
.details p {
  margin-top: 0; }

.details .btn {
  float: right;
  margin: 15px 0; }

.hl-games h1.fancy-font {
  float: left;
  min-width: 39.873%;
  padding: 15px 0 0 4.556%;
  background-color: #a7ce38;
  color: #000; }

.hl-games #flashcontent {
  background-color: #a7ce38;
  padding: 16px 0 0 0;
  clear: left;
  line-height: .75em; }

/* END GAMES INDEX PAGE */
/* VIDEO PLAYER PAGES */
#video #player {
  margin-top: 10px;
  background-color: #241624;
  line-height: 0; }

/* HEROES/PROFILES PAGES */
.title-only .sub-meta {
  text-align: center;
  line-height: 2em; }

.title-only li:hover .sub-meta,
.sub a:focus .sub-meta {
  background: #83aad4;
  background: #83aad4; }

.title-only li.no-link:hover .sub-meta,
.no-link a:focus .sub-meta {
  background: #333;
  background: rgba(0, 0, 0, 0.5); }

#heroes #page-feature {
  float: left;
  color: #333;
  margin-bottom: 106px; }

#heroes #page-feature .wrapper {
  background: #606163;
  background: rgba(255, 255, 255, 0.5);
  padding: 0 13px 12px 17px;
  float: left;
  clear: left;
  position: relative;
  z-index: 3; }

#heroes #page-feature h1 {
  font-size: 1.875em;
  margin-top: 48px; }

#heroes #page-feature p {
  font-size: 1.5em;
  width: 265px;
  padding-right: 10px; }

#heroes #page-feature .btn {
  font-size: .75em;
  padding-left: 45px;
  padding: 12px 17px 12px 45px;
  background-image: url("/designsquad/static/images/_global/watch.png");
  background-repeat: none;
  background-position: 8px 4px; }

#featured-img {
  position: absolute;
  z-index: 0;
  left: 0; }

/* END HEROES PAGE */
/* HOME PAGE */
#home #logo {
  background-position: 0px -64px; }

.module {
  float: left;
  width: 236px;
  height: 174px;
  background: #fff;
  margin-right: 10px;
  border: 7px solid #fff;
  background: #666;
  cursor: pointer; }

#projects-feed {
  height: 290px;
  margin-top: 7px;
  margin-bottom: 7px;
  border: none;
  background: transparent; }

#projects-feed #results-grid {
  margin-top: 0;
  width: 250px;
  background: #fff; }

#projects-feed #results-grid li {
  margin-bottom: 0; }

#projects-feed h2 {
  padding-left: 12px; }

#projects-feed:hover h2,
#projects-feed:hover li {
  border-color: #a5ce39; }

#projects-feed:hover #results-grid li {
  background: #a5ce39; }

#home #features {
  width: 982px; }

.mod-link, .mod-link:visited, .mod-link:hover {
  color: #333;
  text-decoration: none !important; }

.module h2 {
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  font-size: 2.25em;
  padding: 0 15px 0 7px;
  background: #fff;
  display: inline;
  line-height: 1em;
  font-weight: 800; }

.wf-loading .module h2 {
  visibility: hidden; }

.module,
.module:hover,
.module:focus {
  text-decoration: none; }

.module:hover,
.module:focus {
  border-color: #a5ce39; }

.module:hover h2,
.module:hover .btn,
.module:focus h2 {
  background: #a5ce39; }

#watch {
  background: url("/designsquad/static/images/home/watch-310.jpg") no-repeat; }

#play {
  background: url("/designsquad/static/images/home/build-big-winners.jpg") no-repeat; }

#blog-feed {
  overflow: auto;
  width: 433px;
  height: 161px;
  /*module height+border width-padding*/
  padding: 20px 7px 7px 20px;
  background: #fff;
  background: rgba(255, 255, 255, 0.5);
  color: #000;
  font-size: .875em;
  line-height: 1.285em;
  border: none; }

#blog-feed:hover {
  background: #fff; }

#blog-feed a, #blog-feed a:hover, #blog-feed a:visited {
  color: #000;
  text-decoration: none !important; }

#blog-feed a:focus h2,
#blog-feed a:focus p {
  text-decoration: underline;
  color: #fff; }

#blog-feed h2 {
  background: transparent;
  font-size: 1em; }

#blog-feed .btn,
#blog-feed .btn:hover,
#blog-feed .btn:visited {
  margin-top: 8px;
  color: #000;
  float: right; }

#blog-feed #description {
  width: 425px;
  height: 4em; }

#blog-feed:hover .btn, #blog-feed a:focus .btn {
  background: #a5ce39; }

#home #page-feature {
  position: absolute;
  left: 310px;
  width: 650px;
  height: 174px;
  padding: 60px 10px 14px 13px;
  font-size: 1.5em;
  line-height: 2.5em; }

#home #page-feature h1 {
  font-family: "skippy-sharp-1","skippy-sharp-2", helvetica, times, sans-serif;
  font-size: 2.79em;
  line-height: 1.1em;
  font-weight: normal;
  margin-top: 43px;
  margin-left: 5px; }

.wf-loading #home #page-feature h1 {
  visibility: hidden; }

/*pbs go-auth display fixes - our css overwrites their rules in some cases*/
#go-auth p {
  padding-bottom: 0; }

#localization {
  position: relative;
  width: 200px;
  padding-top: 23px; }

#localization img {
  position: absolute;
  margin-left: 30px;
  margin-top: -7px; }

/* misc */
#clarify {
  clear: both; }

textarea {
  resize: none; }

/* pagination */
.projects-page,
.prev-page,
.next-page {
  cursor: pointer; }

/* MAYBE PART OF EVERYBODY PAGE?? */
/**** generic design box with # stickers ****/
.design-box {
  width: 146px;
  height: 146px;
  overflow: hidden;
  padding: 0; }

.design-box a {
  background-color: white;
  color: #333;
  text-decoration: none;
  display: block;
  height: 100%;
  font-weight: bold; }

.design-box a img {
  position: absolute;
  width: 146px;
  height: 146px; }

.wish-text,
.txt-only {
  position: absolute;
  width: 124px;
  height: 136px;
  padding: 10px 11px 0 11px;
  font-family: "felt-tip-roman-1","felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  line-height: 1em;
  font-weight: bold;
  color: #000;
  font-size: 1.375em;
  overflow: hidden; }

.txt-only {
  position: relative;
  color: #f16624; }

.txt-only:hover {
  background-color: #fff;
  cursor: default; }

.design-box .sub-meta {
  position: relative;
  top: 102px;
  padding: 7px 3px 3px 3px;
  height: 34px;
  background: #333;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  overflow: hidden; }

.design-box .sub-meta p {
  position: absolute;
  line-height: 1em;
  width: 92px;
  overflow: hidden; }

.design-box .title {
  display: block;
  font-size: .8125em;
  width: 140px; }

.design-box .author {
  display: block;
  width: 140px;
  font-size: .75em;
  font-weight: normal; }

.design-box .tally {
  float: right;
  font-size: .75em;
  text-align: center;
  line-height: 1em;
  padding: 1px 0 2px 0;
  color: white; }

.design-box .tally .num-stickers {
  display: block;
  margin-bottom: 6px;
  font-size: 1.692em;
  font-weight: bold;
  padding-top: 2px; }

/* Shared by project page and diy-page */
/* buttons with icons */
#add-photo-button,
#add-photo-btn {
  background-image: url("/designsquad/static/images/icon_photo.png");
  background-position: 10px 9px;
  padding-left: 60px; }

/* ------------- STYLES ADDED SUMMER 2015 --------------- */
#submit-your-idea-button {
  background-image: url("/designsquad/static/images/icon_idea.png");
  background-position: 15px 4px;
  padding-left: 48px; }

/* FILTERS */
.th-filter-block, .activities-theme-nav {
  background-color: #81a9d2;
  position: relative;
  z-index: 30;
  margin-left: 30px;
  height: 102.5px;
  cursor: pointer;
  overflow: hidden; }

.th-filter-block ul, .diy-theme-list ul {
  margin-top: 16px;
  margin-left: 16px; }

.th-filter-block ul li, .diy-theme-list ul li {
  float: left;
  width: 77.5px;
  height: 62.5px;
  line-height: 1.2em;
  padding: 8px 5px 0 5px;
  margin-right: 16px;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0.5);
  font-weight: bold;
  font-size: 12px;
  color: black; }

.th-filter-block ul li:hover,
.th-filter-block ul li:focus,
.diy-theme-list ul li.diy-theme-selected,
.diy-theme-list ul li:hover,
.diy-theme-list ul li:focus {
  background-color: #fff; }

#your-ideas-filter {
  height: 98px; }

#your-ideas-filter ul {
  margin-top: 14px;
  margin-left: 14px; }

#your-ideas-filter ul li {
  margin-right: 14px;
  padding: 8px 5px 0px 5px;
  height: 62.5px; }

#your-ideas-filter ul li p {
  padding: 0; }

/*# sourceMappingURL=main.css.map */