/* $toneColor: #ffe2dd;
$toneColor: #ffffcc;
$linkColor: #ff4a63;
$buttonColor: #D90E53; */
body {
  font-family: "Avenir Next", Roboto, "Helvetica Neue", Helvetica, arial, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 16px; }

a.button {
  text-transform: uppercase;
  display: inline-block;
  padding: 8px 14px;
  box-shadow: 1px 3px 5px rgba(100, 100, 100, 0.5);
  background-color: #FF5722;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  font-size: 1.2em;
  color: #fff; }
  a.button:hover {
    text-decoration: none;
    background-color: #ff7c22;
    box-shadow: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Avenir Next", Futura, "Helvetica Neue", Helvetica, arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em; }

#sponsor-footer {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 1em 0;
  background-color: #ffeae4;
  border-top: 1px solid #ffcfc0;
  border-bottom: 1px solid #ffcfc0; }
  #sponsor-footer .inner {
    text-align: center; }
  #sponsor-footer IMG {
    max-width: 90%;
    min-width: 50%; }
  #sponsor-footer H2 {
    font-size: 1.3em;
    opacity: 0.8; }

.sponsor-top {
  text-align: center;
  position: relative;
  background-color: #e34234;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.3em;
  vertical-align: center;
  color: #fff;
  padding: 6px;
  padding-top: 10px;
  margin: 0px; }

