/* CSS Document */

html, body { margin: 0; padding: 0; height: 100%; background-color: #000000; color: #ffffff; }
* {	box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.clearer { display: table; float: none; clear: both; height: 0; }
div.container { max-width: 1000px; padding:0 2%; margin: 0 auto; position: relative; }
#hero {background:url(images/page_bg.jpg) no-repeat top center;padding-top:50px;height:680px;}
.shallowhero #hero {padding-top:30px;height:450px;background-position:center -50px}
#logo {display:block;background:url(images/logo.png) no-repeat; width:351px;height:65px;margin:0 auto;}
#maincontainer {background-color:#1C2625;border-top:1px solid #2A3C3E;padding-bottom:40px;}
#maincontainer {box-shadow:0 -10px 50px #000000}
#menubar {border-bottom:1px solid #000000;position:relative;margin-bottom:30px;}
#menubar::before {content:"";display:block;position:absolute;height:1px;bottom:-2px;left:0;right:0;background-color:#2A3C3E;}
#menubar ul { list-style-type: none; padding: 0; margin: 0; display:table; width:100%;}
#menubar ul li { display: table-cell;vertical-align:top;}
#menubar ul li a { display: table-cell; vertical-align:middle; line-height:1;text-align:center;padding: 0 12px; height:50px; width:100%; color: #ffffff;text-transform:uppercase; font-size: 20px; text-decoration: none; font-weight: 200; -webkit-transition: background-color 0.3s ease-out; }
#menubar ul li a:hover { background-color: #333C3B; }
#menubar ul li.nav-path-selected a { background-color: #495151; font-weight: 400; }
#copyright { clear: both; }
#copyright .container { margin-top: 20px; font-weight: 300; font-size: 12px; text-align:center}
div.band-bio { margin-right:20px;margin-bottom: 25px; position: relative; font-size: 14px; min-height: 180px; line-height: 18px; background: #333C3B; padding:0 20px 20px; }
.band-bio-photo img { position:absolute;top:-5px;right:-20px; box-shadow:0 2px 15px black;transform:rotate(1deg);}
.band-bio-name { font-weight: 300; font-size: 32px; line-height: 1.6; margin: 9px 0 1px 0; color: #ffffff; }
.band-bio table { border-collapse: collapse; border: 0; border-spacing: 0; margin-right: 170px; }
.band-bio table td, .band-bio table th { padding: 2px 0; vertical-align: baseline; }
.band-bio table th { padding-right: 10px; text-align: right; font-weight: bold; white-space: nowrap; }
.band-bio-quote { background: url(images/quotemarks.png) no-repeat 0px 12px; padding: 8px 10px 8px 30px; font-style: italic; min-height: 2px; }
.timeline { margin: 20px; border-left: 2px solid #39384C; padding-left: 30px; padding-bottom: 1px; }
.timeline h2 { margin-left: -41px; background: url(images/bullet_timeline.png) no-repeat 0px 28px; padding-left: 30px; font-size: 50px; }
.mbYTP_bufferImg { background-position: center top; }
.album { background: #333C3B; margin-bottom: 25px; padding: 10px 10px 10px 200px; position: relative; zoom:1;}
.album:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
.album_photo { float: left; margin-left:-190px;}
.album_name { font-weight: 300; font-size: 24px; line-height: 31px; margin: 0; }
.track { background-color: #000000; padding:2px 0; }
.album .track:nth-child(odd) { background-color: #1C2625; }
.track_number { font-weight: bold; width: 20px; text-align: right; float: left; font-size: 14px; }
.track_name { font-size: 14px; margin-left: 24px; }
.track_controls { float: right; font-size: 14px; }
.dimmed { color: #444; }
div.fancybox-inner h3 { font-size: 16px; border-bottom: 1px solid #39384C; margin-bottom: 10px; }
div.fancybox-inner p { font-size: 14px; margin-bottom: 10px; }
#stats_67 { display: none; }
.vimeo_pannel_wrapper {float:none !important;}
.vimeo_pannel_wrapper #embed_67 { position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden; float: none; width:100%;}
.vimeo_pannel_wrapper #embed_67 iframe { width:100%; height: 100%; position:absolute;top:0;left:0;}
.vimeo_pannel_wrapper #thumbs_67 { float: none; width: 100%; overflow: none; border: 0; background: #333C3B; margin-top: 10px; height: auto; padding: 0 10px; }
.vimeo_pannel_wrapper #thumbs_67 ul { margin: 0; padding: 0; }
.vimeo_pannel_wrapper #thumbs_67 ul li { float: left; width: 100px; margin: 10px 8px; display: block; height: auto; text-align: center; }
.vimeo_pannel_wrapper #thumbs_67 ul li:hover {background-color:#495151;}
.vimeo_pannel_wrapper #thumbs_67 ul li a p { font-size: 13px; line-height: 16px; margin: 4px 0 0; }
.vimeo_pannel_wrapper #thumbs_67 ul li a:hover { text-decoration: none; background:none}
.vimeo_pannel_wrapper #thumbs_67 ul li a:hover p { font-size: 13px; line-height: 16px; margin: 4px 0 0; color: #ffffff; }
.vimeo_pannel_wrapper #thumbs_67 ul li a img { float: none; margin: 0; }
ol.tumblr_posts { margin: 0; padding: 0; list-style-type: none; }
li.tumblr_post { padding: 20px 20px 1px 20px; margin-bottom: 25px; background: #333C3B; }
.tumblr_title { font-weight: 600; font-size: 18px; margin-top: 0; margin-bottom: 10px; }
#social { height: 40px; padding-top:10px;border-bottom: 1px solid #222222; }
.album_links a { display: block; padding-left: 28px; height: 24px; margin-top: 5px; font-size: 12px; line-height: 24px; background-repeat: no-repeat; background-position: left top; }
.album_links a:hover { text-decoration: none; background-color: #495151; color:#fff;}
.album_links a.itunes { background-image: url(images/Apps-iTunes-Metro-icon.png); }
.album_links a.amazon { background-image: url(images/amazon-icon.png); }
.album_links a.spotify { background-image: url(images/spotify-icon.png); }
img.ccm-image-block {max-width:100%;height:auto;}

.button {border:0;display:inline-block;padding:0 15px;line-height:35px;font-size:20px;border-radius:10px;background-color:#CC6C00;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,0.4);box-shadow:0 1px 2px #000;text-transform:uppercase;transition:box-shadow 0.2s,margin 0.2s;}
:hover.button {text-decoration:none;color:#fff;background-color:#DD7C00;box-shadow:0 3px 5px #000;margin:-1px 0 1px;}
:active.button {outline:0;margin:1px 0 -1px;box-shadow:0 0 1px #000;}

.inset {background: #333C3B;padding:20px;}

@media only screen and (max-width: 768px) {
#hero {background-size:cover;height:0;padding-bottom:50%;padding-top:1%;}
#logo {background-size:contain;background-position:center center;width:100%;height:0;padding-bottom:9%;}
#menubar ul li a {font-size:16px;}
}

@media only screen and (max-width: 600px) {
  .ccm-layout-cell {float:none !important;width:100% !important;margin-bottom:60px;}
  .ccm-layout-col-spacing { margin:0 !important; }
div.band-bio { margin-right:0; }
.band-bio-photo img { position:relative;float:right;top:0;right:0; margin-left:10px;}
.band-bio table tr,.band-bio table,.band-bio tbody {display:inline;}
.band-bio table td, .band-bio table th {display:block;}
.band-bio table { margin-right: 0; }
.band-bio table th { padding-right: 0; text-align: left; margin-top:5px; }
.band-bio-quote { background: url(images/quotemarks.png) no-repeat 0px 12px; padding: 8px 10px 8px 30px; font-style: italic; min-height: 2px; }

#menubar ul li,#menubar ul li a {display:block;height:50px;line-height:50px;}
#menubar ul li a {border-top:1px solid #2A3C3E;border-bottom:1px solid #000000;}

.album { padding: 10px;margin-bottom:50px}
.album_photo { float: none; margin-left:0;}
.album_photo img {float:left;}
.album_links {margin-left:200px;}
.album_photo:after {visibility:hidden;display:block;content:"";clear:both;height:0;}
.album_name { line-height: 50px; }

}

font-face {
  font-family: "responsivenav";
  src:url("icons/responsivenav.eot");
  src:url("icons/responsivenav.eot?#iefix") format("embedded-opentype"),
    url("icons/responsivenav.ttf") format("truetype"),
    url("icons/responsivenav.woff") format("woff"),
    url("icons/responsivenav.svg#responsivenav") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-decoration: none;
  position: relative;
  height: 50px;
  text-transform:uppercase;
  display:inline-block;
  line-height:50px;
}

.nav-toggle:before {
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 2.5em;
  text-transform: none;
  display: block;
  content: "≡";
  line-height: 45px;
  speak: none;
  width: 28px;
  float:left;
}
.nav-toggle:hover{text-decoration:none;color:#ffffff;}

.nav-toggle.active::before {
  content:"x";
  font-size: 2em;
}



input[type='text'], input[type='number'], textarea, input[type='email'] { font-size: 16px; font-family: "Open Sans", sans-serif; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
 
legend { border: 0; *margin-left: -7px;
padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
 
button, input { line-height: normal; *overflow: visible;
}
/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */
 
table button, table input { *overflow: auto;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
 
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/*
 * Consistent box sizing and appearance
 */
 
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
 
/*
 * Remove inner padding and border in FF3/4 h5bp.com/l
 */
 
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
 
textarea { overflow: auto; vertical-align: top; resize: vertical; }
 
/* Colors for form validity */
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
background-color: #f0dddd;
}