/* 

Late Bloomer Productions

Design: United Design Group udgpdx.net
Code: Goro Harumi goroharumi.com

*/

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
  font:62.5% Helvetica, Arial, sans-serif;
  color:#000;
  width:700px;
  margin:10px auto;
}

h1 {
  width:233px;
  height:144px;
  float:left;
  background:url(../images/logo.png) no-repeat;
  text-indent:-9999em;
}

h1 a {
  display:block;
  height:130px;
  width:232px;
}

div#masthead {
  height:144px;
}

div#masthead div#flashcontent,
div#masthead object#flashcontent {
  float:left;
  width:467px;
  height:144px;
}

a {
  color:#009FC2;
  outline:none;
}

img {
  border:0;
}

div#main p {
  font-size:1.2em;
}


/* Nav */

ul#nav {
  background:url(../images/nav_under2.png) no-repeat;
  height:19px;
  width:700px;
  position:relative;
}

ul#nav li {
  position:absolute;
  text-indent:-9999em;
}

ul#nav li a {
  height:19px;
  display:block;
  position:absolute;
}

ul#nav li.nav_news a { width:72px; left:0;}
ul#nav li.nav_news a:hover { background:url(../images/nav_over2.png) no-repeat; }

ul#nav li.nav_events a { width:65px; left:74px; }
ul#nav li.nav_events a:hover { background:url(../images/nav_over2.png) -74px no-repeat; }

ul#nav li.nav_productions a { width:97px; left:139px; }
ul#nav li.nav_productions a:hover { background:url(../images/nav_over2.png) -139px no-repeat; }

ul#nav li.nav_classes a { width:158px; left:236px; }
ul#nav li.nav_classes a:hover { background:url(../images/nav_over2.png) -236px no-repeat; }

ul#nav li.nav_equipment a { width:109px; left:394px; }
ul#nav li.nav_equipment a:hover { background:url(../images/nav_over2.png) -394px no-repeat; }

ul#nav li.nav_contact a { width:76px; left:504px; }
ul#nav li.nav_contact a:hover { background:url(../images/nav_over2.png) -504px no-repeat; }

ul#nav li.nav_pay a { width:139px; left:580px; }
ul#nav li.nav_pay a:hover { background:url(../images/nav_over2.png) -580px no-repeat; }

/* Main Content */

div#main h2 {
  font-size:1.8em;
  margin:20px 15px 25px;
}

div#main p {
  margin:10px 0;
  line-height:1.3;
}

div.entry {
  margin:0 0 30px 15px;
}

div.entry h3 {
  font-size:1.8em;
  margin-bottom:5px;
  font-weight:normal;
}

div.image {
  width:180px;
  margin:0 15px 0 0;
  float:left;
  position:relative;
}

span.image_holder {
  display:block;
  width:180px;
  height:120px;
  background:#EAEAEA;
}

div#main p.back_button {
  font-size:1em;
  margin:0;
  position:absolute;
  bottom:-16px;
  left:0;
  width:180px;
}

div#main p.back_button a {
  text-decoration:none;
  display:block;
  height:14px;
  line-height:14px;
  text-align:center;
  background:#009FC2;
  color:#FFF;
}

div.content {
  float:left;
  width:390px;
}

div#index_content div.content {
  width:305px;
}

div.content h3 {
  color:#009FC2;
  font-size:1.6em;
  margin:0 0 10px;
}

div.content span.intro,
div.content p.director {
  color:#009FC2;
}

ul.productions {
  margin:15px;
}

ul.productions li {
  display:block;
  float:left;
  width:111px;
}

ul.productions li a {
  padding:5px 30px;
  height:30px;
  line-height:30px;
  color:#FFF;
  background:#009FC2;
  text-decoration:none;
  font-size:2.2em;
  margin-right:3px;
}

ul.productions li.not_yet a {
  background:#d7d7d7;
}

ul.productions li ul li {
  float:none;
  margin:8px 0;
  width: 101px;
  padding:0 5px;
}

ul.productions li ul li a {
  background:none;
  color:#009FC2;
  font-size:1.2em;
  margin:0;
  height:auto;
  line-height:1.2;
  text-decoration:underline;
  padding:0;
}

ul.productions li.not_yet li a {
  background:none;
}

/* Secondary Content */

div#about {
  float:right;
  margin-left:10px;
  width:147px;
  background:#009FC2 url(../images/about.png) no-repeat;
  color:#FFF;
  padding:30px 8px 8px;
  text-align:center;
}

div#about p {
  font-size:1em;
  line-height:1.3;
  margin:0;
}


/* Contact */

div#main div#contact p {
  margin:10px 15px;
}

div#contact fieldset {
  border:0;
  padding:15px 0;
}

div#contact fieldset label {
  display:block;
  width:80px;
  float:left;
}

div#contact fieldset input.submit {
  position:relative;
  left:95px;
}

div#contact fieldset textarea {
  height:200px;
}

div#errorExplanation h2,
div#errorExplanation p {
  display:none;
}

div#errorExplanation {
  margin:15px;
  color:red;
}

div#errorExplanation li {
  font-size:1.2em;
  margin:3px 0;
}

div#main p.flash_notice {
  margin:10px 15px;
  font-weight:bold;
  color:green;
}

div#main p.flash_error {
  margin:10px 15px;
  font-weight:bold;
  color:red;
}

/* Footer Nav */

ul#footer {
  background:url(../images/footer_under.png) no-repeat;
  height:13px;
  width:544px;
  margin:20px auto;
  position:relative;
}

ul#footer li {
  position:absolute;
  text-indent:-9999em;
}

ul#footer li a {
  height:13px;
  display:block;
  position:absolute;
  margin-right:3px;
}

ul#footer li.news a { width:103px; }
ul#footer li.news a:hover { background:url(../images/footer_over.png) no-repeat; }

ul#footer li.events a { width:52px; left:106px; }
ul#footer li.events a:hover { background:url(../images/footer_over.png) -106px no-repeat; }

ul#footer li.productions a { width:80px; left:161px }
ul#footer li.productions a:hover { background:url(../images/footer_over.png) -161px no-repeat; }

ul#footer li.classes a { width:129px; left:244px; }
ul#footer li.classes a:hover { background:url(../images/footer_over.png) -244px no-repeat; }

ul#footer li.equipment a { width:111px; left:376px; }
ul#footer li.equipment a:hover { background:url(../images/footer_over.png) -376px no-repeat; }

ul#footer li.contact a { width:54px; margin-right:0; left:490px; }
ul#footer li.contact a:hover { background:url(../images/footer_over.png) -490px no-repeat; }

div.pagination {
  font-size:1.2em;
  margin:20px 15px;
}

div.pagination span.disabled {
  display:none;
}

div#pay_online h3 {
  font-weight:bold;
  font-size:1.2em;
  margin-top:30px;
}

div#pay_online div.entry {
  padding-bottom:30px;
  border-bottom:1px solid #DDD;
}

div#pay_online div.entry select {
  margin-bottom:10px;
}

/* Etc. */

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
  .clearfix {display:block;}
/* End hide from IE Mac */