header {
  padding: 1em 0 0 0;
  background-color: #ffeae4;
  border-top: 1px solid #ffcfc0;
  border-bottom: 1px solid #ffcfc0; }
  header img.cool {
    max-width: 100%; }
  header h1 {
    text-align: center;
    font-size: 3.0em;
    line-height: 1.0em;
    font-weight: 900;
    color: #000; }
    header h1 a {
      text-decoration: underline;
      color: #ee3900; }
  header .subhead {
    margin-left: auto;
    margin-right: auto;
    max-width: 720px;
    text-align: center;
    margin-bottom: 24px; }
    header .subhead p {
      font-size: 1.6em; }
    header .subhead .button {
      margin: 0 0.5em; }

body.index header h1 a {
  color: inherit;
  text-decoration: none; }

a {
  text-decoration: none;
  color: inherit;
  color: #FF5722; }

a:hover {
  text-decoration: underline; }

h2 {
  text-align: center;
  font-size: 2.4em; }

h3 {
  font-size: 1.4em;
  font-weight: normal; }

HEADER {
  overflow: hidden;
  position: relative; }

HEADER:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.05;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  background-image: url(/images/cool.png);
  background-repeat: no-repeat;
  background-position: 50% 0; }

HEADER .inner {
  position: relative;
  z-index: 100; }

body.job {
  /*HEADER { overflow: hidden;  position: relative; }
  HEADER:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.05;
    -webkit-filter: grayscale(100%);
    background-image: url(/images/cool.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
  }*/ }
  body.job HEADER .inner {
    position: relative;
    z-index: 100; }
  body.job H2 {
    margin-top: 0.3em;
    margin-bottom: 8px; }
  body.job .sub {
    text-align: center;
    font-size: 1.3em;
    line-height: 1.6em; }
  body.job DIV.body LI {
    margin-bottom: 0.5em; }
  body.job DIV.body :not(h3) {
    font-size: 1.2rem; }
  body.job DIV.body > P:first-child {
    margin-top: 0; }

h3 {
  padding: 8px 16px;
  background-color: #ffeae4;
  font-weight: bold;
  display: inline-block;
  font-style: italic;
  margin: 0.5em 0 0em 0; }
  h3 + DIV {
    margin-left: 16px; }

.postingform .formrow {
  display: block;
  margin-bottom: 16px; }
.postingform .formlabel {
  width: 250px;
  text-align: right;
  float: left;
  font-size: 1.0em; }
  .postingform .formlabel label {
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase; }
.postingform .forminput {
  margin-left: 260px; }
  .postingform .forminput INPUT {
    font-size: 20px;
    max-width: 450px; }
  .postingform .forminput .help {
    font-size: 0.8em;
    color: #444;
    margin-top: 3px;
    text-transform: uppercase; }

main {
  background-color: #fff;
  padding: 1em 0 2em 0; }

footer {
  padding: 1em 0 3em;
  font-size: 1.0em; }

header, main, footer {
  padding-left: 8px;
  padding-right: 8px; }

header .inner, main .inner, footer .inner, #sponsor-footer .inner {
  max-width: 900px;
  min-width: 360px;
  margin-left: auto;
  margin-right: auto; }

i.angle:before {
  content: "\00BB ";
  font-style: normal;
  color: #999;
  float: left;
  margin-left: -1em; }

.list .item {
  margin-left: 1em;
  margin-bottom: 8px; }

.message {
  padding: 1em 1.5em;
  background-color: #fdd; }

.label {
  padding: 2px 4px;
  background-color: #ddd;
  margin-right: 8px;
  margin-bottom: 4px;
  line-height: 2.4em;
  display: inline-block; }

.jobs {
  display: table;
  border-collapse: collapse;
  width: 100%; }
  .jobs .job {
    display: table-row; }
    .jobs .job:hover {
      background-color: #fffaf8; }
    .jobs .job.inactive {
      background-color: #eee; }
    .jobs .job.featured {
      background-color: #ffa; }
    .jobs .job:last-child {
      border-bottom-width: 0px; }
    .jobs .job > DIV {
      display: table-cell;
      padding: 16px 8px; }
      .jobs .job > DIV.time, .jobs .job > DIV.employer {
        white-space: nowrap; }
      .jobs .job > DIV.title A {
        font-size: 1.2em;
        letter-spacing: 0.2px;
        line-height: 1.3em;
        font-weight: bold;
        display: block; }
      .jobs .job > DIV .employer, .jobs .job > DIV .location {
        display: inlixne; }
    .jobs .job .time {
      color: #999;
      font-size: 1.1em;
      width: 10%;
      text-align: center; }
    .jobs .job .type {
      color: #999;
      font-size: 12px;
      font-family: verdana, arial, sans-serif;
      text-transform: uppercase;
      margin-left: 2px; }
      .jobs .job .type.full-time {
        display: none; }
    .jobs .job .tags {
      text-align: right; }
      .jobs .job .tags .tag {
        padding: 4px 8px;
        margin: 0px 3px;
        background-color: #f6f6f6;
        font-size: 14px;
        font-weight: 500;
        color: #999;
        display: inline;
        text-transform: uppercase; }
        .jobs .job .tags .tag.full-time, .jobs .job .tags .tag.general {
          display: none; }
    .jobs .job.new .time DIV {
      font-weight: bold;
      text-transform: uppercase;
      background-color: #fe4;
      padding: 4px 6px;
      text-align: center;
      color: #333;
      display: inline-block; }

SPAN.light {
  color: #999; }

@media (max-width: 600px) {
  header h1 {
    font-size: 2.2em;
    line-height: 1.3em; }

  body.job .sub {
    font-size: 1.2em; }

  body.job h3 {
    display: block; }

  h2 {
    font-size: 2.0em; }

  footer {
    padding-top: 0;
    font-size: 0.9em; }

  .jobs .job .tags {
    display: none; }
  .jobs .job .time {
    font-size: 0.9em; } }
.minihead {
  font-size: 1.0em;
  text-align: center;
  margin-top: 1em;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #999; }
  .minihead.highlight {
    background-color: #ff0;
    padding: 8px 0px 6px;
    color: #000; }

.editable {
  outline: none; }

#admin-indicator {
  position: fixed;
  top: 6px;
  right: 6px;
  width: auto;
  text-align: right;
  background-color: #000;
  color: #fff;
  padding: 6px 12px;
  z-index: 1000; }

body.job IMG.cool, body.thankyou IMG.cool {
  display: none; }

BODY.editing H2 {
  text-transform: none !important; }