@charset "utf-8";
/* CSS Document */

/******************************* STRUCTURE **********************************/
.main {
border: 0;
padding: 0;
width: 100%;
height: 100%;
text-align: center;
}


.spacer-td {
height: 330px;
width: 19%;
}


.home-td {
width: 12%;
text-align: right;
padding-top: 2.5%;
padding-right: 1%;
}


.about-td, .contact-td, .schedule-td, .gallery-td {
text-align: center;
width: 12%;
}


.contact-td {
vertical-align: bottom;
padding-bottom: 0;
margin-bottom: 0;
}


.schedule-td {
padding-top: 3%;
}


.gallery-td {
vertical-align: bottom;
}


.news-td {
width: 12%;
text-align: center;
}


.mobile-td {
width: 9%;
text-align: center;
}


.flash {
text-align: center;
padding: 1%;
}


.title {
height: 27%;
vertical-align: bottom;
}


.subtitle {
vertical-align: top;
text-align: right;
padding-left: 13%;
}



td.e-web {
width: 18%;
}


table.center {
margin-left: auto; 
margin-right: auto;
border-spacing: 0;
padding: 0;
}


td.center {
margin-left: auto; 
margin-right: auto;
text-align: center;
}


td.social {
text-align: center;
vertical-align: middle;
padding: 13px;
}


td.social-top {
vertical-align: bottom;
}


td.social-bottom {
vertical-align: top;
padding-right: 5%;
}


td.footer {
position: absolute;
bottom: 5px;
left: 15px;
}


object {
width: 350px;
height: 350px; 
}



/******************* CALENDAR ***************************/

td.day {
width: 10%;
margin-left: auto;
margin-right: auto;
}


table.city {
border-spacing: 0;
width: 100%;
}


td.city {
vertical-align: bottom;
}


.calendar {
margin-left: 10%;
text-align: left; 
}


.kwicks {
height: 300px; 
}

.kwicks > li {
height: 300px;
text-align: left;
}


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10 { 
background-color: transparent;
-webkit-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.75);
}




/***************** End CALENDAR *************************/




/*************************** End STRUCTURE **********************************/









/******************************** IMAGES ********************************/

a img {
border: 0;
}



/********** MENU IMGs ***********/

.home-img {
border: 0;
width: 90%;
height: auto;
}


.about-img {
border: 0;
width: 90%;
height: auto;
}


.contact-img {
border: 0;
width: 90%;
height: auto;
}


.schedule-img {
border: 0;
width: 70%;
height: auto;
}


.gallery-img {
border: 0;
width: 70%;
height: auto;
}


.news-img {
border: 0;
width: 60%;
height: auto;
}


.mobile-img {
border: 0;
width: 55%;
height: auto;
}


/********* End MENU IMGs ********/

img.e-web {
border: 0;
width: 75%;
height: auto;
}


/***************************** End IMAGES ********************************/









/******************************** TEXT ********************************/

h1 {
line-height: 60pt;
font-family: palatino;
font-style: italic;
font-size: 60pt;
text-align: right;
color: #ffffff;
font-weight: 100;
padding-bottom: 0;
margin-bottom: 0;
}


h2 {
line-height: 39pt;
font-family: Spinnaker;
letter-spacing: 5pt;
font-size: 39pt;
text-align: right;
color: #ffffff;
font-weight: 100;
padding-top: 0;
margin-top: 0;
}



h3 {
line-height: 24pt;
font-family: Spinnaker;
letter-spacing: 3pt;
font-size: 21pt;
text-align: right;
color: #ffffff;
font-weight: 100;
}



h4 {
padding: 0;
margin: 0.5%;
line-height: 16pt;
font-family: Spinnaker;
letter-spacing: 2px;
font-size: 13pt;
color: #ffffff;
font-weight: 100;
}



h4.link, a.link {
text-decoration: none;
color: aqua;
line-height: 18pt;
font-family: Spinnaker;
letter-spacing: 5px;
font-size: 11pt;
font-weight: 100;
}

h4.link {
text-align: right;
padding-right: 7%;
}

h5 {
line-height: 15pt;
letter-spacing: 2px;
text-align: left;
font-family: palatino;
font-style: italic;
font-size: 15pt;
color: #ffffff;
font-weight: 100;
}


