body {
  background: #f6f6f6 url("../img/tiny_grid.png");
  position: relative;
  height: 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;
}
.find-index a.result {
  display: block;
  padding: 10px;
  margin: 0 0 20px 0;
  overflow: auto;
  border: 1px solid #fff;
}
.find-index a.result:hover {
  text-decoration: none;
  border-color: #ddd;
}
.find-index .result .type {
  display: inline-block;
  color: #999;
  margin: 0 10px 0px 0;
  border: 1px solid #ddd;
  padding: 2px 8px;
}
.find-index .result .title {
  display: inline-block;
  color: #09f;
}
.find-index .result .text {
  display: block;
  color: #777;
  margin: 8px 0 0 0;
}
.return-to-homepage {
  margin: 30px 0 0 0;
}
.listen-text {
  margin: 0 3px 0 6px;
}
#listening {
  background: #000;
  line-height: 1;
  position: relative;
  display: none;
  color: #fff;
  border-radius: 0 0 10px 10px;
}
#listening #broadcasting-now {
  font-size: 16px;
  z-index: 4;
}
#listening #broadcasting-now div {
  display: inline-block;
}
#listening #broadcasting-now .now {
  padding: 10px;
  posiion: 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 {
  position: absolute;
  background: #000;
  padding: 5px;
  z-index: 5;
  top: 0;
  right: 8px;
}
#listening .alt a {
  color: #fff;
  display: inline-block;
  background: #555;
  border-radius: 10px;
  padding: 5px 8px;
}
#listening .alt a:hover {
  background: #777;
  text-decoration: none;
}
/* change listening box while listening */
body.cfm-stream-playing #listening {
  display: block;
}
body.cfm-stream-playing .spacer {
  height: 110px !important;
}
.top-box {
  background: #eee url("../img/subtle_white_feathers.png") left top;
  height: 80px;
  margin-bottom: -80px;
  box-shadow: 0px 1px 6px rgba(0,0,0,0.2) inset;
}
.container-fluid {
  max-width: 1200px;
  min-width: 700px;
  margin: 0 auto;
}
.main-toolbar {
  position: fixed;
  z-index: 10;
  width: 100%;
}
.main-toolbar .inner {
  background: #fff;
  height: 80px;
  position: relative;
  box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
  min-width: 680px;
}
.main-toolbar .inner .links {
  font: 20px 'Bitter';
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 15px;
  z-index: 1;
}
.main-toolbar .inner .links a {
  padding: 12px;
  display: inline-block;
  color: #000;
  border-radius: 30px;
}
.main-toolbar .inner .links a.active {
  background: #eee;
}
.main-toolbar .inner .links a.donate {
  color: #fff;
  background: #6a8;
  margin-left: 8px;
}
.main-toolbar .inner .links .cfm-stream-main-button {
  color: #265cff;
  font-size: 28px;
  color: #fff;
  background: #000;
  padding: 10px 15px;
  border-radius: 40px;
  margin: 0 10px 0 0;
}
.main-toolbar .inner .links .cfm-stream-main-button:hover {
  background: #555;
  color: #fff;
  text-decoration: none;
}
.main-toolbar .inner .links .cfm-stream-stop-button,
.main-toolbar .inner .links .cfm-shoutcast-stop-button:hover {
  background: #f93 !important;
}
.main-toolbar .inner .user-panel {
  position: relative;
  z-index: 3;
  font-size: 14px;
  float: right;
  padding: 8px 12px 0 0;
}
.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 .divider {
  display: none;
}
.main-toolbar .inner .user-panel .login {
  margin: 6px 0 0 0;
}
.main-toolbar .inner .user-panel .login a {
  color: #000;
  background: #eee;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 5px 8px;
}
.main-toolbar .inner .user-panel .login a:hover {
  color: #000;
  background: #ddd;
  text-decoration: none;
}
.main-toolbar .inner .signed-in {
  background: #fff;
  padding-left: 8px;
  padding-bottom: 4px;
  border-radius: 0 0 0 8px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
/* hide toolbar on preview mode */
body.preview .main-toolbar .inner {
  display: none;
}
.main-content {
  padding: 0px 0 0 0;
  position: relative;
  z-index: 6;
/*box-shadow: 0px -3px 10px rgba(0, 0, 0, .2);*/
}
.main-content .container-fluid {
  max-width: 1200px;
}
.main-content .left .logo {
  margin: 10px -10px 20px 0;
  padding: 20px 20px 20px 20px;
  background: #fff;
  box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
  border-radius: 190px;
  position: relative;
  z-index: 999999999;
}
.main-content .left .search {
  background: #fff;
  padding: 20px 60px 20px 20px;
  box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
  margin: 10px -40px 20px 0;
  border-radius: 10px;
}
.main-content .left .search .title {
  font-size: 16px;
  margin: 0 0 11px 4px;
}
.main-content .left .search input {
  border: 1px solid rgba(0,0,0,0.3);
  padding: 8px;
  border-radius: 4px 0 0 4px;
  font-size: 16px;
  background: rgba(0,0,0,0);
  width: 70%;
  margin-right: -1px;
}
.main-content .left .search button {
  border: 1px solid rgba(0,0,0,0.3);
  padding: 8px;
  border-radius: 0 4px 4px 0;
  font-size: 16px;
  background: rgba(0,0,0,0);
}
.main-content .left .search form {
  padding: 0;
  margin: 0;
}
.main-content .left .info {
  background: #000 url("../img/mtns.png") left bottom no-repeat;
  font: 15px Arial;
  color: #fff;
  padding: 20px 60px 120px 20px;
  margin: 0 -40px 40px 0;
  border-radius: 10px 0 10px 10px;
}
.main-content .left .info .a {
  color: #fff;
}
.main-content .left .info .b {
  color: #bbb;
}
.main-content .left .info .c {
  color: #bbb;
}
.main-content .left .info .d {
  color: #999;
}
.main-content .left .social-media {
  padding: 20px 60px 20px 20px;
  margin: 0 -40px 20px 0;
  border-radius: 10px 0 10px 10px;
  background: #fff;
  box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
}
.main-content .center {
  background: #fff;
  position: relative;
  font: 15px Arial, Helvetica, sans-serif, sans;
  line-height: 1.6;
  min-height: 980px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.main-content .center .spacer {
/*border-bottom:8px solid #000;*/
  height: 80px;
}
#home-featured-posts {
  height: 400px;
  position: relative;
  background-color: #aaa;
  border-bottom: 0px solid #000;
}
#home-featured-posts .inner {
  position: absolute;
  bottom: 16px;
  right: 0;
  width: 100%;
}
#home-featured-posts .inner .info {
  background-color: #fff;
  color: #000;
  padding: 10px 20px 18px 20px;
  float: right;
  max-width: 70%;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  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: 400px;
  width: 100%;
}
#home-featured-posts .swap-links {
  font-weight: bold;
  background: #000;
  float: right;
  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 {
  color: #f93;
}
#home-featured-posts .swap-links a.active {
  background: #fff;
  box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
}
#home-featured-posts .featured-post {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 400px;
  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: 900px;
}
#content {
  margin: 30px;
}
#content.home-index {
  margin: 0;
}
#home-broadcasts-container {
  margin: 0px 0 0 0px;
  background: #ddd;
  padding: 28px 20px 20px 28px;
  box-shadow: 0px 4px 6px rgba(0,0,0,0.2) inset;
  border-top: 3px solid #fff;
  border-bottom: 1px solid #ccc;
}
#home-broadcasts-container h2 {
  margin: 0 0 20px 0;
  display: none;
}
#home-broadcasts .broadcast {
  width: 200px;
  display: inline-block;
  padding: 20px;
  margin: 0 20px 20px 0;
  background: #fff;
  box-shadow: 0px 1px 6px rgba(0,0,0,0.2);
  vertical-align: top;
  border-radius: 4px;
}
#home-broadcasts .broadcast .title {
  font-size: 18px;
}
#home-broadcasts .broadcast div {
  margin-bottom: 5px;
}
#home-broadcasts .broadcast .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 {
  background: #fff;
  padding: 50px 30px;
  position: relative;
  z-index: 7;
