@charset "UTF-8";
/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013ΓÇô2014 thoughtbot, inc.
 * MIT License */
/*$sans-serif: $helvetica;
$serif: $georgia;*/
@import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);
/* Font-face ripped from bourbon.
 * Order of the includes matters, and it is: normal, bold, italic, bold+italic.
 * Example: @include font-face(SourceSansPro, "/fonts/Source_Sans_Pro/SourceSansPro-Italic", normal, italic);
*/
/*CSS triangle
 *First direction ('u','d','l','r')
 *Color of triangle
 *one parameter for equilateral triangle
 *two for isocles
 *three all different
*/
/* line 1, ../sass/base/_typography.scss */
#listenWrapper {
  -webkit-font-smoothing: antialiased;
  background-color: white;
  color: #333;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1em;
  line-height: 1.5;
}
/* line 9, ../sass/base/_typography.scss */
#listenWrapper h1,
#listenWrapper h2,
#listenWrapper h3,
#listenWrapper h4,
#listenWrapper h5,
#listenWrapper h6 {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  line-height: 1.25;
  margin: 0;
  text-rendering: optimizeLegibility;
}
/* line 21, ../sass/base/_typography.scss */
#listenWrapper h1 {
  font-size: 2.25em;
}
/* line 25, ../sass/base/_typography.scss */
#listenWrapper h2 {
  font-size: 2em;
}
/* line 29, ../sass/base/_typography.scss */
#listenWrapper h3 {
  font-size: 1.75em;
}
/* line 33, ../sass/base/_typography.scss */
#listenWrapper h4 {
  font-size: 1.5em;
}
/* line 37, ../sass/base/_typography.scss */
#listenWrapper h5 {
  font-size: 1.25em;
}
/* line 41, ../sass/base/_typography.scss */
#listenWrapper h6 {
  font-size: 1em;
}
/* line 45, ../sass/base/_typography.scss */
#listenWrapper p {
  margin: 0 0 0.75em;
}
/* line 49, ../sass/base/_typography.scss */
#listenWrapper a {
  /*@include transition(color 0.1s linear);*/
  color: #199387;
  text-decoration: none;
}
/* line 54, ../sass/base/_typography.scss */
#listenWrapper a:hover {
  color: #0e524b;
}
/* line 58, ../sass/base/_typography.scss */
#listenWrapper a:active, #listenWrapper a:focus {
  color: #0e524b;
  outline: none;
}
/* line 64, ../sass/base/_typography.scss */
#listenWrapper hr {
  border-bottom: 1px solid #DDD;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0;
}
/* line 72, ../sass/base/_typography.scss */
#listenWrapper img,
#listenWrapper picture {
  margin: 0;
  max-width: 100%;
}
/* line 78, ../sass/base/_typography.scss */
#listenWrapper blockquote {
  border-left: 2px solid #DDD;
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em;
}
/* line 85, ../sass/base/_typography.scss */
#listenWrapper cite {
  color: #737373;
  font-style: italic;
}
/* line 89, ../sass/base/_typography.scss */
#listenWrapper cite:before {
  content: "\2014 \00A0";
}

/* line 2, ../sass/base/_forms.scss */
#listenWrapper fieldset {
  background: #f7f7f7;
  border: 1px solid #DDD;
  margin: 0 0 0.75em 0;
  padding: 1.5em;
}
/* line 9, ../sass/base/_forms.scss */
#listenWrapper input,
#listenWrapper label,
#listenWrapper select {
  display: block;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1em;
}
/* line 17, ../sass/base/_forms.scss */
#listenWrapper label {
  font-weight: bold;
  margin-bottom: 0.375em;
}
/* line 21, ../sass/base/_forms.scss */
#listenWrapper label.required:after {
  content: "*";
}
/* line 25, ../sass/base/_forms.scss */
#listenWrapper label abbr {
  display: none;
}
/* line 31, ../sass/base/_forms.scss */
#listenWrapper select[multiple=multiple] {
  /*  @include box-sizing(border-box);*/
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%;
}
/* line 44, ../sass/base/_forms.scss */
#listenWrapper select[multiple=multiple]:hover {
  border-color: #c4c4c4;
}
/* line 48, ../sass/base/_forms.scss */
#listenWrapper select[multiple=multiple]:focus {
  border-color: #199387;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 125, 115, 0.7);
  outline: none;
}
/* line 55, ../sass/base/_forms.scss */
#listenWrapper textarea {
  resize: vertical;
}
/* line 59, ../sass/base/_forms.scss */
#listenWrapper input[type="search"] {
  /*  @include appearance(none);*/
}
/* line 63, ../sass/base/_forms.scss */
#listenWrapper input[type="checkbox"],
#listenWrapper input[type="radio"] {
  display: inline;
  margin-right: 0.375em;
}
/* line 69, ../sass/base/_forms.scss */
#listenWrapper input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%;
}
/* line 74, ../sass/base/_forms.scss */
#listenWrapper select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto;
}