h6, a.link2 {
padding: 0;
margin: 0;
text-align: left;
line-height: 10pt;
font-family: Spinnaker;
letter-spacing: 1px;
font-size: 10pt;
color: #ffffff;
font-weight: 100;
}


.h5-5 {
padding: 2.5%;
margin: 0;
text-align: right;
line-height: 12pt;
font-family: Spinnaker;
letter-spacing: 1px;
font-size: 12pt;
color: #ffffff;
font-weight: 100;
}


.edu {
padding-top: 0;
padding-bottom: 0;
padding-left: 13%;
margin-top: -1%;
margin-bottom: 1%;
}


.schools {
line-height: 13pt; 
letter-spacing: 2px; 
font-size: 10.5pt;
padding-top: 0;
padding-left: 6.5%;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0.75%;
}


.edu-work {
line-height: 11.5pt;
padding-right: 21%;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
}


.work-hist {
text-align: center;
padding-top: 0;
padding-bottom: 0;
margin-top: 2.25%;
margin-bottom: 0.75%;
}


.jobs {
text-align: center;
line-height: 12pt;
}

.month {
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 5pt;
font-size: 35pt;
text-align: center;
color: #ffffff;
font-weight: 100;
padding-top: 0;
margin-top: 1.5em;
}


.date {
font-family: Arial, Helvetica, sans-serif;
font-size: 25pt;
text-align: center;
color: #ffffff;
font-weight: 100;
padding-top: 0;
margin-top: 0;
}


a.link2 {
text-decoration: none;
color: aqua;
}


li.link, li.link a {
list-style-type: none;
text-decoration: underline;
text-align: left;
padding-left: 25%;
color: aqua;
line-height: 19pt;
font-family: Spinnaker;
letter-spacing: 5px;
font-size: 14pt;
font-weight: 100;
}


.footer a {
line-height: 8px;
letter-spacing: 1pt;
font-size: 10px;
color: #7444c7;
font-family: verdana;
text-decoration: none;
}

.footer a:hover {
text-decoration: underline;
color: #009494;
}




/******* CALENDAR text *******/


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10 {
font-size: 18pt;
font-family: Spinnaker;
color: #c2c2c2;
color: rgba(255, 255, 255, .07);
}


#panel-1:hover, #panel-2:hover, #panel-3:hover, #panel-4:hover, #panel-5:hover, #panel-6:hover, #panel-7:hover, #panel-8:hover, #panel-9:hover, #panel-10:hover {
font-size: 11pt;
font-family: Spinnaker;
color: white;
}



/******* End CALENDAR text *******/


/***************************** End TEXT ********************************/





/***************************** And of course those Media Queries I always dread *****************************/


@media screen and (min-width: 1281px) and (max-width: 1500px) {


h1 {
line-height: 45pt;
font-size: 45pt;
}
 

h2 {
line-height: 30pt;
letter-spacing: 3pt;
font-size: 30pt;
}


h3 {
line-height: 18pt;
letter-spacing: 2pt;
font-size: 14pt;
}


h4 {
line-height: 13pt;
letter-spacing: 1px;
font-size: 11pt;
}


h4.link, a.link {
line-height: 16pt;
letter-spacing: 3px;
font-size: 11pt;
}


h5 {
line-height: 14pt;
letter-spacing: 2px;
font-size: 13pt;
}


.h5-5 {
padding: 2%;
line-height: 10pt;
letter-spacing: 1px;
font-size: 10pt;
}


h6, a.link2 {
line-height: 9pt;
letter-spacing: 1px;
font-size: 8.5pt;
}


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10 {
font-size: 12pt;
}


#panel-1:hover, #panel-2:hover, #panel-3:hover, #panel-4:hover, #panel-5:hover, #panel-6:hover, #panel-7:hover, #panel-8:hover, #panel-9:hover, #panel-10:hover {
font-size: 10pt;
}


.schools {
line-height: 11pt; 
letter-spacing: 2px; 
font-size: 9.5pt;
}


.edu-work {
line-height: 10.5pt;
}

.jobs {
line-height: 10.5pt;
}


