/*
* Template Name: Jammin
* Author: Serif Templates
* Author URI: http://seriftemplates.com
* Version: 1.0
*/


#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff; /* change if the mask should have another color then white */
  z-index:99999; /* makes sure it stays on top */
}

.sk-spinner-pulse {
  position: relative;
  left: 50%;
  top: 50%;
  width: 40px;
  height: 40px;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; }

@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }


@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Regular-webfont.eot');
    src: url('fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Light';
    src: url('fonts/OpenSans-Light-webfont.eot');
    src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Light-webfont.woff') format('woff'),
         url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}


::-moz-selection { background-color: #666; color: #FFF; }
::selection { background-color: #666; color: #FFF; }


.parallax {  
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: absolute;
}




/* ------------------------------------------------------------------------
  Audio Player
------------------------------------------------------------------------- */


/* Reset */

#fap-wrapper * {
  margin: 0;
  padding: 0;
  list-style: none !important;
  line-height: 12px;
  outline: none !important; 
}


/* Wrapper */

#fap-wrapper {
  width: 100%;
  min-width: 980px;
  position: fixed;
  left: 0;
  z-index: 9999;
  font-size: 10px;
  font-family: "Oswald", sans-serif;
  opacity: 1;
  filter: alpha(opacity=100);
}

.fap-fullwidth {
  border-top: 0px solid;
  border-bottom: 0px solid;
}

.fap-boxed #fap-main {
  border: 0px solid;
}

#fap-wrapper-switcher {
  position: relative;
  float: right;
  width: 40px;
  height: 37px;
  line-height: 37px;
  padding-bottom: 8px;
  border: 0px solid;
  cursor: pointer;
  font-size: 34px;
  text-align: center;
  top: -45px !important;
  margin-right: 10px;
}

#fap-init-text {
  position: absolute;
  left: 0;
  font-size: 12px;  
}

.fap-wrapper-top #fap-init-text {
  bottom: 20px;
}

.fap-wrapper-bottom #fap-init-text {
  top: 20px;
}

#fap-main {
  width: 100%;
  height: 100%;
  position: relative;
}


/* Meta Stuff */

#fap-meta-wrapper {
  width: 490px;
  float: left;
  margin-top: 7px;
  margin-left: 10px;
}

#fap-current-cover, #fap-cover-replacement {
  text-align: center;
  font-size: 18px;
  float: left;
  margin-bottom: 10px;
  border: none !important;
}

#fap-current-title {
  font-weight: normal;
  font-size: 16px;
  line-height: 18px;
  padding-right: 10px;
  margin-top: 10px;
  margin-right: 10px !important;
}

#fap-current-meta {
  font-size: 14px;
  margin-top: 5px;  
}

#fap-current-meta a, #fap-current-meta a:visited {
  color: #666666; 
}

#fap-current-meta a:hover {
  text-decoration: none;  
}

#fap-social-links {
  margin-top: 7px;
}

#fap-social-links a {
  font-size: 10px;
  margin-right: 10px;
  float: left;
  display: block;
}

#fap-social-links a.fap-soundcloud-link {
  background: url(images/sc_logo_dark.png) no-repeat;
  width: 78px;
  height: 12px;
}


/* Main UI */

#fap-ui-wrapper {
  width: 460px;
  float: right;
  margin-right: -70px;
}

#fap-ui-wrapper > div, #fap-ui-wrapper > a {
  float: left;
}

#fap-ui-nav {
  position: relative;
  width: 80px;
  height: 40px;
}

#fap-ui-wrapper > div {
  margin-right: 11px;
}

#fap-ui-wrapper > div:last-child {
  margin-right: 0;
}

#fap-ui-nav > a {
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  -webkit-border-radius: 100%;
  border-radius: 100%; 
}

#fap-ui-nav #fap-previous {
  background-image: url(images/previous.png);
  background-position: 8px 12px;
  top: 5px;
  left: -30px;
  width: 30px;
  height: 30px;
}

#fap-ui-nav #fap-next {
  background-image: url(images/next.png);
  background-position: 9px 12px;
  top: 5px;
  left: 50px;
  width: 30px;
  height: 30px;
}

#fap-ui-nav #fap-play-pause {
  top: 0;
  left: 5px;
  width: 40px;
  height: 40px;
  z-index: 3;
}

#fap-ui-nav .fap-play {
  background-image: url(images/play.png);
  background-position: 15px 11px;
}

#fap-ui-nav .fap-pause {
  background-image: url(images/pause.png);
  background-position: 16px 12px;
}

#fap-time-bar {
  position: relative;
}

#fap-time-bar div {
  position: absolute;
  top: 0;
  left: 0;
}

#fap-time-bar div, #fap-volume-bar, #fap-volume-bar div {
  cursor: pointer;
}

#fap-time-bar div {
  width: 0;
}

#fap-time-bar span {
  margin-top: 10px;
}