/* border-top:1px solid #ddd; border-bottom:1px solid #ddd; */
  box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
/* highlight local programs */
/*.rebelbass, .lostandfound, .wyckedfell, .poetryjam, .smallworld, .trainingwithwill, .smooth-grooves-with-sunshine, .examine-life, .dive-in-the-bass-with-tadpole, .localmotion, .intermountain, .unspun, .satyreweed { font-size:18px; background:#f6f6f6; font-weight:bold;  }*/
}
.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 .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: #3d3027;
  padding: 20px 0 20px 0;
  width: 100%;
}
.footer .info {
  color: #987;
}
.footer .info span {
  margin-right: 20px;
}
.footer .logo {
  text-align: right;
}
.footer .logo img {
  opacity: 1;
  max-width: 120px;
}
.footer .top {
  font-size: 16px;
  color: #fff;
  margin: 0 0 10px 0;
}
.footer .links {
  margin: 0 0 12px 0;
  font-size: 15px;
}
.footer .links ul {
  margin: 0;
}
.footer .links li {
  list-style: none;
  margin: 0 20px 0 0;
  display: inline-block;
}
.footer .links a {
  color: #af9c79;
  text-decoration: underline;
}
.footer .links a:hover {
  color: #dca;
}
h1 {
  margin: 0 0 20px 0;
}
.block-weekdays,
.block-pages,
.block-categories {
  margin: 0 0 30px -10px;
}
.block-weekdays ul,
.block-pages ul,
.block-categories ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-weekdays li,
.block-pages li,
.block-categories li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.block-weekdays li a,
.block-pages li a,
.block-categories 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 {
  background: #eee;
}
.shows-index div {
  vertical-align: top;
}
.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-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 {
  padding: 10px;
  background: #eee;
  margin: 0 0 20px -10px;
}
.shows-view .airtimes-container ul {
  margin: 0;
}
.shows-view .airtimes-container li {
  list-style: none;
  margin: 0;
}
.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;
}
.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;
}
.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;
}
.media-attachments-container {
  margin: 40px 50px 50px 0;
  padding: 0 20px 0 0;
}
.media-attachments-audio {
  padding: 0 20px 0 0;
}
.comments-container {
  background: #eee;
  margin: 30px 20px 0 0;
  padding: 20px;
}
.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 #ddd;
  display: block;
  border-radius: 10px;
  padding: 10px;
}
.comments-container button:hover {
  border: 1px solid #bbb;
}
.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 .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;
}
#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: #eee;
  border: 1px solid #ddd;
}
.pagination-inner .current {
  padding: 12px;
  background: #000;
  color: #fff;
}