object {
width: 300px;
height: 300px; 
}


.spacer-td {
height: 250px;
}


img.e-web {
width: 100%;
max-width: 70px;
padding-right: 10px;
}


img.reverb, img.goog {
height: 100%;
max-height: 85px;
}


img.face, img.twit {
height: 100%;
max-height: 70px;
}


img.yout {
height: 100%;
max-height: 73px;
}


}



@media screen and (min-width: 1001px) and (max-width: 1280px) {


h1 {
line-height: 36pt;
font-size: 36pt;
}
  

h2 {
line-height: 24pt;
letter-spacing: 3pt;
font-size: 24pt;
}


h3 {
line-height: 14pt;
letter-spacing: 2pt;
font-size: 12pt;
}


h4 {
line-height: 11.5pt;
letter-spacing: 1px;
font-size: 10pt;
}


h4.link, a.link {
line-height: 14pt;
letter-spacing: 2px;
font-size: 10pt;
}


h5 {
line-height: 12pt;
letter-spacing: 2px;
font-size: 11pt;
}


.h5-5 {
padding: 2%;
line-height: 9pt;
letter-spacing: 1px;
font-size: 9pt;
}


h6, a.link2 {
line-height: 8pt;
letter-spacing: 1px;
font-size: 8pt;
}


.calendar {
margin-left: 10%;
text-align: left; 
}


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10 {
font-size: 11px;
}


#panel-1:hover, #panel-2:hover, #panel-3:hover, #panel-4:hover, #panel-5:hover, #panel-6:hover, #panel-7:hover, #panel-8:hover, #panel-9:hover, #panel-10:hover {
font-size: 11px;
}


.schools {
line-height: 10pt; 
letter-spacing: 1px; 
font-size: 9pt;
}


.edu-work {
line-height: 10pt;
}

.jobs {
line-height: 10pt;
}


object {
width: 250px;
height: 250px; 
}


.spacer-td {
height: 200px;
}


img.e-web {
width: 100%;
max-width: 60px;
padding-right: 10px;
}


img.reverb, img.goog {
height: 100%;
max-height: 80px;
}


img.face, img.twit {
height: 100%;
max-height: 65px;
}


img.yout {
height: 100%;
max-height: 68px;
}


}





@media screen and (min-width: 801px) and (max-width: 1000px) {



h1 {
line-height: 30pt;
font-size: 30pt;
}
  

h2 {
line-height: 21pt;
letter-spacing: 3pt;
font-size: 21pt;
}


h3 {
line-height: 12pt;
letter-spacing: 1pt;
font-size: 10pt;
}


h4 {
line-height: 11pt;
letter-spacing: 0px;
font-size: 9.5pt;
}


h4.link, a.link {
line-height: 12pt;
letter-spacing: 1px;
font-size: 9pt;
}


h5 {
line-height: 11pt;
letter-spacing: 1px;
font-size: 10pt;
}


.h5-5 {
padding: 1%;
line-height: 8pt;
letter-spacing: 1px;
font-size: 8pt;
}


h6, a.link2 {
line-height: 7.5pt;
letter-spacing: 0px;
font-size: 7.5pt;
}


.calendar {
margin-left: 10%;
text-align: left; 
}


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10 {
font-size: 9px;
}


#panel-1:hover, #panel-2:hover, #panel-3:hover, #panel-4:hover, #panel-5:hover, #panel-6:hover, #panel-7:hover, #panel-8:hover, #panel-9:hover, #panel-10:hover {
font-size: 9px;
}


.schools {
line-height: 9.5pt; 
letter-spacing: 0px; 
font-size: 8.5pt;
}


.edu-work {
line-height: 9pt;
}

.jobs {
line-height: 9pt;
}


object {
width: 200px;
height: 200px; 
}


.footer a {
line-height: 10px;
font-size: 10px;
}


.spacer-td {
height: 150px;
}


img.e-web {
width: 100%;
max-width: 50px;
padding-right: 3px;
}


img.reverb, img.goog {
height: 100%;
max-height: 75px;
}


img.face, img.twit {
height: 100%;
max-height: 60px;
}


img.yout {
height: 100%;
max-height: 63px;
}


}



