/*-----------------------
General styles
-----------------------*/
body {
font-family: helvetica, verdana, sans-serif;
background: #222 url(./img/body_bg.gif) top left repeat-x;
color: #fff;
text-align: left !important; /* override blueprint's ie.css */
}

h1 {
font-size: 1.75em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.17em;
}

h4 {
font-size:1em;
}

h5 {
font-size: 0.83em;
}

h6 {
font-size: 0.67em;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
color: #380000;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", arial, sans-serif;
}

a {
outline: none !important;
}

a img {
border: 0 none transparent;
}

a:link,
a:visited {
color: #590303;
}

a:hover {
color: #ff2e0a;
}

fieldset {
border: 0 none transparent;
padding: 0;
}

label {
margin: 1em 0 0;
display: block;
font-weight: bold;
}

hr {
height: 2px;
background-color: #100;
color: #100;
border: 0 none transparent;
clear: both;
margin: 10px 0;
}




/*-----------------------
Utility Classes
-----------------------*/
.selfclear {
overflow:auto;
}

* html .selfclear {
zoom: 1; /* Trigger HasLayout for IE6 */
}

.leftwise {
float: left;
}

.rightwise {
float: right;
}

.nobreak {
white-space: nowrap;
}

.noshow {
display: none;
}



/*-----------------------
 Structural Elements
-----------------------*/
#container {
width: 1000px;
margin: 0 auto;
font-size: 1.05em;
/* silly IE 5.5 */
text-align: left;
}

#hero {
width: 234px;
text-align: center;
float: left;
margin-left: -234px;
overflow: hidden;
padding: 400px 0 0;
background: url(./img/hero.php) no-repeat;
}

#logo {
display: block;
height: 150px;
overflow: hidden;
text-indent: -50em;
background: url(./img/logo.gif) 0 0 no-repeat;
}

#content {
padding: 0 0 0 234px;
background: #fffff6 url(./img/content_bg.gif) 0 0 repeat-y;
color: #100;
}

#main {
padding: 1em 1em 2em;
}

#footer {
background: #100;
color: #fffff6;
padding: 1.5em 2em;
text-align: right;
}

/*-----------------------
 Hero Backgrounds
-----------------------*/
body.home #hero {
background: url(./img/home-hero.jpg) no-repeat;
}

body.calendar #hero {
background: url(./img/calendar-hero.jpg) no-repeat;
}

body.contact #hero {
background: url(./img/contact-hero.jpg) no-repeat;
}

body.faq #hero {
background: url(./img/faq-hero.jpg) no-repeat;
}

body.instructors #hero {
background: url(./img/instructors-hero.jpg) no-repeat;
}

body.join #hero {
background: url(./img/join-hero.jpg) no-repeat;
}

body.kids #hero {
background: url(./img/kids-hero.jpg) no-repeat;
}

/*-----------------------
 Targeted Styles
-----------------------*/
#main p {
margin: 1em 0;
line-height: 1.7em;
}

#main ul {
margin: 1em;
}

.promo {
width: 200px;
margin: 0 0 1em 1em;
float: right;
clear: right;
background: #fff;
border: 1px solid #380000;
}

.promo h2 {
background: #380000;
color: #fff;
font-size: 1em;
padding: 0.5em 0.9em;
margin: 0;
}

.promo h2 a {
color: #ffecca;
}

.promo h2 a:hover {
color: #f00;
}

.promo .promo-content {
font-size: 0.9em;
margin: 0.5em 1em 1em;
}

table#dojo-schedule {
border: 2px solid #000;
margin: 1em auto;
border-collapse: collapse;
}

table#dojo-schedule th, 
table#dojo-schedule td {
border: 1px solid #000;
 vertical-align: top;
}

table#dojo-schedule th {
background: #380000;
color: #fffff6;
width: 14%;
padding: 0.5em 0;
text-align: center;
}

table#dojo-schedule td {
font-size: 0.9em;
padding: 0.5em;
}

#events dt {
font-size: 1.2em;
}

#events dt strong {
color: #380000;
}

#events dd {
margin: 1em 0 2em;
font-size: 0.9em;
}

#map {
margin: 20px;
text-align: center;
}

.photos {
margin: 10px 0;
text-align: center;
}

.photos img {
border: 2px solid #12103e;
margin: 8px;
}


/*-----------------------
     Navigation
-----------------------*/
#nav {
list-style-type: none;
background: #100;
margin: 0;
padding: 0.6em 0;
font-size: 1.1em;
border: 1px solid #100;
}

#nav li {
display: inline;
}

#nav a {
padding: 0.3em 0.5em;
text-decoration: none;
background: #100;
color: #ffecca;
border-bottom: 0.2em solid #100;
}

#nav li.current a {
background: #000;
color: #fff;
}

#nav a:hover, #nav li.current a:hover {
background: #000;
color: #f00;
}