/* RESET */

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	}
	
/* GLOBALS */

@font-face {
font-family: "Skia";
src: url("assets/Skia.ttf")
}

body {
        background: #fff url(images/background.jpg) no-repeat top right;
        font: normal 14px 'Skia', Lucinda Grande, Helvetica, sans-serif;
        line-height: 19px;
        color: #111;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }
 
a {color: #30cdd7; text-decoration: none;}

.clear {
        clear: both;
        height: 1px;
    }
h1 {text-indent: -1500px;}    
h2 {font-size:22px; margin-bottom: 15px;}
h2.grandopening {color: #8ad730; font-size:30px; text-align:center; line-height:50px; letter-spacing:-2px; margin-bottom: 5px;}
h3 {font-size: 20px; font-weight: bold; margin-bottom: 15px; margin-top: 25px;}
h4 {font-size: 20px; font-weight: bold; margin-bottom: 15px; margin-top:25px;}
h5 {font-size: 17px; font-weight: bold; margin-bottom: 5px;}

p {margin-bottom: 15px;}

ul {margin-bottom: 15px;}
li {padding-left: 20px; list-style-position: inside;}
 
 .button, .emailbutton, .schedulebutton {
        margin: 0px;
        border: none;
        font-size: 17px;
        color: #fff;
        cursor: pointer;
        padding: 10px;
        overflow: visible;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        background: #30cdd7;
    }
    
        .button:hover, .emailbutton:hover, .schedulebutton:hover {
            background: #16b1bb;
    }	


.register {font-size:13px; padding:5px; margin-right: 15px; background: #16b1bb;}	
.register:hover {background: #30cdd7;}


/* ALERTS */

#alert {
	background: #eee;
	text-align: center;
	border: 3px solid #bbb;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0px;
    margin-bottom: 20px;
	}	


#alert p.bigger {font-size: 14px;}

#alert .title {font-size: 16px; width:100%; padding: 2px 0px; background: #bbb; font-weight:bold; margin-bottom: 10px; color: #fff;}

.pagebox {
	background: #fff;
	text-align: center;
	border: 3px solid #eee;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 0px;
    margin-bottom: 20px;
	}	


.pagebox .title {font-size: 17px; width:100%; padding: 2px 0px; background: #eee; font-weight:bold; margin-bottom: 10px; color: #30cdd7;}
.pagebox .title a {font-size: 17px;}

.pagebox p {margin:10px;}
	
	
/* SITE */

#container {
	width: 960px;
	margin: 0px auto;
	padding: 10px;
	}

#header {
	width: 100%;
	position: relative;
	height: 60px;
	margin-bottom: 50px;
	}

#logo {
	position: absolute;
	right: 0px;
	top:0px;
	background: url(images/blackbirdlogo.png) no-repeat top left;
	height: 346px;
	width: 424px;
	}

#menu {
	position: absolute;
	z-index: 1;
	top:50px;
	left:0px;
	}

#menu a {
	color: #000;
	padding: 3px;
	text-decoration: none;
	}
	
#menu a:hover {
	background: #30cdd7;
	color: #fff;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	}	
	
#menu a.active {
	background: #30cdd7;
	color: #fff;
	border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
	}		

#menu a.active .heart{color: #fff;}
	
	
#menu a .heart{color: #30cdd7;}
#menu a:hover .heart{color: #fff;}
	
	
	
#content {width: 100%;}
	
#content .left {float:left; width: 500px;}	

a.press {
	margin: 12px 0px;
    padding: 5px;
    font-size: 16px;
    word-break: inherit;
    word-wrap: break-word;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f8f8f8;
	}	

a:hover.press{
    color: #16b1bb;
    }
    	

#content .right {float:right; width:350px; margin-top: 250px;}


#panel {margin: 10px 0px 40px 0px; }
#slidepanel {width:100%; margin-top:30px; display: none;}
#schedulepanel {width:100%; margin-top:30px; }


#promo {
	width: 300px; 
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
  	background: #30cdd7;
    padding:10px;
    font-size: 20px;
    line-height: 28px;
    letter-spacing:-1px;
    text-align: center;
	}
	
#promo H4 {color:#fff; margin:0px 0px 5px 0px;}
#promo p {font-size: 15px; margin: 5px 0px; line-height: 19px;}
#promo p.smaller {font-size: 13px; line-height: 16px; margin: 10px 0px; }

#promo a {
	margin: 8px 0px;
    padding: 5px;
    font-size: 16px;
    word-break: inherit;
    word-wrap: break-word;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #f8f8f8;
	}	

#promo a:hover {
    color: #16b1bb;
    }



#press {
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    line-height: 23px;
    font-size: 14px;
	}
	
#press .article {margin-bottom: 20px;}	
#press .article a {font-size: 19px;}
	
/* CLASSES */

.classes {width:100%;}

.classes .teachers {color:#aaa;}


/* TEACHERS */

#teachers {
	width: 100%;
	margin: 20px 0px;
	}
	
#teachers .teacher {
	float: left;
	width: 110px;
	margin: 0px 15px 20px 0px;
	text-align: center;
	}

#teachers .teacher a img {
	border: 5px solid #eee;
	}
	
#teachers .teacher .name {
	margin-top: 3px; height: 25px;
	}


/* CONTACT FORM */

	#contactform {
		margin: 15px 0px;
		height: 100%
		width:100%;		
		}


	.textbox {float: left; margin-bottom: 5px;}

	.label {margin-bottom: 3px; }
	
	.statusmsg {
		padding: 3px 4px; 
		background: #30cdd7;; 
		color: #fff; 
		margin-bottom: 10px;
		border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
		}
  
    input.text_field, textarea {
        padding: 7px;
        width: 220px;
        background: #fff;
        outline: 0;
        margin: 0px;
        border-radius: 8px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border: 4px solid #ccc;
     
    }
    
    textarea {width: 100%;}
    
        
    input.text_field:focus, textarea:focus {
        border-color: #30cdd7;
        }


/* BIOS */

.bio {width:570; padding:15px;}
.bio .image {float: left; margin-right: 20px;}
.bio .image img {border: 8px solid #eee;}
.bio .right {float: left; width: 350px;}
.bio .right .name {font-size: 20px; margin-bottom: 10px;}
.bio .right .byline {font-size: 14px; margin-bottom: 20px;}
.bio .right .copy {line-height: 19px;}
.bio .right .copy p {margin-bottom: 15px;}



/* FOOTER */

#footer {
	height: 60px;
	width: 100%;
	padding-top: 10px; 
	border-top: 1px solid #000;
	margin-top: 20px;
	}
	
#footer .info {float:left; margin-top:6px;}	
#footer .links {float:right;}