#fap-volume-bar div {
  width: 100%;  
}

#fap-time-bar #fap-current-time {
  float: left;
}

#fap-time-bar #fap-total-time {
  float: right;
}

#fap-volume-bar {
  margin-right: 5px !important;
}

#fap-volume-sign {
  background-image: url(images/volume.png);
  background-repeat: no-repeat;
  background-position: 0 3px;
  width: 20px;
  height: 22px;
}

#fap-playlist-toggle {
  margin-right: 0 !important;
}

#fap-time-bar, #fap-time-bar div, #fap-volume-bar, #fap-volume-bar div {
  height: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; 
}


/* Playlist Stuff */

#fap-playlist-toggle, #fap-playlist-shuffle {
  background-repeat: no-repeat;
  display: block;
  width: 25px;
  height: 25px;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

#fap-playlist-toggle {
  background-image: url(images/playlist.png);
  background-position: 7px 7px;
  margin-left: -8px;
}

#fap-playlist-shuffle {
  background-image: url(images/shuffle.png);
  background-position: 5px 7px;
  margin-left: 8px;
}

#fap-playlist {
  width: 100%;
  height: 100%;
}

#fap-playlist li {
  line-height: 20px;
  margin-right: 20px;
  margin-left: 20px;
}

#fap-playlist li img, #fap-playlist li .fap-cover-replace-small {
  text-align: center;
  float: left;
  width: 20px;
  height: 20px;
}

#fap-playlist li > span {
  float: left;
  line-height: 20px;
  margin-left: 10px;
  cursor: pointer;
}

#fap-playlist li span:hover {
  text-decoration: underline; 
}

#fap-playlist li .fap-remove-track {
  font-size: 18px;
  line-height: 22px;
  padding-right: 10px;
  float: right;
  cursor: pointer;
  display:none;
}

.fap-xml-playlist span {
  display: none;  
}


/* Popup Skin */

.fap-popup-skin #fap-wrapper-switcher {
  display: none;
  font-size: 20px;
  text-align: center;
}

/* Soundcloud */
.sc-player-engine-container{
  width: 1px;
  height: 1px;
  position: fixed;
  top: -200px;
  left: -200px;
}

/* Helper */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear {clear: both;}





/* ------------------------------------------------------------------------
  Custom Scrollbar
------------------------------------------------------------------------- */          

::-webkit-scrollbar {
width: 12px;
height: 10px;
}
 
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment  {
height: 0px;
display: block;
background-color: transparent;
}
 
::-webkit-scrollbar-track-piece  {
background-color: #EBEBEB;
}

::-webkit-scrollbar-thumb:vertical {
height: 50px;
background-color: #CBCBCB;
-webkit-border-radius: 10px;
}


/* ------------------------------------------------------------------------
  Contact Form
------------------------------------------------------------------------- */

#contact p, label, legend { font-family:"Arial", sans-serif; color:#636363; font-size:16.0px !important; line-height:1.21em; }

#contact h1 { margin: 10px 0 10px; font-family:"Arial", sans-serif; font-size: 18px; color: #636363; }
#contact hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#contact { display: block; width: 600px; }

/* Form style */

#contact label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.0em; -webkit-border-radius:5px; }
#contact input, textarea, select { width: 280px; margin: 0; padding: 5px; color: #666; background: #fff; border: 1px solid #DBDBDB !important; margin: 5px 0; font:1.0em "Arial", sans-serif; font-size:16.0px  }
#contact input:focus, textarea:focus, select:focus { border: 1px solid #EBEBEB; background-color: #fff; color:#333; }
#contact input.submit { width: 85px; cursor: pointer; border: none; background:#00A1E4; color:#fff; }
#contact input.submit:hover { background:#444; }
#contact input[type="submit"][disabled] { background:#888; }
#contact fieldset { padding:20px 20px 20px 0; border: none; }
#contact legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; margin-bottom:0 !important; margin-bottom:20px; }

#contact span.required{ font-size: 16px; color: #636363; } /* Select the colour of the * if the field is required. */

#message { margin: 10px 0; padding: 0; }

.error_message { display: block; font-family:"Arial", sans-serif; font-size:16.0px; height: 22px; line-height: 22px; background: #FBE3E4 url('images/error.gif') no-repeat 10px center; padding: 5px 10px 5px 35px; color:#8a1f11;border: none; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('images/success.gif') left no-repeat; padding-left:22px; }

acronym { border-bottom:1px dotted #ccc; }



/* ------------------------------------------------------------------------
  Custom WP Lightbox
------------------------------------------------------------------------- */

#wplightbox_prevdiv { background-image: url("images/prev_mod.png") !important;}
#wplightbox_nextdiv { background-image: url("images/next_mod.png") !important; margin-left: 3px !important;}
#wplightbox_closediv { background-image: url("images/lightbo_close_1_mod.png") !important;}



a, img {
    border:none;
}