/* line 2, ../sass/base/_tables.scss */
#listenWrapper table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: 100%;
}
/* line 9, ../sass/base/_tables.scss */
#listenWrapper th {
  /* border-bottom: 1px solid darken($base-border-color, 15);*/
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left;
}
/* line 16, ../sass/base/_tables.scss */
#listenWrapper td {
  border-bottom: 1px solid #DDD;
  padding: 0.75em 0;
}
/* line 21, ../sass/base/_tables.scss */
#listenWrapper tr,
#listenWrapper td,
#listenWrapper th {
  vertical-align: middle;
}

/* line 2, ../sass/base/_lists.scss */
#listenWrapper ul,
#listenWrapper ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
/* line 21, ../sass/base/_lists.scss */
#listenWrapper dl {
  margin-bottom: 0.75em;
}
/* line 24, ../sass/base/_lists.scss */
#listenWrapper dl dt {
  font-weight: bold;
  margin-top: 0.75em;
}
/* line 29, ../sass/base/_lists.scss */
#listenWrapper dl dd {
  margin: 0;
}

/* line 1, ../sass/base/_buttons.scss */
button,
input[type="submit"],
.button {
  /* @extend %button;*/
  /*@include appearance(none);*/
  border: 1px solid white;
  cursor: pointer;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  padding: 10px;
}

/* line 1, ../sass/base/_basic.scss */
.floatLeft {
  float: left;
}

/* line 2, ../sass/base/_basic.scss */
.floatRight {
  float: right;
}

/* line 3, ../sass/base/_basic.scss */
a {
  outline: 0 !important;
}

/* line 4, ../sass/base/_basic.scss */
.rel {
  position: relative;
}

/* line 5, ../sass/base/_basic.scss */
.abs {
  position: absolute;
}

/* line 6, ../sass/base/_basic.scss */
.autoMargin {
  margin: auto;
}

/* line 7, ../sass/base/_basic.scss */
.bold {
  font-weight: bold;
}

/* line 8, ../sass/base/_basic.scss */
.center {
  text-align: center;
}

/* line 9, ../sass/base/_basic.scss */
.uppercase {
  text-transform: uppercase;
}

/* line 10, ../sass/base/_basic.scss */
.hundred {
  width: 100%;
}

/* line 11, ../sass/base/_basic.scss */
.pointer {
  cursor: pointer;
}

/* line 12, ../sass/base/_basic.scss */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* line 17, ../sass/base/_basic.scss */
.cssTxt {
  text-indent: -10000px;
}

/* line 18, ../sass/base/_basic.scss */
.block {
  display: block;
}

/* line 21, ../sass/base/_basic.scss */
.blockLink {
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
}
/* line 24, ../sass/base/_basic.scss */
.blockLink:hover {
  background-position: left bottom;
}

/* line 26, ../sass/base/_basic.scss */
a.blockLink:hover {
  background-position: left bottom;
}

/* line 27, ../sass/base/_basic.scss */
.clear {
  clear: both;
}

/* Scholastic overrides, so the wrapper fits. */
/* line 2, ../sass/partials/_scholastic.scss */
#schlPageContent, #pageContent {
  background-color: transparent !important;
}

/* line 5, ../sass/partials/_scholastic.scss */
#schlMainContent {
  padding: 0 !important;
  width: auto !important;
  background-color: transparent !important;
  border: 0 none !important;
  border-radius: 0 !important;
}

/* line 12, ../sass/partials/_scholastic.scss */
#schl3o {
  width: auto !important;
}

/* line 16, ../sass/partials/_scholastic.scss */
header, section, article, nav, footer {
  display: block;
}

