.media-attachments-container { margin-top:20px; width:100%; }
.media-attachment { margin-right:30px;margin-bottom:30px;}
.media-attachment-image {max-width:120px !important; height:auto !important; display:inline-block;vertical-align:middle;}
.media-attachment-image img {max-width:100% !important; height: auto !important;padding:3px; border: 1px solid #ddd;display:inline-block;vertical-align:middle;}
.media-attachment-audio {  }
.media-image {max-width:100% !important; height: auto !important;}
.media-attachments-container {width:100%; }

.media-align-left {float:left;margin-right:20px;}
.media-align-right {float:right;margin-left:20px;}
.media-align-center {float:none; margin-left:auto;margin-right:auto;}

.media-align-center a {border: 0px solid #ccc}
.media-align-center .media-image-caption {text-align:left;}
.media-size-medium {max-width:400px;}
.media-size-medium .media-image-caption {max-width:400px}

.media-image {margin-top:20px;margin-bottom:20px}
.media-image img { max-width:100% !important; height: auto !important;}
.media-image-caption {font-size:16px; margin-top:2px; color:#888; margin-bottom:5px;}
.media-audio-file { float:left; width:100%;margin-top:15px;margin-bottom:15px;}


.featured-posts .featured-post .click-region { cursor:pointer; }

.posts-viewer { }
.posts-viewer .post { }

.comments-link img { display:inline-block; margin-top:-2px;}
.comments-link {text-decoration:none; color:#999; font-size:13px;}
.comments-link:hover {text-decoration:none; color:#000;}

.user-link {}
.user-link:hover {}

#session-flash-message {}

.media-viewer-content-title {display:inline-block; margin:20px 10px 10px 20px;font-size:16px;}
.media-viewer-content-title .divider {margin:0 10px 0 10px; color:#ccc; font-weight:bold;}
#media-viewer {}
#media-viewer .media-tabs {margin-top:10px;margin-left:10px;padding-left:10px;padding-right:10px;margin-right:10px;border-bottom: 1px solid #ddd;}
#media-viewer .media-tabs .tab {padding:10px;display:inline-block;background:#fff;font-size:18px;}
#media-viewer .media-tabs .tab a {text-decoration:none;}
#media-viewer .media-tabs .tab a:hover {text-decoration:none;color:#000;}
#media-viewer .media-tabs .tab .title {}
#media-viewer .media-tabs .tab .count {margin-left:8px;color:#ccc}
#media-viewer .media-tabs .active {border:1px solid #ddd;border-bottom:0;}
#media-this {margin:20px;position:relative;}
#media-this .media-next {position:absolute;z-index:2;height:100%;width:50%;left:50%;display:none;}
#media-this .media-next:hover {cursor:pointer}
#media-this .media-previous {position:absolute;z-index:2;height:100%;width:50%;left:0;display:none;}
#media-this .media-previous:hover {cursor:pointer}
#media-this img {position:relative;z-index:1}
#media-navigation {margin-top:0px;margin-left:20px;margin-bottom:20px;}
#media-navigation .media-item {display:inline-block;margin-left:5px;margin-right:5px;}
#media-navigation .media-item-current {display:inline-block;margin-left:5px;margin-right:5px;}
#media-navigation .media-item a {border: 3px solid #fff;}

.cfm-media-audio-hidden{
  background: #EEE;
  padding: 6px 8px;
  color: #999;
  border-bottom: 1px solid #DDD;
}

.cfm-disabled-embed {background:#ddd; border:2px solid #ccc; clear:both; float:left; width:100%; margin:30px 0 30px 0; font-family: Arial, Helvetica, sans-serif, sans; text-align:center; border-radius:6px;}
.cfm-disabled-embed .title {color:#999;margin:0 0 4px 0;padding:0; font-size:24px}
.cfm-disabled-embed .help {color:#999;font-size:13px;}
.cfm-disabled-embed .help a {color:#999; text-decoration:underline}
.cfm-disabled-youtube {height:215px;padding:50px;}
.cfm-disabled-audio {padding:8px !important;}


.creekfm-button {background:#6b8; border:0; padding:10px;border-radius:10px; color:#fff; font-size:24px;}
.creekfm-button:hover {padding:8px; background:#5a7; border:2px solid #6ff; cursor:pointer}


.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}



/* SM2 Bar UI */

.sm2-bar-ui .sm2-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
 background-color: #444;
}
.sm2-bar-ui .sm2-loading-bar {
  width:0%;
  height: 100%;
  background: rgba(255,255,255, 0.2);
  /*background: rgba(0,0,0, 0.5);*/
  border-radius:0.65em;
}
.sm2-bar-ui .sm2-progress .sm2-progress-bar {
  background: rgba(0,0,0, 0.3);
}

.sm2-bar-ui {
 font-size: 19px;
 font-family: 'Open Sans', Arial, Helvetica, sans-serif, sans;
 min-width:0;
}

.sm2-bar-ui .sm2-playlist li {
 text-align: center;
 /*font-size: 92.5%;*/
 font-size: 14px !important;
 line-height: 1.5em;
}

.sm2-bar-ui.force-drawer-open .sm2-playlist-drawer {
 /* re-hide playlist */
 /*font-size: 14px;*/
 display: block;
 overflow: hidden;
 overflow:auto;
 height:auto;
 opacity:1 !important;
 /*background*/
}
.sm2-bar-ui .sm2-playlist-drawer li a {
 font-size: 13px;
}

/* 
Hide volume on smaller screens to make room for play bar and text. 
Also, you don't need a volume control on mobile devices anyway. */
@media screen and (max-width: 620px) {
  .sm2-bar-ui .sm2-volume {
    display: none !important;
  }
}