.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 */
/* LARGE BUTTONS */
.lg-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.875em;
  line-height: 1em;
  min-height: 38px;
  color: #000;
  text-decoration: none;
  background-repeat: no-repeat;
  cursor: pointer;
}

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

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

/* END LARGE BUTTONS */
/* 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-results-meta {
  overflow: auto;
  width: 844px;
  clear: both;
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
  text-align: center;
  font-weight: bold;
  padding: 8px 0;
  margin-left: 30px !important;
  margin-bottom: 50px;
}

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

.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: 0.75em 0.5em;
  height: 54px;
  /*  overflow-y: scroll;	*/
  overflow-y: auto;
  position: absolute;
  left: 95px;
  font-size: 1em;
  font-family: arial;
  width: 416px;
  color: black;
}

#remix-tips {
  text-indent: -9999px;
  background-image: url("/designsquad/static/images/drawingtool_tips.png");
  background-repeat: no-repeat;
  overflow-y: visible;
}

#remix-tips ul {
  list-style-type: none;
}

.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: 44px;
  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;
}

/*------- DESIGN TRANSFORM WINDOW MODIFICATIONS ---------*/
#remix-design-scr {
  /*	width: 889px;	*/
  width: 971px;
}

#remix-design-scr .submit-design-area {
  float: left;
  margin: 0;
}

.remix-design-sidebar {
  float: left;
  width: 282px;
  color: #000;
}

.remix-design-sidebar .orig-design-block {
  max-height: 490px;
  width: 222px;
  padding: 20px 30px;
  background-color: #8172e9;
  overflow: hidden;
}

.remix-design-sidebar .remix-origwish {
  max-height: 280px;
  width: 222px;
  padding: 20px 30px;
  background-color: #61559e;
  overflow: hidden;
}

#remix-toggleview-bt {
  display: block;
  border: 0;
  width: 147px;
  height: 45px;
  background-image: url("/designsquad/static/images/remix-show-hide-icon.png");
  background-position: 1px 1px;
  background-repeat: no-repeat;
  margin: 0 auto 4px;
  padding: 0;
  font-family: "felt-tip-roman-1", "felt-tip-roman-2", "Felt Tip Roman", arial, helvetica, verdana, sans-serif;
  font-weight: bold;
  font-size: 1.5em;
  box-shadow: 3px 3px 1.5px rgba(0, 0, 0, 0.5);
  cursor: pointer;
}

#remix-toggleview-bt.showpar {
  background-color: #A6CE38;
}

/*
#remix-toggleview-bt.showpar:hover {
	background-color:#f16724;
}

#remix-toggleview-bt.showpar:hover, #remix-toggleview-bt.showpar:focus {
	background-color:#f16724;
}
*/
#remix-toggleview-bt.hidepar {
  background-color: #f16724;
}

#remix-origimage {
  display: block;
  margin: 0 auto 16px;
  box-shadow: 3px 3px 1.5px rgba(0, 0, 0, 0.5);
}

#remix-origtitle, #remix-wishtitle {
  text-align: center;
}

#remix-origtitle {
  font-family: arial, sans-serif;
  margin-bottom: 16px;
  font-size: 1.25em;
}

#remix-wishtitle {
  margin: 16px 0;
}

/*------- 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: 0.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;	*/
  padding-top: 30px;
}

#funders h5.fnd-home {
  text-align: left;
  padding-top: 19px;
}

#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 button {
  border: none;
  padding: 0;
  margin: 0;
}

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

#funders a#gbh {
  display: inline-block;
  text-indent: 0;
  height: auto;
  margin: 0;
  background: none;
  float: none;
}

/* funders logos */
a#nsf {
  width: 58px;
  height: 58p;
  margin-left: 6px;
  background-image: url("/designsquad/static/images/_global/logo-nsf-52.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#kendeda {
  width: 75px;
  background-image: url("/designsquad/static/images/_global/logo-kendeda.png");
  margin-right: 25px;
}

/* new 2018 */
button#statedep-flag {
  width: 69px;
  height: 58p;
  margin-left: 20px;
  background-image: url("/designsquad/static/images/_global/footer/US-Flag.png");
}

a#statedep {
  width: 60px;
  height: 58p;
  margin-left: 7px;
  background-image: url("/designsquad/static/images/_global/footer/Department-of-State.png");
}

a#stevens {
  width: 92px;
  height: 58p;
  margin-left: 8px;
  background-image: url("/designsquad/static/images/_global/footer/Stevens-Initiative.png");
}

a#aspen {
  width: 136px;
  height: 58p;
  margin-left: 8px;
  background-image: url("/designsquad/static/images/_global/footer/Aspen-Institute.png");
}

a#NCEES {
  width: 110px;
  height: 58p;
  margin-left: 8px;
  background-image: url("/designsquad/static/images/_global/footer/NCEES.png");
}

