/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}


/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.logo-main {
margin-top:70px;
}

.container {
padding-left:20px;
padding-right:20px;
}

.row {
width:100%;
max-width:1140px;
min-width:755px;
overflow:hidden;
margin:0 auto;
}

.onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol {
margin-right:3.8%;
float:left;
min-height:1px;
}

.row .onecol {
width:4.85%;
}

.row .twocol {
width:13.45%;
}

.row .threecol {
width:22.05%;
}

.row .fourcol {
width:30.75%;
}

.row .fivecol {
width:39.45%;
}

.row .sixcol {
width:48%;
}

.row .sevencol {
width:56.75%;
}

.row .eightcol {
width:65.4%;
}

.row .ninecol {
width:74.05%;
}

.row .tencol {
width:82.7%;
}

.row .elevencol {
width:91.35%;
}

.row .twelvecol {
width:100%;
float:left;
}

.last {
margin-right:0;
}

img,object,embed {
max-width:100%;
}

img {
height:auto;
}

@media only screen and (max-width: 840px){
body {
font-size:14px;
line-height:1.5em;
}

#f-logo {
margin-left:0;
}

.head-title {
width:100%;
margin:70px 0 0;
padding:20px 0 0;
}

.main-content {
margin:0;
padding:0;
}

.blurb {
font-size:.8em;
margin:0;
padding:0;
}

.nav-mus a {
font-size:1.4em;
}

.tabs h2 {
font-size:.9em;
}

#horns .nav-mus {
width:450px;
}

#percussion .nav-mus {
width:480px;
}

#vocals .nav-mus {
width:600px;
}

#ceremonies .nav-mus ul {
width:400px;
margin:0 auto;
}

#head-bg,#f-blurb,.logo-main {
display:none;
}

}

@media handheld,only screen and (max-width:767px){
body {
font-size:12px;
-webkit-text-size-adjust:none;
}

#nav{
position: relative;
width: 100%;
margin-top: 250px;
margin-bottom: 0;
padding: 0;
font-size: 1em;
}

#nav ul {
width: 100%;
margin: 0;
font-size: 1em;
padding: 0;
background: red;
border-top:3px solid #333;
}

#nav ul li {
position: relative;
width: 100%;
text-align: center;
display:block;
border:none;
border-bottom:3px solid #333;
color:#000;
margin:0 0 0 0px;
padding:20px 0 20px 0px;
font-size: 1.5em;

}

#nav ul li a {
font-weight: bold;
}

.head-title {
width: 100%;
position: absolute;
top: -50px;
}

.head-title img{
width: 100%;
}

.h{
height: 0;
}

.row,body,.container {
width:100%;
min-width:0;
margin-left:0;
margin-right:0;
padding-left:0;
padding-right:0;
}

.row .onecol,.row .twocol,.row .threecol,.row .fourcol,.row .fivecol,.row .sixcol,.row .sevencol,.row .eightcol,.row .ninecol,.row .tencol,.row .elevencol,.row .twelvecol {
width:auto;
float:none;
margin-left:0;
margin-right:0;
padding-left:20px;
padding-right:20px;
}

.bands-text img {
width:100%;
float:none;
margin:25px 0 0;
}

.band-p {
width:100%;
float:none;
}

#bands-tab ul li a {
font-size:1.5em;
margin:0 10px;
}

#f-logo {
visibility:hidden;
}

#fixed {
display: none;
}


#f-links li {
display: none;
}

.blurb p {
width:100%;
text-align:left;
}

#r1,#r2 {
display:none;
}

#title-2{
width: 500px;
}

.artists-vid iframe {
width:300px;
height:225px;
}

}


@media handheld,only screen and (max-width:590px){
.nav-mus a {
font-size:.8em;
}

#bands-tab ul li a {
font-size:1em;
margin:0 10px;
}

.artists{
width: 95%;
}

.playtoggle {
left:-5px;
}






}

@media handheld,only screen and (max-width:480px){

.mus-vid {
height:300px;
width:450px;
}

#title h4 {
font-size:2em;
text-align:center;
}

#top-tabs {
font-size:.8em;
}

#top-tabs li {
padding:10px 0 0 30px;
}

#horns .nav-mus li,#percussion .nav-mus li,#vocals .nav-mus li {
padding-left:0;
}

.artists{
height: 550px;
width: 98%;
}

p.player {
left: -5px;
}

.artists-vid iframe {
width:240px;
height:180px;
}

#title{
font-size: .7em;
}


#title-2{
width: 300px;
}


.aboutimg img {
float: none;
}

.aboutimg{
height: auto;
}

#cbutton {
width:300px;
}
}