@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/
h1 { font-family: 'Audiowide', verdana, sans-serif; color: #a2ff00; text-align: center; }
.mixplay-title h1 { background-color: #111111; font-size: 50px; text-shadow: 0px 7px 10px rgba(0,0,0,0.5); margin: 0; padding-top: 15px; }
.mixplay-title h2 { background-color: #111111; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: normal; margin: 0; padding: 0 5px 20px 5px; color: #666; text-align: center; text-shadow: 0px 4px 7px rgba(0,0,0,0.5); }
.headerlogo { width: 100%; height: 50px; background-color: #111; border-bottom:solid 1px #666; border-top: solid 2px #000; }
.headerlogo img { height: 50px; }

#tab-bar { width: 100%; height: 100px; background: url("/images/tab-bg.png") repeat-x top left; font-size: 18px; text-align:center; color: #666; }
#tab-bar a { display: inline-block; height: 50px; padding: 12px 15px 0 15px; margin: 0; }
#tab-bar .on { color: #a2ff00; background-color: #444; border-top: 1px solid #aaa; text-shadow: 0px 4px 7px rgba(0,0,0,0.5); }

.addservice { text-align: center; }
.addservice a { display: inline-block; margin: 10px auto; color: #fff; background-color: #3c92f1; border: 1px solid #76b7ff; border-radius: 10px; padding: 7px 12px; font-style:italic; }
.intro { margin: 10px auto; max-width: 600px; text-align:center; }
.smalltext {font-size:13px; }

.contactbar { background-color: #444; background-color: rgba(255,255,255,255,0.1); color: #fff; }
.contactbar a { color: #54BCFF; }

.fluid {	clear: both;	margin-left: 0;	width: 100%;	float: left;	display: block;}
.fluidList {list-style:none; list-style-image:none; margin:0; padding:0;}
 
 dt { font-weight:bold; padding-top: 20px; font-size: 16px; }
.center { display: block; margin: 0 auto; }
.leftcol { float: left; width: 50%; margin: 30px 0; }
.rightcol {	float: left; width: 45%; margin: 20px 0 10px 2%; }
.introtext { font-size:24px; }
.bodytext { font-size:18px; }
.bottomborder { border-bottom: 1px solid #cccccc; padding-bottom:20px; margin-bottom: 20px; }

.quote { margin: 30px 0 20px 0; }
.quote img { width: 60px; height: 60px; float: left; margin: 0 10px 10px 0; }
.quote p { color: #eee; font-size:18px; margin: 0; padding: 0; }
.quote p.quote-name { font-size: 15px; color: #aaa; margin: 7px 0 0 75px; }
.quote p.quote-bio { font-size: 12px; color: #999; margin-left: 88px; }
.quote a { color: #abc; }

.biocard { border: 1px solid #999; border-radius: 5px; background-color: #fff; min-height:148px; margin-bottom: 25px; }
.biocard img.bio { width: 128px; height: 128px; margin: 10px; float: right; border-radius:5px; }
.biocard h2 { margin: 10px 10px 5px 10px; }
.biocard h2 a { background: url("/images/linkout.png") no-repeat right center; padding-right: 24px; }
.biocard p { color: #555; margin: 5px 10px; }
.biocard p.location { clear: left; }
.biocard p.email { clear: left; }
.biocard p.service { font-size: 13px; float:left; padding: 5px 8px; margin: 1px 2px 7px 8px; color: #fff; border-radius: 5px; }
.biocard p.cheerchoreo { background-color: #f8564e; }
.biocard p.cheermusic { background-color: #a13933; }
.biocard p.dancechoreo { background-color: #a957c8; }
.biocard p.dancemusic { background-color: #68357a; }


.footer { width: 100%; text-align: center; padding: 20px 0; color: #666; font-size: .8em; }
.footer a { color: #369; }

#mc_embed_signup {clear:left; margin: 10px auto;}
#mc_embed_signup form {padding: 0; margin: 20px auto;}
#mc_embed_signup .button {background-color: #3695fe; color: #fff; }

.linkTexting_oq3j39q0 { padding-left: 0; }
.linkTextingButton_oq3j39q0 { width: auto; background-color:#29AAE2; } 
.linkTextingInput_oq3j39q0 {  }

/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px) {

.leftcol { display: block; width: 100%; margin: 20px auto; margin: 0 auto; }
.rightcol {	display: block; width: 100%; margin: 20px 0;}
 .gridContainer { margin-left: auto;	margin-right: auto;	width: 86.45%; padding-left: 2.275%; padding-right: 2.275%; clear: none;	float: none;}
#div1 {}
.zeroMargin_mobile {margin-left: 0;}
.hide_mobile {display: none;}
.mixplay-title h1 { font-size: 30px; text-shadow: 0px 4px 7px rgba(0,0,0,0.5); }
.headerlogo { width: 100%; height: 30px; background-color: #111; border-bottom:solid 1px #666; border-top: solid 2px #000; }
.headerlogo img { height: 30px; }
#tab-bar a { font-size: 14px; }

.biocard { min-height:120px; }
.biocard h2 { font-size: 20px; }
.biocard img.bio { width: 75px; height: 75px; }

}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}

.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.5%;
	max-width: 1232px;
	padding-left: 0.75%;
	padding-right: 0.75%;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}
#div1 {
}

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}