/* fonts */
@font-face {
  font-family: 'droid-serif';
  src: url('/static/font/droid-serif/DroidSerif-Regular-webfont.eot');
  src: url('/static/font/droid-serif/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/font/droid-serif/DroidSerif-Regular-webfont.woff') format('woff'),
       url('/static/font/droid-serif/DroidSerif-Regular-webfont.ttf') format('truetype'),
       url('/static/font/droid-serif/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'droid-serif';
  src: url('/static/font/droid-serif/DroidSerif-Bold-webfont.eot');
  src: url('/static/font/droid-serif/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/font/droid-serif/DroidSerif-Bold-webfont.woff') format('woff'),
       url('/static/font/droid-serif/DroidSerif-Bold-webfont.ttf') format('truetype'),
       url('/static/font/droid-serif/DroidSerif-Bold-webfont.svg#DroidSerifBold') format('svg');
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'open-sans';
  src: url('/static/font/open-sans/OpenSans-Light-webfont.eot');
  src: url('/static/font/open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/font/open-sans/OpenSans-Light-webfont.woff') format('woff'),
       url('/static/font/open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
       url('/static/font/open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
  font-weight: 100;
  font-style: normal; }
@font-face {
  font-family: 'open-sans';
  src: url('/static/font/open-sans/OpenSans-Regular-webfont.eot');
  src: url('/static/font/open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/font/open-sans/OpenSans-Regular-webfont.woff') format('woff'),
       url('/static/font/open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
       url('/static/font/open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: 'open-sans';
  src: url('/static/font/open-sans/OpenSans-Italic-webfont.eot');
  src: url('/static/font/open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/font/open-sans/OpenSans-Italic-webfont.woff') format('woff'),
       url('/static/font/open-sans/OpenSans-Italic-webfont.ttf') format('truetype'),
       url('/static/font/open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
  font-weight: 200;
  font-style: italic; }
@font-face {
  font-family: 'open-sans';
  src: url('/static/font/open-sans/OpenSans-Semibold-webfont.eot');;
  src: url('/static/font/open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/font/open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
       url('/static/font/open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
       url('/static/font/open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'open-sans';
  src: url('/static/font/open-sans/OpenSans-Bold-webfont.eot');
  src: url('/static/font/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/static/font/open-sans/OpenSans-Bold-webfont.woff') format('woff'),
       url('/static/font/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
       url('/static/font/open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
  font-weight: 600;
  font-style: normal; }

/* default stylings */
body,html {
  height: 100%;
  width: 100%; }
body {
  background-color: #fff;
  background-attachment: fixed;
  font-family: 'open-sans', sans-serif;
  padding: 0px; }
h1,h2,h3,h4,h5,h6 { font-family: 'droid-serif','helvetica neue','helvetica',sans-serif; }
h4 { color: #db442f; }
table h1,table h2,table h3,table h4,table h5,table h6 { margin: 0px; }
/* forms */
form legend { margin-bottom: 0px; }
form .control-group { margin-top: 0; }

/* grid hacks */
.section {
  clear: both;
  padding: 15px; }
.row.outermost { padding-top: 15px; }

/* shared styles */
/* a dark container */
.dark {
  background: url('/static/img/layout/bg-recent-activity.png') center center #423f3f;
  color: #d2d1cc; }
.dark h1,.dark h2,.dark h3 { color: #ffd947; }
/* a gray container */
.gray {
  background: url('/static/img/layout/bg-textured-light.png') left top #f0f0f0;
  color: #666; }
.gray .page-head { border-color: #ccc; }
.gray .section.sub-nav { border-bottom: 1px solid #ccc; }
/* */
.ugly-red { background-color: #c63a27; }
/* */
.section.page-head,.section.page-content { background-color: #fff; }
body.gray .section.page-head,body.gray .container.main { background-color: transparent; }
@media (max-width: 767px) {
  .left .section,.right .section { margin: 0px; }
}
/* top sleuths table */
.table-topsleuths th,.table-topsleuths td { vertical-align: middle; }
.table-topsleuths .rank td { background-color: #f8f8f8; }
.table-topsleuths .rank-1 td,.table-topsleuths .rank-2 td,.table-topsleuths .rank-3 td {
  background-color: transparent;
  border: 0px; }
.table-topsleuths .icon {
  text-align: center;
  width: 75px; }
.table-topsleuths .rank-1 .username,.table-topsleuths .rank-2 .username,.table-topsleuths .rank-3 .username {
  font-size: 1.3em;
  font-weight: 600; }
.table-topsleuths .rank.rank-1 .username {
  color: #008df2;
  font-size: 1.6em; }
.table-topsleuths .rank.rank-2 .username { color: #939393; }
.table-topsleuths .rank.rank-3 .username { color: #bf8b59; }
/* statistics table */
.table-stats th {
 border: none;
 color: #444;
 padding-top: 0px; }
.table-stats th h4 {
  display: inline-block;
  float: left;
  margin: 0px 0px 5px 0px; }
.table-stats small a { text-decoration: underline; }
.table-stats td small a { color: #666; }
.table-stats small a:hover {
  color: #333;
  text-decoration: underline; }
.table-stats th small {
  display: inline-block;
  float: right;
  font-weight: 200; }
.table-stats .right {
  width: 3.5em;
  text-align: center; }
.table-stats .right small { color: #999; }
/* mystery list table */
.table-mystery-list small { display: block; }
/* tables */
.table-striped tbody > tr:nth-child(odd) > th { background-color: transparent; }
table.table th {
  border-top: 0px;
  font-size: .8em; }
table .data-label { font-weight: 400; }
table small { font-weight: 100; }
table .num {
  text-align: center;
  vertical-align: middle;
  width: 100px; }
table .curr,table .pct { text-align: right; }

/* generic overrides */
.blockimg {
  display: block;
  overflow: hidden;
  text-indent: -9999px; }
.section { margin-bottom: 15px; }
.table-borderless th,.table-borderless td { border: 0px; }

/* page headings (mystery/page titles) */
.page-head { margin-bottom: 0px; }
.page-head h2 { margin: 0px; }
.page-head .icon {
  float: left;
  margin: 0 15px 0 0; }
.page-head,.sub-nav { border-bottom: 1px solid #eee; }

/* header & navbar */
.header {
  background-color: #fff;
  border-bottom: 1px solid #ddd;
  text-transform: lowercase; }
.header.printer-friendly {
  margin-top: -1em;
  float: right;
  font-size: .85em;
  background: none;
  border: none;
}
.header.printer-friendly p {
  text-align: right;
}
.header .logo.fmm,.header .navigation,.header .navigation > ul,.header .navigation > ul > li { height: 100px; }
.header .logo.fmm {
  background: url('/static/img/layout/logo-5mm.png') center center no-repeat;
  clear: left;
  float: left;
  width: 228px; }
.header.printer-friendly .logo.fmm {
  clear: none;
  float: right;
  height: 66px;
}
@media (max-width: 767px) {
  .header .logo.fmm {
    float: none;
    margin: 0 auto; }
}
/* navbar */
.header .navigation .nav-toggle,.header .navigation .expandable a { color: #bd4126; }
.header .navigation a.btn,.header .navigation a.btn:hover { color: #fff; }
.header .navigation > ul,.header .navigation > ul > li {
  display: inline-block;
  line-height: 100px; }
.header .navigation > ul {
  float: right;
  list-style: none;
  margin: 0px; }
.header .navigation > ul > li {
  float: left;
  padding-left: 15px; }
.header li div { line-height: 20px; }
.header .navigation li.active {
  text-shadow: #5C150C 0px 0px 1px; }
.header .navigation .phone-only { display: none; }
@media (max-width: 767px) {
  .header .navigation .phone-only { display: auto; }
  .header .navigation > ul > li a,
  .header .navigation > ul > .expandable a,
  .header .navigation > ul > li .nav-toggle { color: #666; }
  .header .navigation,.header .navigation > ul,.header .navigation > ul > li,.header .navigation > ul > li a {
    display: block;
    height: auto;
    line-height: 2em;
    padding: 0px;
    width: 100%; }
  .header .navigation .nav-toggle:hover,.header .navigation .expandable a:hover {
    background-color: #f9f9f9;
    text-decoration: none; }
  .header .navigation > ul > li a.btn { width: 100px; }
  .header .navigation > ul > li {
    border-top: 1px solid #eee;
    clear: both;
    font-size: 1.5em;
    text-align: center; }
  .header .navigation .expandable { display: none; }
}
/* sub-nav */
.sub-nav,.sub-nav .nav { margin-bottom: 0; }
.nav-pills > .active > a, .nav-pills > .active > a:hover {
  background-color: #c63a27;
  text-shadow: #5C150C 1px 1px 1px; }
.nav-pills > li > a {
  color: #555;
  margin-left: 5px;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
          border-radius: 20px; }
.nav-pills > li > a:hover { background-color: #ccc; }
@media (max-width: 767px) {
  .nav-pills > li {
    clear: both;
    display: block;
    text-align: center; }
  .nav-pills > li > a {
    display: block;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0; }
}

/* top feature block */
.billboard {
  background-color: #c63a27;
  color: #fff; }
.billboard .container {
  background: url('/static/img/layout/bg-billboard-container.png') center top no-repeat;
  padding: 15px; }
.billboard h2 {
  color: #fff;
  display: inline-block;
  margin: 10px auto;
  text-shadow: -1px -1px 0px #b6301d; }
.billboard .image-profile,.billboard .image-profile img {
  display: inline-block;
  float: left;
  height: 100px;
  width: 100px; }
.billboard .image-profile { padding: 0 15px 0 0; }
@media (max-width: 767px) {
  .billboard {
    margin: 0px;
    text-align: center; }
  .billboard .image-profile,.billboard .image-profile img {
    clear: both;
    display: block;
    float: none;
    height: 200px;
    margin: 0 auto;
    width: 200px; }
  .bliiboard .mono .section { margin: 0px 20px 15px 20px; }
}
/* login/signup button */
.call-to-action.login {
  background: url('/static/img/layout/bg-cta-login.png') center top no-repeat transparent;
  clear: both;
  height: 69px;
  margin: 0 auto;
  width: 325px; }
@media (max-width: 767px) {
  .call-to-action.login { width: 100%; }
}
.call-to-action.login:hover { background-position: center -69px; }
.call-to-action.login:active { background-position: center -138px; }
/* "how it works" box on home page */
.how-it-works .steps {
  margin: 15px auto;
  text-align: center; }
@media (max-width: 767px) {
  .how-it-works,.recent-activity .container { padding: 20px 20px 0px 20px; }
  .recent-activity .span4 { margin-bottom: 15px; }
}
.how-it-works,.how-it-works h4 { color: #fff; }
.how-it-works h4 {
  font-weight: 200;
  margin: 0px; }
.how-it-works .icon {
  display: inline-block;
  height: 160px;
  margin: 0px auto 10px auto;
  text-align: center;
  width: 100%; }
.how-it-works .steps .small,.how-it-works .steps .medium { display: none; }
@media (max-width: 767px) {
  .how-it-works .steps img { display: none; }
}
@media (min-width: 768px) and (max-width: 979px) {
  .how-it-works .steps .small { display: inline; }
  .how-it-works .steps .medium,.how-it-works .steps .large { display: none; }
}
@media (min-width: 980px) and (max-width: 1199px) {
  .how-it-works .steps .medium { display: inline; }
  .how-it-works .steps .small,.how-it-works .steps .large { display: none; }
}
@media (min-width: 1200px) {
  .how-it-works .steps-123 { background-image: url('/static/img/layout/how-it-works/bg-step-123-large.png'); }
}
@media (max-width: 767px) {
  .how-it-works { text-align: left; }
  .how-it-works .icon {
    float: left;
    height: 100px;
    margin: 0px 10px 10px 0px;
    width: 100px; }
  .how-it-works .icon img {
    height: 100px;
    width: 100px; }
}

/* search box */
.search-box {
  background-color: #fff;
  padding: 15px;
  text-align: center;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px; }
.search-box strong {
  color: #ffd947;
  display: inline-block;
  font-weight: 200;
  margin-right: 15px; }
@media (max-width: 767px) {
  .search-box {
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px; }
  .search-box strong {
    clear: both;
    display: block;
    margin: 0 0 15px 0; }
  .search-keywords {
    width: 175px; }
}
.search-box .dropdown-menu { text-align: left; }
.search-box form { margin-bottom: 0px; }
.search-box small {
  clear: both;
  display: inline-block; }
.search-box .dropdown-toggle { width: 125px; }
.search-box .dropdown-toggle .value { float: left; }
.search-box .dropdown-toggle .caret { float: right; }

/* main content wrapper, ya dig? */
.main.container { color: #444; }
@media (max-width: 767px) {
  .main .head,.main .page-content { border-right: none; }
}
.main .head { border-bottom: 1px solid #a6a6a6; }
.main .head .h1 { margin-top: 0px; }
.main .page-content p { line-height: 2em; }

/* section containers */
@media (max-width: 767px) {
  .left .section { margin-left: 0px; }
}

/* sitewide first mystery box */
.first-mystery {
  color: #222;
  background-color: yellow;
  text-align: center; }
.first-mystery .container {
  background-color: transparent !important;
  margin-bottom: 0; }
.first-mystery a {
  color: red;
  text-decoration: underline; }

/* shared amongst multiple pages */
#pg-mystery .main .right,#pg-home .main .right { color: #767676; }
#pg-mystery .section.page-head { background-color: #fff; }
#pg-home .section.gray,#pg-top-sleuths .section.gray,
#pg-mystery .container.main .section.timer,
#pg-mystery .container.main .section.suspects,
#pg-mystery .container.main .section.statistics,
#pg-mystery .container.main .section.judgement,
#pg-mystery .container.main .section.printer-friendly,
#pg-user .gray { text-shadow: 1px 1px 0px #fff; }
#pg-home .section.gray table,#pg-top-sleuths .section.gray table { margin-bottom: 0px; }
#pg-home .right,#pg-mystery .right,#pg-user .right { float: right; }
#pg-mystery .right h4,.section.judgement h4 { margin-top: 0px; }
#pg-mystery .right h4 { margin-bottom: 0; }
#pg-mystery .right .row-fluid { margin-bottom: 10px; }
.rankings .icon { font-weight: 600; }

/* pg-home */
#pg-home .billboard { background: url('/static/img/layout/bg-billboard.png') center bottom repeat-x #c63a27; }
#pg-home .billboard h2 {
  display: block;
  text-align: center; }
#pg-home .billboard h4,#pg-home .billboard p { text-shadow: 1px 1px 0px #b6301d; }
#pg-home .billboard h4 { color: #ffcf5c; }
#pg-home .section { padding: 15px; }
#pg-home .section .section { padding: 0; }
#pg-home .mystery-list .section { background-color: #fff; }
#pg-home .top-sleuths a:hover { color: #777; }
#pg-home h4,#pg-home h3 { margin: 0; }
@media (max-width: 767px) {
  #pg-home .recent-activity .section { margin-bottom: 15px; }
}
#pg-home .top-sleuths h3 { color: #fff; }
#pg-home .top-sleuths img,#pg-home .recent-activity img { margin-right: 10px; }
#pg-home .table-topsleuths {
  margin: 0;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word; }
#pg-home .top-sleuths .rank-1,#pg-home .table-topsleuths .rank-1.icon,#pg-home .top-sleuths .rank-1 img { min-width: 73px; }
#pg-home .top-sleuths .rank-2,#pg-home .table-topsleuths .rank-2.icon,#pg-home .top-sleuths .rank-2 img { min-width: 36px; }
#pg-home .top-sleuths .rank-3,#pg-home .table-topsleuths .rank-3.icon,#pg-home .top-sleuths .rank-3 img { min-width: 25px; }
#pg-home .recent-activity { color: #eee; }
#pg-home .recent-activity a { color: #ffc5b3; }
#pg-home .recent-activity a:hover { color: #eee; }
#pg-home .recent-activity h4 {
  color: #ffcf5c;
  margin-bottom: 10px; }
#pg-home .recent-activity img {
  float: left;
  width: 75px; }
#pg-home .solve-rate {
  width: 50%;
  display: inline-block; }
#pg-home .button-bar { padding-top: 0; }
/* pg-home / ad blocks */
.advert-block.now-mobile {
  background: url('/static/img/layout/ad-blocks/now-mobile.jpg') left bottom no-repeat #999;
  min-height: 200px; }
.advert-block.now-mobile h2 {
  color: #222;
  margin-top: 0;
  text-shadow: 1px 1px 0px #ddd; }
.advert-block.now-mobile p {
  color: #222;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 115px 0;
  padding: 20px;
  text-shadow: 1px 1px 0px #eee;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px; }

/* pg-mystery */
#pg-mystery .header { margin-bottom: 20px; }
#pg-mystery .mystery-title { margin: 0px; }
#pg-mystery #mystery-full { display: none; }
#pg-mystery .right .section { margin-right: 15px; }
@media (max-width: 767px) {
  #pg-mystery h1 { font-size: 1.75em; }
}
#pg-mystery .right h4 { color: #5c5c5c; }
#pg-mystery .right h4 span,
#pg-mystery .right h6 span {
  clear: both;
  display: block;
  height: 2.5em;
  line-height: 2.5em;
  padding-left: 29px; }
#pg-mystery .right h6 span a { color: #5c5c5c; }
#pg-mystery .right .fixed-on-scroll { padding-top: 15px; }
#pg-mystery .right .suspects ul { list-style: none; }
#pg-mystery .right .suspects .neutral { color: #e9c11f; }
#pg-mystery .right .suspects .guilty { color: #d14616; }
#pg-mystery .right .suspects .innocent { color: #4c971a; }
#pg-mystery .right .section {
  padding: 0px; }
@media (max-width: 767px) {
  #pg-mystery .header { margin: 0px; }
  #pg-mystery .row.outermost { padding-top: 0px; }
  #pg-mystery .right .section {
    margin: 0px;
    padding: 0px 15px; }
}
/* mystery sentences */
#pg-mystery .page-content span,#pg-mystery #mystery-teaser p {
  cursor: pointer;
  font-weight: 100; }
#pg-mystery .page-content span { padding: .5em 0px; }
#pg-mystery .page-content span:hover { background-color: #f1f1f1; }
#pg-mystery .page-content .focused,#pg-mystery .page-content .focused:hover,
#pg-mystery .page-content .marked,#pg-mystery .page-content .marked:hover { background-color: yellow; }
/* sidebar labels */
.statistics h4 span { background: url('/static/img/layout/icons/section-statistics.png') left center no-repeat; }
.suspects h4 span { background: url('/static/img/layout/icons/section-suspects.png') left center no-repeat; }
.judgement h4 span { background: url('/static/img/layout/icons/section-judgement.png') left center no-repeat; }
.printer-friendly h6 span { background: url('/static/img/layout/icons/section-printer-friendly.png') left center no-repeat; }
/* sidebar stats */
.right .stat span {
  clear: both;
  display: block; }
.right .stat .name { font-size: .8em; }
.right .stat .value {
  font-size: 1.75em;
  font-weight: 400; }
/* sidebar timer */
.timer .stat {
  background: url('/static/img/layout/icons/section-timer.png') left 2px no-repeat;
  padding-left: 25px; }
.right .timer .stat .value { font-size: 2.25em; }
/* sidebar judgement */
.section.judgement .btn-group { margin-left: 25px; }
.section.judgement .dropdown-menu a { text-shadow: none; }
/* format mystery tools */
.section.judgement,.section.timer,.section.suspects,.submit-mystery { display: none; }
.clue-picker { position: absolute; }
.clue-picker,.click-trap { display: none; }
.clue-picker { z-index: 999; }
.click-trap {
  height: 100%;
  left: 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 95; }
.clue-picker > .dropdown-menu { display: block; }
.clue-picker .dropdown-submenu > .dropdown-menu {
  left: 50%;
  top: 15px; }
.clue-picker .deleter { display: none; }

/* pg-top-sleuths */
#pg-top-sleuths h4 { margin-top: 0; }
#pg-top-sleuths table { margin-bottom: 0; }
#pg-top-sleuths .main.container { background-color: transparent; }
#pg-top-sleuths .row { margin-bottom: 15px; }
@media (max-width: 767px) {
  #pg-top-sleuths .row { margin-bottom: 0px; }
}
#pg-top-sleuths .section {
  background-color: #fff;
  padding: 15px; }
#pg-top-sleuths .section.page-head {
  background-color: transparent;
  padding: 15px 0px; }
#pg-top-sleuths .num { text-align: right; }

/* pg-user */
@media (max-width: 767px) {
  #pg-user .right,#pg-author .right { float: none; }
}
#pg-user .section h4 { margin: 0px; }
#pg-user table { margin-bottom: 0px; }
#pg-user .account-info td { vertical-align: middle; }
#pg-user .infograph { position: relative; }
#pg-user .infograph .overlay {
  left: 0;
  position: absolute;
  top: 0; }
#pg-user #pass-fail-pie,#pg-user .section.solve-rate .overlay {
  height: 300px;
  width: 100%; }
#pg-user #last-ten-mixed,#pg-user .section.last-ten .overlay {
  height: 300px;
  width: 100%; }
#pg-user .section.last-ten .overlay { height: 260px; }
#pg-user .gray.solve-rate {
  margin-bottom: 0px;
  padding-bottom: 0px; }
#pg-user .gray.user-stats { padding-top: 0px; }
@media (max-width: 767px) {
  #pg-user .gray.solve-rate, #pg-user .gray.user-stats {
    -webkit-border-radius: 0px;
       -moz-border-radius: 0px;
            border-radius: 0px; }
}
#pg-user .section.solve-rate .overlay strong,#pg-user .section.solve-rate .overlay span {
  display: block;
  text-align: center; }
#pg-user .section.solve-rate .overlay-pass-fail strong {
  font-size: 90px;
  line-height: 90px;
  margin-top: 95px; }

/* pg-author */
#pg-author .section.author-stats { margin-bottom: 0; }
#pg-author h4,#pg-author h3 { margin-top: 0; }
#pg-author table { margin-bottom: 0; }
/* pg-authors */
#pg-authors table table { background-color: #fff; }
#pg-authors .image-author {
  padding: 15px;
  width: 150px; }
#pg-authors .image-author img {
  height: 150px;
  width: 150px; }

/* pg-results */
@media (max-width: 1199px) {
  #pg-results table .clues,#pg-results table .clues-id { display: none; }
}
#pg-results table h3 { padding-left: 15px; }
#pg-results .solution .section { padding: 15px; }
#pg-results .section.sentences,#pg-results .section.verdict { padding-top: 0; }
#pg-results .solution-text { display: none; }
#pg-results .accusations { padding-top: 0; }
#pg-results .infograph.suspects-polar { display: none; }
#pg-results td .section {
  margin-bottom: 0px;
  padding-bottom: 0px; }
#pg-results .this-attempt strong { font-size: 24px; }
#pg-results .item {
  background-color: #ddd;
  box-shadow: 1px 1px 0px #fafafa;
  color: #222;
  margin-bottom: 15px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px; }
#pg-results .verdict .clue strong {
  display: block;
  font-size: 48px;
  line-height: 48px;
  padding: 20px;
  text-align: center; }
#pg-results .sentences .clue {
  margin: 2px;
  padding: 20px;
  -webkit-border-radius: 3px 3px 0px 0px;
     -moz-border-radius: 3px 3px 0px 0px;
          border-radius: 3px 3px 0px 0px; }
#pg-results .sentences .clue span {
  background-color: yellow;
  color: #333;
  font-weight: 100;
  line-height: 1.95em;
  padding: .5em;
     -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.4);
  -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.4);
          box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.4); }
#pg-results .scoring { padding: 10px 20px; }
#pg-results .incorrect {
  background-color: #fad7d7;
  border: 1px solid #fbb6b6; }
#pg-results .incorrect .clue { background-color: #ebc4c4; }
#pg-results .correct {
  background-color: #d0e5ad;
  border: 1px solid #a3c964; }
#pg-results .correct .clue { background-color: #c0d69a; }
#pg-results .rate-this div.control-group {
	display: block;
	clear: both; }
#pg-results .rate-this {
  background-color: #eee;
  box-shadow: 1px 1px 0px #fafafa;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px; }
#pg-results .rate-this label.checkbox {
	display: block;
	float: left;
	width: 100px; }

/* pg-signin */
#pg-signin .billboard .section { margin: 15px; }

/* pg-archives */
#pg-archives .main.container,#pg-archives .section.page-head { background-color: transparent; }
#pg-archives .section.mystery-listing { background-color: #fff; }

/* leagues */
#pg-leagues .billboard,
#pg-league-ranks .billboard,
#pg-league-list .billboard { background-color: #7049ab; }
#pg-leagues .billboard .container,
#pg-league-ranks .billboard .container,
#pg-league-list .billboard .container { background: url("/static/img/layout/bg-billboard-container-league.png") center top no-repeat transparent; }
#pg-leagues .billboard .container, #pg-leagues .billboard .container h2,
#pg-league-ranks .billboard .container, #pg-league-ranks .billboard .container h2,
#pg-league-list .billboard .container, #pg-league-list .billboard .container h2 { text-shadow: -1px -1px 0px #542f8c; }
.billboard .btn-join { margin-top: 10px; }
#pg-leagues .section.rankings,#pg-leagues .section.participants,#pg-leagues .league-list,#pg-league-ranks .section.rankings {
  background-color: #fff;
  padding: 15px; }
@media (max-width: 767px) {
  #pg-leagues .rankings .left { padding-bottom: 15px; }
}
.control-panel .btn-mini {
  width: 50px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }
.table-members .league-admin a {
  color: #44a216;
  font-weight: 600; }
#pg-leagues .page-head,#pg-leagues .view-league .sub-nav { margin-bottom: 15px; }
/* pg-leagues */
#pg-leagues h4,#pg-league-ranks h4 { margin-top: 0; }
#pg-leagues .left .stats { padding: 0 15px; }
#pg-leagues .left .stats .alert { margin: 0; }
#pg-leagues .rankings h4 { margin-bottom: 0px; }
#pg-leagues .rankings em {
  display: block;
  margin-bottom: 10px; }
#pg-leagues table { margin: 0; }
#pg-leagues form .section { padding: 15px; }
/* pg-league-list */
#pg-league-list .section.league-list {
  background-color: #fff;
  padding: 15px; }
/* pg-legue-view */
table.toomany,h4.toomany { display: none; }

/* pg-account */
#pg-account .section { padding: 15px; }
#pg-account legend { margin-bottom: 15px; }

/* pg-signup */
#pg-signup .alert-error { margin-bottom: 0px; }
#pg-signup form { margin-bottom: 0px; }
#pg-signup .captcha-image-wrap { height: 100px; }
#pg-signup .form-actions { margin-bottom: 0px; }
#pg-signup .pop { cursor: pointer; }
#pg-signup .form-horizontal .section { margin-bottom: 0px; }

/* pg-submit-mystery */
#pg-submit-mystery .right { float: right; }
@media (max-width: 767px) {
  #pg-submit-mystery .right { float: none; }
}

/* pg-blog */
#pg-blog .main.container,#pg-blog .section.page-head { background-color: transparent; }
#pg-blog .section.mystery-listing { background-color: #fff; }
#pg-blog .section.page-content { background-color: #fff; }

/* miscellaneous */
#ajax-error-text { display: none; }

/* footer */
.content-wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px; }
.foot, .foot-push { height: 100px; }
.foot { background: url('/static/img/layout/bg-recent-activity.png') center center; }
.foot.printer-friendly { background: none; }
.foot .container {
  padding: 15px;
  text-align: center; }
.foot { color: #666; }
.foot a { color: #888; }
.foot a:hover { color: #eee; }
.foot ul,.foot li {
  list-style: none;
  margin: 0;
  padding: 0; }
.foot li {
  display: inline-block;
  margin: 0 10px; }
.prog-stats {
  color: #999999;
  margin: 2px; }

/* sitewide blog post announce */
.announce-blog {
  color: #eee;
  background-color: #333;
  text-align: center; }
.announce-blog .container {
  background-color: transparent !important;
  margin-bottom: 0; }
.announce-blog a {
  color: #ffcf5c;
  text-decoration: underline; }

h6#db-wipe {
  color: red;
  background: #000;
  display: block;
  font-family: 'open-sans',helvetica,arial,sans-serif;
  margin: 0 auto;
  padding: 15px;
  line-height: 20px;
  font-size: 15px;
  text-align: center; }

.rounded {
  border-radius: 4px;
}

.btn-nice {
  background-color: #9b59b6;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-nice:hover,
.btn-nice:active,
.btn-nice.active,
.btn-nice.disabled,
.btn-nice[disabled] {
  color: #ffffff;
  background-color: #7d3c98;
}

.btn-nice:active,
.btn-nice.active {
  background-color: #408140 \9;
}

.alert li {
  overflow-wrap: break-word;
}

.support-widget {
	margin: 0 auto;
	padding: 20px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.support-widget p {
	text-align: center;
	margin-bottom: 20px;
}
.support-widget h2 {
	color: #bd4126;
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
}
.support-options {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.support-option {
	margin: 0 10px 10px 0;
	font-size: 16px;
}
.support-option label {
	cursor: pointer;
	display: inline-block;
	padding: 8px 15px;
	border: 2px solid #ddd;
	border-radius: 5px;
	transition: all 0.2s ease;
}
.support-option input[type="radio"] {
	display: none;
}
.support-option input[type="radio"]:checked + label {
	background-color: #bd4126;
	color: #fff;
	border-color: #bd4126;
	box-shadow: 0 0 5px rgba(189, 65, 38, 0.5);
}
.support-option label:hover {
	background-color: #f9e9e6;
	border-color: #bd4126;
}
.custom-amount {
	margin-top: -5px;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.custom-amount label {
	cursor: pointer;
	margin-right: 10px;
}
.custom-amount input[type="number"] {
	width: 110px;
	text-align: left;
	margin-left: 10px;
	border: 2px solid #ddd;
	border-radius: 5px;
}
.custom-amount input[type="radio"] {
	display: none;
}
.custom-amount input[type="radio"]:checked + label {
	color: #bd4126;
	font-weight: bold;
}
.custom-amount input[type="number"]:focus {
	border-color: #bd4126;
	box-shadow: 0 0 5px rgba(189, 65, 38, 0.5);
}
.btn-support {
	background-color: #bd4126;
	color: #fff;
	border: none;
	padding: 10px 20px;
	font-size: 16px;
	width: 100%;
}
.btn-support:hover {
	background-color: #a23620;
	color: #fff;
}
.error-message {
	color: #bd4126;
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
	display: none;
}

.timeline {
  position: relative;
}

.timeline::before {
  content: '';
  position: absolute;
  width: 4px;
  background-color: #bd4126;
  top: 60px;
  bottom: 60px;
  left: 50px;
}

.timeline-item {
  padding: 20px 0;
  position: relative;
  margin-bottom: 0px;
}

.timeline-item:first-child::before {
  content: '';
  position: absolute;
  width: 4px;
  background-color: #fff;
  top: 0;
  height: calc(65px + 10.5%);
  left: 50px;
  z-index: 0;
}

.timeline-item:last-child::before {
  content: '';
  position: absolute;
  width: 4px;
  background-color: #fff;
  bottom: 0;
  height: calc(55px + 10.5%);
  left: 50px;
  z-index: 0;
}

.timeline-item::after {
  content: '';
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #bd4126;
  border-radius: 50%;
  left: 41px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.timeline-content {
  background-color: white;
  border-radius: 5px;
  padding: 20px;
  margin-left: 90px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.1);
  position: relative;
}

.timeline-header {
  color: #2c3e50;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 10px;
  /*text-decoration: underline;*/
}

.timeline-description {
  color: #7f8c8d;
}

.mb-0 {
  margin-bottom: 0;
}

.pb-0 {
  padding-bottom: 0;
}