a#ULIEA {
  width: 152px;
  height: 58p;
  margin-left: 10px;
  background-image: url("/designsquad/static/images/_global/footer/ULIEA.png");
}

/* LOGOS USED ON HOME PAGE AND OTHER FOOTERS */
/* site wide */
a#lemelson {
  width: 109px;
  background-image: url("/designsquad/static/images/_global/footer/LemelsonA.png");
  margin-right: 25px;
  margin-left: 20px;
}

a#uef {
  width: 58px;
  height: 58p;
  margin-left: 25px;
  background-image: url("/designsquad/static/images/_global/footer/UEF.png");
}

/* home page only */
a#lemelson.fnd-home {
  margin-right: 13px;
  margin-left: 10px;
}

a#uef-sm {
  width: 49px;
  height: 58p;
  margin-left: 14px;
  background-image: url("/designsquad/static/images/_global/footer/UEF-sm.png");
}

#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("https://cms-tc.pbskids.org/globalresources/resources/img/pbs-kids-logo.svg") no-repeat -4px 0;
  background-size: 85%;
  background-position: 50% 50%;
  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-exploremap {
  padding-left: 21px;
  width: 134px;
  background-position: -152px -74px;
}

#main-nav-exploremap {
  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: 0.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: 0.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: 0.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: 0.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: 0.5em;
  padding-bottom: 0.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: 0.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: 0.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: 0.64em;
  color: #666;
  margin-bottom: 1px;
  display: block;
}

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

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

/*end label container*/
/* END RESULTS GRID MODULE */
/* NEW PAGINATION STYLING, AUG 2017 */
.pagstyle-rev a {
  text-decoration: none;
}

.pagstyle-rev a.active, .pagstyle-rev a:focus, .pagstyle-rev a:hover {
  text-decoration: underline;
}

/* END SHARED STYLES */
/* NEW HTML STICKER TOOL */
.sticker-tool {
  /*    width: 808px; */
  /* 816 - 8 */
  width: 800px;
  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 9px;
  /*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: 800px;
  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: 83px 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: 0.7em;
  margin-left: 1em;
}

#page-feature .label {
  width: 22.5%;
  /* roughly = old val */
  /*249/970*/
  padding: 0.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: rgba(255, 255, 255, 0.6);
  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: 0.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: 0.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: 0.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-36.png");
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  text-decoration: none;
  margin: 5px 7px 0 0;
  height: 36px;
  width: 36px;
  z-index: 101;
}

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

/*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: 0.75em;
}

.alert-msg .default-font {
  font-size: 0.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 #wishauth_block {
  padding-left: 8px;
  padding-top: 8px;
}

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

#det .label {
  width: 43.312%;
  overflow: auto;
  color: #333;
  padding-bottom: 0;
}

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

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

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

#det .prof-pic {
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  margin-right: 8px;
}

#det #wish-text {
  color: #000;
  font-size: 1.5em;
  margin-bottom: 10px;
  padding: 21px 20px 38px 46px;
}

#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 {
  position: relative;
  background-color: #333;
  height: 432px;
  margin-bottom: 10px;
}

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

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

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

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

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

#det #submission-details {
  background-color: #484848;
  margin: 0 0 5px 0;
  padding: 10px 10px 0 4px;
}

#det #submission-details h1 {
  color: #a5ce39;
  font-size: 1.4em;
  line-height: 1.5em;
  padding-bottom: 2px;
}

#det #submission-details p {
  font-size: 1.4em;
  line-height: 1.2em;
}

#submission-parent {
  background-color: #484848;
  width: 166px;
  height: 180px;
  margin-left: 206px;
}

#submission-parent .par-des-tag {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 0.9em;
}

#submission-parent .design-box {
  margin-left: 10px;
}

#submission-parent .design-box .author {
  font-size: 0.75em;
  line-height: 20px;
}

.parent-design {
  cursor: pointer;
}

#det #sticker-details {
  position: absolute;
  bottom: 10px;
}

#sticker-details-givesticker {
  display: block;
  margin-left: 13px;
}

#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 {
  position: absolute;
  left: 443px;
  bottom: 0;
  width: 372px;
  height: 180px;
  overflow: hidden;
}

#des-meta-buttons {
  float: left;
  width: 206px;
}

#des-meta-buttons button,
#des-meta-buttons a {
  display: block;
  border: 0;
  width: 180px;
  height: 40px;
  background-image: url("/designsquad/static/images/project-overlay-remix-icons.png");
  background-position: 2px 2px;
  font-size: 1em;
  margin: 0;
  padding: 0;
  text-align: center;
}

button#add-to-design-button {
  line-height: 40px;
}

a#add-to-design-button {
  line-height: 19px;
}

/* 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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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;
}

/* 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: 0.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: 0.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 */
.results-page,
.prev-page,
.next-page {
  cursor: pointer;
  display: inline-block;
  max-width: 24px;
}

/* 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;
  overflow: hidden;
}

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

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

.design-box .tally {
  float: right;
  font-size: 0.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 */