body {
  background: #f6f5f0 url("http://bff.fm/wp-content/uploads/2013/10/grey-linen-background_min1.png");
  position: relative;
  height: 100%;
  font: 16px 'Open Sans', Arial, Helvetica, Times;
}

h1,
h2,
h3,
h4 {
  font-family: 'Open Sans', Arial, Helvetica, Times;
}
img {
  max-width: 100%;
}
.cfm-edit-content {
  margin: 0 0 0px 0px;
  display: inline-block;
}
.cfm-edit-content a {
  color: #999;
  display: inline-block;
  padding: 8px;
  background: #eee;
  border-radius: 4px;
  line-height: 1;
}
.cfm-edit-content a:hover {
  text-decoration: underline;
  color: #999;
}
.return-to-homepage {
  margin: 30px 0 0 0;
}
.listen-text {
  margin: 0 3px 0 6px;
}
#top-message {
  position: fixed;
  width: 300px;
  text-align: center;
  background: #eee;
  font-size: 14px;
  padding: 8px 10px;
  top: 0;
  left: 0;
  color: #666;
  z-index: 9999;
  border-radius: 0 0 10px 0;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
}
#listening {
  background: #333;
  line-height: 1;
  position: relative;
  display: none;
  color: #fff;
}
#listening #broadcasting-now {
  font-size: 16px;
  z-index: 4;
  display: inline-block;
}
#listening #broadcasting-now div {
  display: inline-block;
}
#listening #broadcasting-now .now {
  padding: 10px;
  position: relative;
}
#listening #broadcasting-now .now .program-container a {
  color: #fff;
}
#listening #broadcasting-now .now .title {
  color: #4c9;
}
#listening #broadcasting-now .now .times {
  color: #999;
  margin: 0 0 0 4px;
}
#listening #broadcasting-now .next {
  display: none;
}
#listening .alt {
  display: inline-block;
  position: relative;
  background: #333;
  padding: 5px;
}
#listening .alt a {
  color: #fff;
  display: inline-block;
  background: #333;
  border-radius: 8px;
  border: 1px solid #555;
  padding: 6px 8px;
  font-size: 14px;
  color: #999;
}
#listening .alt a:hover {
  background: #777;
  text-decoration: none;
  color: #fff;
  border: 1px solid #999;
}
/* change listening box while listening */
body.cfm-stream-playing #listening {
  display: block;
}
body.cfm-stream-playing .spacer {
  height: 105px !important;
}
.container {
  max-width: 1200px;
  min-width: 700px;
  margin: 0 auto;
}
.container-fluid {
  max-width: 1200px;
  min-width: 700px;
  margin: 0 auto;
}
.main-toolbar {
  position: fixed;
  z-index: 10;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
  overflow: hidden;
}
.main-toolbar .inner {
  background: #fff;
  height: 70px;
  position: relative;
  min-width: 680px;
}
.main-toolbar .inner .logo {
  font-size: 22px;
  float: left;
  padding: 0;
  position: relative;
  z-index: 999999999;
}
.main-toolbar .inner .logo img {
  max-width: 68px;
  height: auto;
}
.main-toolbar .inner .logo a {
  color: #fff;
  text-decoration: none;
  display: block;
  float: left;
  padding: 0;
}
.main-toolbar .inner .logo a {
  background: #000;
}
.main-toolbar .inner .logo a:hover {
  background: #50d5af;
  background: #49d;
}
.main-toolbar .inner .station-name {
  font-size: 22px;
  float: left;
  padding: 0;
  position: relative;
  z-index: 999999999;
}
.main-toolbar .inner .station-name a {
  color: #000;
  text-decoration: none;
  display: block;
  float: left;
  padding: 20px 20px;
}
.main-toolbar .inner .station-name a {
  background: #fff;
}
.main-toolbar .inner .station-name a:hover {
  background: #f6f5f0;
}
.main-toolbar .inner .links {
  font-size: 16px;
  float: left;
  left: 0;
  bottom: 0;
  padding: 12px 40px 8px 0;
  z-index: 1;
}
.main-toolbar .inner .links a {
  padding: 4px 12px 6px 12px;
  display: inline-block;
  color: #0c9;
  border-radius: 10px;
}
.main-toolbar .inner .links a:hover {
  text-decoration: none;
  background: #f6f5f0;
}
.main-toolbar .inner .links a.active {
  background: #f6f5f0;
  color: #000;
}
.main-toolbar .inner .links a.donate {
  color: #4c8;
  margin-left: 8px;
}
.main-toolbar .inner .links .cfm-stream-main-button {
  color: #555;
  font-size: 22px;
  background: #f0eee6;
  padding: 6px 16px 9px 16px;
  border-radius: 24px;
  margin: 0 10px 0 15px;
  border-bottom: 2px solid #ddd;
}
.main-toolbar .inner .links .cfm-stream-main-button .play-icon {
  display: inline-block;
  font-size: 18px;
/*background:#fff; color:#000; border:1px solid #999;   padding:4px 6px 4px 8px; */
  border-radius: 20px;
}
.main-toolbar .inner .links .cfm-stream-main-button:hover {
  background: #f3f2ed;
  color: #000;
  text-decoration: none;
}
.main-toolbar .inner .links .cfm-stream-stop-button .play-icon {
  border-color: #f5993f;
}
.main-toolbar .inner .links .cfm-stream-stop-button,
.main-toolbar .inner .links .cfm-stream-stop-button:hover {
  background: #f5993f !important;
  color: #fff !important;
  border: 0;
  padding: 4px 16px 11px 16px;
  border-top: 2px solid #ca833c;
}
.main-toolbar .inner .user-panel {
  position: absolute;
  z-index: 3;
  font-size: 14px;
  top: 0;
  right: 0;
  padding: 8px 12px 0 0;
  color: #000;
  padding-left: 8px;
  padding-bottom: 8px;
  background: #f6f5f0;
  border-radius: 0 0 8px 8px;
}
.main-toolbar .inner .user-panel .facebook-image {
  max-width: 30px;
  margin: 0 10px;
}
.main-toolbar .inner .user-panel a,
.main-toolbar .inner .user-panel .display-name {
  padding: 3px;
  margin: 3px;
}
.main-toolbar .inner .user-panel a {
  color: #0c9;
}
.main-toolbar .inner .user-panel a:hover {
  background: none;
  color: #000;
}
.main-toolbar .inner .user-panel .divider {
  display: none;
}
/* hide toolbar on preview mode */
body.preview .main-toolbar .inner {
  display: none;
}
.main-content {
  padding: 0px 0 0 0;
  position: relative;
  z-index: 6;
}
.main-content .container-fluid {
  max-width: 1200px;
}
.main-content .center {
  background: #fff;
  position: relative;
  font: 15px Arial, Helvetica, sans-serif, sans;
  line-height: 1.6;
  min-height: 800px;
/*border-right:1px solid #ddd; border-left:1px solid #ddd;*/
  position: relative;
}
.main-content .center .spacer {
/*border-bottom:8px solid #000;*/
  height: 70px;
}
#home-featured-posts {
  height: 500px;
  position: relative;
  background-color: #aaa;
  border-bottom: 0px solid #000;
}
#home-featured-posts .inner {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
}
#home-featured-posts .inner .info {
  background-color: #fff;
  border-radius: 3px 3px 3px 0;
  box-shadow: 0 2px 6px rgba(0,0,0,0.18);
  color: #000;
  padding: 10px 20px 18px 20px;
  float: left;
  clear: left;
  max-width: 70%;
  position: relative;
  z-index: 1;
}
#home-featured-posts .inner a {
  color: #000;
  font-size: 32px;
}
#home-featured-posts .click-region {
  float: left;
  position: relative;
  z-index: 1;
  height: 500px;
  width: 100%;
}
#home-featured-posts .swap-links {
  font-weight: bold;
  background: #ccc;
  float: left;
  position: relative;
  z-index: 2;
}
#home-featured-posts .swap-links a {
  color: #999;
  font-size: 20px;
  padding: 10px;
}
#home-featured-posts .swap-links a:hover {
  background: #f93;
  color: #fff;
  text-decoration: none;
}
#home-featured-posts .swap-links a.active {
  background: #fff;
}
#home-featured-posts .swap-links a:hover.active {
  color: #000;
}
#home-featured-posts .featured-post {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
#home-announcement-posts {
  padding: 20px;
  background: #fff;
  border-top: 3px solid #fff;
}
#home-announcement-posts .post:first-child {
  margin-right: 12px;
}
#home-announcement-posts .post {
  width: 48%;
  display: inline-block;
  vertical-align: top;
}
#home-announcement-posts .post .content {
  margin: 0px;
  border: 1px solid #ddd;
}
#home-announcement-posts .post .content .title a {
  font-size: 24px;
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 10px 12px 5px 12px;
  color: #000;
}
#home-announcement-posts .post .content .text {
  padding: 10px 20px 10px 20px;
}
#home-announcement-posts .post .content .info {
  display: none;
}
#cfm-sp-content-container {
  min-height: 600px;
}
#content {
  margin: 30px;
}
#content.home-index {
  margin: 0;
}
#home-broadcasts-container {
  margin: 0px 0 0 0px;
  background: #e7e6e0;
  padding: 28px 20px 20px 28px;
}
#home-broadcasts-container h2 {
  margin: 0 0 20px 0;
  display: none;
}
#home-broadcasts .broadcast {
  width: 200px;
  display: inline-block;
  margin: 0 20px 20px 0;
  background: #fff;
  box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
  vertical-align: top;
}
#home-broadcasts .broadcast img {
  max-width: 100%;
}
#home-broadcasts .broadcast .info-container {
  padding: 20px;
}
#home-broadcasts .broadcast .info-container .title {
  font-size: 18px;
}
#home-broadcasts .broadcast .info-container div {
  margin-bottom: 5px;
}
#home-broadcasts .broadcast .info-container .program a {
  font-size: 15px;
}
#showcase {
  margin: 0 auto;
  padding: 20px 0 20px 0;
  background: #f3f3f3;
  border-top: 2px solid #ddd;
  position: relative;
  z-index: 1;
}
#showcase #automatic-underwriter-banners {
  margin: 0 auto;
  height: 120px;
}
#showcase #automatic-underwriter-banners div {
  position: absolute;
  display: none;
  width: 100% !important;
  text-align: center;
}
#showcase #automatic-underwriter-banners div:first-child {
  display: block;
}
#showcase #automatic-underwriter-banners div.supporter div.content {
  display: none;
}
.schedule-container {
  font-size: 15px;
/* highlight local programs */
}
.schedule-container table {
  max-width: 1200px;
  margin: 0 auto 0 auto;
  border-top: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
}
.schedule-container td {
  padding: 10px;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.schedule-container td.weekday {
  width: 13%;
}
.schedule-container .weekday {
  color: #333;
  font-weight: bold;
}
.schedule-container .hosts-container a {
  color: #999;
}
.schedule-container .row-time {
  color: #666;
  text-align: center;
}
.schedule-container .cell-program {
  line-height: 1.4;
}
.schedule-container .cell-program .times {
  padding: 6px 0;
  color: #666;
  font-size: 13px;
  display: none;
}
.schedule-container .local {
  color: #000;
}
.schedule-container .rebelbass,
.schedule-container .lostandfound,
.schedule-container .wyckedfell,
.schedule-container .localmotion,
.schedule-container .liquidlights,
.schedule-container .intermountain,
.schedule-container .unspun,
.schedule-container .satyreweed,
.schedule-container .westernmusic {
  font-size: 18px;
  background: #f6f6f6;
  font-weight: bold;
}
.schedule-container .local {
  max-width: 1198px;
  margin: 0 auto 0 auto;
  background: #eee;
  text-align: center;
  padding: 12px 0;
  border: 1px solid #ddd;
  border-bottom: 0;
}
.footer {
  background: #fff;
  padding: 20px 0 20px 0;
  max-width: 1138px;
  margin: 0 auto;
  box-shadow: 0 -2px 6px rgba(0,0,0,0.12);
}
.footer .logo {
  text-align: right;
}
.footer .logo a {
  color: #000;
  text-decoration: none;
}
.footer .logo a:hover {
  color: #3af;
  text-decoration: none;
}
.footer .top {
  font-size: 16px;
  color: #000;
  margin: 0 0 10px 0;
}
.footer .links {
  margin: 0 0 12px 0;
  font-size: 15px;
}
.footer .links ul {
  margin: 0;
  padding: 0;
}
.footer .links li {
  list-style: none;
  margin: 0 20px 0 0;
  display: inline-block;
}
.footer .links a {
  color: #af9c79;
  text-decoration: none;
}
.footer .links a:hover {
  color: #dca;
}
h1 {
  margin: 0 0 20px 0;
}
.block-weekdays,
.block-pages,
.block-categories,
.categories-container {
  margin: 0 0 30px -10px;
}
.block-weekdays ul,
.block-pages ul,
.block-categories ul,
.categories-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-weekdays li,
.block-pages li,
.block-categories li,
.categories-container li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-weekdays li a,
.block-pages li a,
.block-categories li a,
.categories-container li a {
  display: inline-block;
  line-height: 1;
  padding: 10px;
}
.block-weekdays li.selected a,
.block-pages li.selected a,
.block-categories li.selected a,
.categories-container li.selected a {
  background: #e6e5e0;
  color: #000;
  border-radius: 6px;
}
.shows-index div {
  vertical-align: top;
}
.shows-index .block-weekdays {
  font-size: 18px;
}
.shows-index a.full-schedule {
  float: right;
  background: #eeede5;
  color: #000;
  font-size: 22px;
  padding: 8px 12px;
  border-radius: 10px;
}
.shows-index a.full-schedule:hover {
  background: #deddd5;
  text-decoration: none;
}
.shows-index .program {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.shows-index .time-container {
  display: inline-block;
  width: 20%;
}
.shows-index .image-container {
  display: inline-block;
  width: 25%;
  margin: 0 10px 0 0;
}
.shows-index .info-container {
  display: inline-block;
  width: 45%;
}
.shows-index .info-container .title {
  font-size: 18px;
}
.shows-index .info-container .hosts-container a {
  color: #396;
}
.shows-view h1 {
  margin: 0 0 10px 0;
}
.shows-view .hosts-container {
  margin: 0 0 10px 0;
  font-size: 18px;
}
.shows-view .full-description {
  margin: 0 0 20px 0;
}
.shows-view .airtimes-container {
  font-weight: bold;
  padding: 10px 0;
  margin: 0 0 20px 0px;
}
.shows-view .airtimes-container ul {
  margin: 0;
  padding: 0;
}
.shows-view .airtimes-container li {
  list-style: none;
  margin: 0;
}
.shows-view .categories-container {
  margin: 0 0 10px -10px;
}
.shows-view .categories-container ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shows-view .categories-container li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.shows-view .categories-container li a {
  display: inline-block;
  line-height: 1;
  padding: 10px;
}
.shows-view .categories-container li.selected a {
  background: #eee;
}
.shows-view .image img {
  max-width: 100%;
}
.shows-view .broadcasts-container {
  border: 1px dashed #ddd;
  padding: 20px;
}
.shows-view .broadcasts-container .broadcast {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-bottom: 1px solid #ddd;
}
.shows-view .broadcasts-container .broadcast div {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.shows-view .broadcasts-container .broadcast div.info {
  max-width: 45%;
}
.shows-view .broadcasts-container .broadcast div.date {
  max-width: 20%;
}
.shows-view .broadcasts-container .broadcast div.image-container {
  max-width: 30%;
}
.shows-view .broadcasts-container .broadcast:last-child {
  margin: 0;
  border: 0;
  padding: 0;
}
.broadcasts-view .main {
  padding: 0 30px 0 0;
}
.broadcasts-view .main .program {
  margin: 0 20px 0 0 !important;
  display: inline-block;
}
.broadcasts-view .main .program a {
  color: #9c846a;
}
.broadcasts-view .main .text {
  text-align: justify;
}
.posts-index div {
  vertical-align: top;
}
.posts-index .post {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.posts-index .image-container {
  display: inline-block;
  width: 25%;
  margin: 0 10px 0 0;
}
.posts-index .content {
  display: inline-block;
  width: 45%;
}
.posts-index .read-more {
  display: none;
}
.events-index {
  display: block;
}
.events-index .category-title {
  display: none;
}
.events-index .events_page {
  float: left;
  width: 100%;
}
.events-index .events_page .main_events_container {
  float: left;
  width: 750px;
  margin-left: 30px;
  margin-top: 10px;
}
.events-index .events_page .events-container {
  float: left;
  width: 100%;
}
.events-index .events_page .events-container .event {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 30px;
}
.events-index .events_page .events-container .event .image {
  margin-right: 15px;
  float: left;
}
.events-index .events_page .events-container .event .info {
  float: left;
  width: 500px;
}
.events-index .events_page .events-container .event .title {
  margin-bottom: 5px;
}
.events-index .events_page .events-container .event .title a {
  font-size: 17px;
  line-height: 100%;
}
.events-index .events_page .events-container .event .time {
  color: #666;
  margin-bottom: 4px;
}
.events-index .events_page .events-container .event .start_time {
  font-weight: bold;
}
.events-index .events_page .events-container .event .location {
  color: #666;
  margin-bottom: 4px;
}
.events-index .side {
  float: left;
  width: 190px;
}
.events-index .submit_events {
  margin: 0 0 40px 0;
  font-size: 22px;
}
.events-index .past h1.past-or-current {
  margin: 0 0 30px 0px;
  text-transform: capitalize;
  color: #999;
}
.events-index .current h1.past-or-current {
  display: none;
}
.events-index .past-events {
  margin: 0 0 20px 0;
}
.events-index .past-events a {
  padding: 9px 12px 10px 12px;
  border: 1px solid #ddd;
  background: #eee;
  border-radius: 14px;
  display: inline-block;
  color: #000;
  font-size: 20px;
}
.events-index .past-events a:hover {
  background: #e4e4e4;
  border: 1px solid #d0d0d0;
  border-top-color: #aaa;
  text-decoration: none;
}
.events-index .past .past-events {
  display: none;
}
.events-index .current-events {
  margin: 0 0 20px 0;
}
.events-index .current-events a {
  padding: 9px 12px 10px 12px;
  border: 1px solid #ddd;
  background: #eee;
  border-radius: 14px;
  display: inline-block;
  color: #000;
  font-size: 20px;
}
.events-index .current-events a:hover {
  background: #e4e4e4;
  border: 1px solid #d0d0d0;
  border-top-color: #aaa;
  text-decoration: none;
}
.events-index .current .current-events {
  display: none;
}
.events-index.no-category .category-title {
  display: none;
}
.events-view .back-container {
  margin: 0 0 20px 0;
}
.events-view .back {
  background: #eee;
  color: #000;
  padding: 8px 12px;
  display: inline-block;
  border-radius: 10px;
}
/*
.users-profiles {
  .profile-image {

  }
}
*/
.share {
  margin: 0 0 20px 0;
}
.share #share-url {
  margin: 0;
}
.share #share-url input {
  width: 100%;
  margin: 4px 0 6px 0;
}
#side-broadcasts .broadcast {
  margin: 0 0 20px 0;
}
#side-broadcasts .broadcast .title {
  font-weight: bold;
}
.broadcast .program a {
  color: #9c846a;
}
.post .read-more {
  display: none;
}
.post .user a {
  color: #3a5;
}
.content-info {
  margin: 0 20px 20px 0;
  display: inline-block;
  padding: 0;
}
.content-info div {
  display: inline-block;
  margin: 0 20px 0 0;
}
#supporters {
  margin: 30px 0 0 0;
}
#supporters .supporter {
  float: left;
  margin: 0 20px 20px 0;
  width: 200px;
  padding: 20px;
  border: 1px solid #ddd;
}
#supporters .supporter .title {
  font-weight: bold;
  margin-bottom: 8px;
}
#supporters .supporter div.image {
  display: none;
}
.tracks-container {
  border: 1px solid #ddc;
  padding: 10px;
}
.media-attachments-container {
  margin: 40px 50px 50px 0;
  padding: 0 20px 0 0;
}
.media-attachments-audio {
  padding: 0 20px 0 0;
}
.comments-container {
  background: #e5e4e0;
  margin: 30px 20px 0 0;
  padding: 20px;
  border-radius: 8px;
}
.comments-container .heading {
  font-size: 18px;
  color: #999;
  margin: 0 0 20px 0;
}
.comments-container .comment {
  margin: 0 0 20px 0;
}
.comments-container .comment .time {
  color: #999;
  font-size: 13px;
}
.comments-container textarea {
  border: 1px solid #ddd;
  padding: 8px;
  font-size: 14px;
  width: 100%;
  height: 90px;
  margin: 0 -8px 10px -8px;
  border-radius: 0px;
}
.comments-container textarea:hover {
  border: 1px solid #ccc;
}
.comments-container textarea:focus {
  box-shadow: none;
}
.comments-container button {
  background: #fff;
  color: #3a5;
  font-size: 18px;
  border: 1px solid #ccb;
  display: block;
  border-radius: 10px;
  padding: 10px;
}
.comments-container button:hover {
  border: 1px solid #aa9;
}
.comments-container .not-signed-in {
  border: 1px solid #ddd;
  background: #fff;
  padding: 6px 8px;
  margin: 0 -8px;
}
div.comments-container.disabled {
  display: none;
}
.donations-area {
  border: 2px dashed #ddd;
  padding: 30px;
}
.donations-area p {
  margin-bottom: 25px;
}
.donations-area .donate-button {
  display: inline-block;
  padding: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #3a5;
  background: #eee;
  border-radius: 10px;
  border: 2px solid #ddd;
}
.donations-area .donate-button:hover {
  background: #ddd;
  color: #000;
  text-decoration: none;
}
.donations-area .donate-button-container {
  margin: 0 0 30px 0;
  line-height: 1;
}
.cfm-stream-player {
  display: inline-block;
}
.cfm-stream-player .jp-no-solution {
  display: none;
}
.users-login label {
  margin-right: 10px;
}
.users-login .username,
.users-login .password {
  margin: 0 0 10px 0;
}
.users-login .username input,
.users-login .password input {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 6px;
}
.users-login .sign-in .title {
  font-size: 30px;
  color: #aaa;
  margin: 0 0 10px 0;
}
.users-login .sign-in .submit {
  margin: 10px 0 0 0;
}
.users-login .forgot-password {
  margin: 20px 0;
}
.users-register label {
  margin-right: 10px;
}
.users-register .input {
  margin: 0 0 10px 0;
}
.users-register .input input {
  border: 1px solid #bbb;
  border-radius: 4px;
  padding: 6px;
}
.users-register .email-help {
  margin: 0 0 20px 0;
}
#flash-message {
  background: #eee;
  padding: 10px;
  margin: 0 -10px 20px -10px;
}
#flash-message.error {
  background: #fdb;
}
.pagination-inner {
  margin: 20px;
/* a.page-number {background:#eee;} */
}
.pagination-inner span {
  display: inline-block;
  margin-right: 8px;
  font-size: 16px;
}
.pagination-inner a {
  padding: 12px;
  background: #dddcd5;
  color: #000;
}
.pagination-inner .current {
  padding: 12px;
  background: #000;
  color: #fff;
}