/* line 19, ../sass/partials/_scholastic.scss */
.cssTxt {
  text-indent: -10000px;
}

/* line 22, ../sass/partials/_scholastic.scss */
.clear {
  clear: both;
}

/* line 25, ../sass/partials/_scholastic.scss */
.blockLink {
  display: block;
  background-repeat: no-repeat;
  background-position: left 0;
}

/* line 30, ../sass/partials/_scholastic.scss */
a.blockLink:HOVER {
  background-position: right 0;
}

/* line 6, ../sass/listen.scss */
#listenWrapper {
  margin: 0 auto;
  width: 960px;
  font: 12px/16px Arial, Helvetica, sans-serif;
  color: #fff;
  background: url(../images/listenWrapperBkgrd.jpg) repeat-y 0 0;
}
/* line 12, ../sass/listen.scss */
#listenWrapper img {
  border: 0 none;
}
/* line 13, ../sass/listen.scss */
#listenWrapper a {
  outline: none;
}
/* line 21, ../sass/listen.scss */
#listenWrapper .pink {
  color: #f70895;
}
/* line 25, ../sass/listen.scss */
#listenWrapper .button {
  display: inline-block;
  margin: 10px 0 10px;
  padding: 10px 20px;
  font-size: 14px;
  border: 2px solid #FFF;
}
/* line 33, ../sass/listen.scss */
#listenWrapper header {
  position: relative;
  /*padding: 10px 0 0 204px;*/
  padding: 6px;
  height: 416px;
  font-weight: bold;
}
/* line 39, ../sass/listen.scss */
#listenWrapper header a.listenShareButton {
  display: block;
  float: right;
  margin-right: 11px;
  width: 34px;
  height: 34px;
}
/* line 46, ../sass/listen.scss */
#listenWrapper header #sponsored {
  float: left;
  /*background: url(../images/sponsored.png) no-repeat 0 0;*/
  height: 20px;
  width: 142px;
}
/* line 52, ../sass/listen.scss */
#listenWrapper header #grades {
  position: absolute;
  top: 84px;
  right: 45px;
  font-size: 23px;
  font-weight: 100;
}
/* line 59, ../sass/listen.scss */
#listenWrapper header div {
  float: right;
  margin: 10px;
}
/* line 63, ../sass/listen.scss */
#listenWrapper header article {
  margin-left: 14px;
}
/* line 67, ../sass/listen.scss */
#listenWrapper header .btnContest {
  margin-left: 14px;
  background-color: #199387;
  color: white;
}
/* line 71, ../sass/listen.scss */
#listenWrapper header .btnContest:hover {
  background-color: white;
  color: #199387;
}
/* line 79, ../sass/listen.scss */
#listenWrapper #listenContent {
  margin: -7px 14px;
}
/* line 81, ../sass/listen.scss */
#listenWrapper #listenContent article {
  position: relative;
  display: inline-block;
  margin: 7px;
  width: 440px;
  height: 365px;
  border: 5px solid white;
}
/* line 88, ../sass/listen.scss */
#listenWrapper #listenContent article h3 {
  font-family: 'PT Sans Narrow', sans-serif;
  line-height: 54px;
  font-size: 32px;
  letter-spacing: 1px;
}
/* line 94, ../sass/listen.scss */
#listenWrapper #listenContent article .foundation {
  line-height: 27px;
  padding-top: 15px;
  margin-bottom: 5px;
}
/* line 99, ../sass/listen.scss */
#listenWrapper #listenContent article .foundationBtn {
  position: relative;
  bottom: 20px;
}
/* line 103, ../sass/listen.scss */
#listenWrapper #listenContent article .default-white {
  background-color: white;
  color: #199387;
  font-weight: 600;
}
/* line 107, ../sass/listen.scss */
#listenWrapper #listenContent article .default-white:hover {
  background-color: #199387;
  color: white;
}
/* line 112, ../sass/listen.scss */
#listenWrapper #listenContent article .default-brown {
  background-color: #3a2c27;
  color: white;
  font-weight: 600;
  top: 8px;
  width: 150px;
  padding: 6px;
}
/* line 119, ../sass/listen.scss */
#listenWrapper #listenContent article .default-brown:hover {
  background-color: white;
  color: #3a2c27;
}
/* line 126, ../sass/listen.scss */
#listenWrapper #listenContent .articlecopybottom {
  position: absolute;
  bottom: 0;
  background-color: #199387;
  width: 100%;
  left: 0;
  min-height: 164px;
  text-align: center;
  line-height: 18px;
  font-size: 16px;
  opacity: 0.9;
}
/* line 139, ../sass/listen.scss */
#listenWrapper #listenContent .articlecopyright {
  position: absolute;
  right: 0px;
  width: 216px;
  background-color: #3a2c27;
  opacity: 0.9;
  text-align: center;
  height: 100%;
  line-height: 18px;
  font-size: 16px;
}
/* line 149, ../sass/listen.scss */
#listenWrapper #listenContent .articlecopyright h3 {
  font-size: 23px;
}
/* line 154, ../sass/listen.scss */
#listenWrapper #listenContent .storyboard {
  background: url(../images/storyboard-bg.jpg) no-repeat center center;
}
/* line 157, ../sass/listen.scss */
#listenWrapper #listenContent .videostarterkit {
  background: url(../images/videostarterkit-bg.jpg) no-repeat center center;
}
/* line 159, ../sass/listen.scss */
#listenWrapper #listenContent .videostarterkit p {
  margin: 14px;
}
/* line 163, ../sass/listen.scss */
#listenWrapper #listenContent .resources {
  background: url(../images/resources-bg.jpg) no-repeat center center;
  height: 212px;
}
/* line 167, ../sass/listen.scss */
#listenWrapper #listenContent .about {
  background: url(../images/about-bg.jpg) no-repeat center center;
  height: 212px;
}
/* line 173, ../sass/listen.scss */
#listenWrapper #listenTwitterBtn {
  background: url(../images/listenTwitterBtn.png) no-repeat 0 0;
}
/* line 177, ../sass/listen.scss */
#listenWrapper #listenFacebookBtn {
  background: url(../images/listenFacebookBtn.png) no-repeat 0 0;
  opacity: 0.7;
}
/* line 182, ../sass/listen.scss */
#listenWrapper #listenEmailBtn {
  background: url(../images/listenEmailBtn.png) no-repeat 0 0;
}
/* line 185, ../sass/listen.scss */
#listenWrapper #btnShareThis {
  background: url(../images/btnShareThis.jpg) no-repeat;
  width: 77px;
  height: 29px;
  float: right;
  display: block;
  margin: 3px 10px 0 0;
}
/* line 193, ../sass/listen.scss */
#listenWrapper #listenHeaderTitle {
  display: block;
  margin: 2px auto;
  padding: 0;
  width: 547px;
  height: 155px;
  background: url(../images/moto.png) no-repeat center top;
}
/* line 203, ../sass/listen.scss */
#listenWrapper #listenHeaderCopy {
  padding: 0;
  margin: 0;
  height: 95px;
}
/* line 208, ../sass/listen.scss */
#listenWrapper #listeSubHeader {
  margin: 20px 0;
  font-family: 'PT Sans Narrow', sans-serif;
  font-size: 53px;
  font-weight: 600;
  line-height: 36px;
  color: #AFF2EA;
  color: #aff2ea;
  text-shadow: 2px 2px black;
}
/* line 219, ../sass/listen.scss */
#listenWrapper #listenHeaderSubtitle {
  padding: 0;
  margin: 10px 0;
  font-size: 22px;
  line-height: 30px;
  font-weight: 100;
  text-shadow: 1px 1px black;
}
/* line 226, ../sass/listen.scss */
#listenWrapper #listenHeaderSubtitle b {
  font-weight: 900;
}
/* line 231, ../sass/listen.scss */
#listenWrapper #listenDownloadBtn {
  width: 232px;
  height: 33px;
  background-image: url(../images/listenDownloadBtn.png);
}
/* line 237, ../sass/listen.scss */
#listenWrapper #listenVowToActBtn {
  position: absolute;
  top: 258px;
  right: 42px;
  width: 160px;
  height: 221px;
  /*background: url(../images/listenVowToActBtn.png) no-repeat 0 0;*/
  background: url(../images/starkey-logo.png) no-repeat center center;
}
/* line 249, ../sass/listen.scss */
#listenWrapper footer {
  font-size: 10px;
  line-height: 12px;
  padding: 10px;
}

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