@media screen and (min-width: 601px) and (max-width: 800px) {



h1 {
line-height: 24pt;
font-size: 24pt;
}
  

h2 {
line-height: 18pt;
letter-spacing: 3pt;
font-size: 18pt;
}


h3 {
line-height: 11pt;
letter-spacing: 1pt;
font-size: 8pt;
}


h4 {
line-height: 9pt;
letter-spacing: 0px;
font-size: 7.5pt;
}


h4.link, a.link {
line-height: 11.5pt;
letter-spacing: 0px;
font-size: 8.5pt;
}


h5 {
line-height: 11.5pt;
letter-spacing: 0px;
font-size: 10pt;
}


.h5-5 {
padding: 1%;
line-height: 7.5pt;
letter-spacing: 1px;
font-size: 7.5pt;
}


h6, a.link2 {
line-height: 7pt;
letter-spacing: 0px;
font-size: 7pt;
}


.calendar {
margin-left: 10%;
text-align: left; 
}


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10 {
font-size: 9px;
}


#panel-1:hover, #panel-2:hover, #panel-3:hover, #panel-4:hover, #panel-5:hover, #panel-6:hover, #panel-7:hover, #panel-8:hover, #panel-9:hover, #panel-10:hover {
font-size: 9px;
}


.schools {
line-height: 9pt; 
letter-spacing: 0px; 
font-size: 8pt;
}


.edu-work {
line-height: 8pt;
}

.jobs {
line-height: 8pt;
}


object {
width: 150px;
height: 150px; 
}


.footer a {
line-height: 8px;
font-size: 8px;
}


.spacer-td {
height: 100px;
}


img.e-web {
width: 100%;
max-width: 45px;
padding-right: 0px;
}


img.reverb, img.goog {
height: 100%;
max-height: 70px;
}


img.face, img.twit {
height: 100%;
max-height: 55px;
}


img.yout {
height: 100%;
max-height: 58px;
}


}



@media screen and (max-width: 600px) {


h1 {
line-height: 18pt;
font-size: 18pt;
}
  

h2 {
line-height: 14pt;
letter-spacing: 3pt;
font-size: 13pt;
}


h3 {
line-height: 10pt;
letter-spacing: 1px;
font-size: 7.5pt;
}


h4 {
margin-left: 15%;
line-height: 8pt;
letter-spacing: 0px;
font-size: 6.5pt;
}


h4.link, a.link {
line-height: 11pt;
letter-spacing: 0px;
font-size: 8pt;
}


h5 {
line-height: 10.5pt;
letter-spacing: 0px;
font-size: 9pt;
}


.h5-5 {
padding: 1%;
line-height: 7.5pt;
letter-spacing: 0px;
font-size: 7.5pt;
}


h6, a.link2 {
line-height: 7pt;
letter-spacing: 0px;
font-size: 6.5pt;
}


.calendar {
margin-left: 10%;
text-align: left; 
}


#panel-1, #panel-2, #panel-3, #panel-4, #panel-5, #panel-6, #panel-7, #panel-8, #panel-9, #panel-10 {
line-height: 9px;
font-size: 9px;
}


#panel-1:hover, #panel-2:hover, #panel-3:hover, #panel-4:hover, #panel-5:hover, #panel-6:hover, #panel-7:hover, #panel-8:hover, #panel-9:hover, #panel-10:hover {
line-height: 9px;
font-size: 9px;
}


.schools {
line-height: 8pt; 
letter-spacing: 0px; 
font-size: 7pt;
}


.edu-work {
line-height: 7pt;
}

.jobs {
line-height: 7pt;
}


object {
width: 100px;
height: 100px; 
}


.footer a {
line-height: 8px;
font-size: 8px
}


.spacer-td {
height: 50px;
}


img.e-web {
width: 100%;
max-width: 40px;
padding-left: 0px;
padding-right: 0px;
display: none;
}


img.reverb, img.goog {
height: 100%;
max-height: 50px;
}


img.face, img.twit {
height: 100%;
max-height: 40px;
}


img.yout {
height: 100%;
max-height: 40px;
}


}




/***************************** END media queries Thank the Lord! *****************************/