@import url(reset.css);

body {
    text-align: center;
    background: url(../images/bg_tendrils.gif) no-repeat fixed bottom left;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding-bottom: 4em;
    /*background-color: #B2273E;*/
}

#container {
    width: 950px;
    margin: 0 auto;
    /*margin: 0 auto 30px auto;*/
    text-align: left;
    background: url(../images/bg_body.png) top left;
}

#header, #body, #footer { clear: both; }

#header {
    /*background: url(../images/bg_body_top.png) no-repeat top left;*/
    /*position: relative;*/
    /*top: -30px;*/
    /*height: 30px;*/
}

#body {
    background: url(../images/bg_note.gif) no-repeat bottom right;
    padding-bottom: 30px;
    position: relative;
    min-height: 300px;
}

    #title_home_link {
        width: 205px;
        height: 60px;
        position: absolute;
        top: 5px;
        left: 651px;
    }

    #title_home_link:hover { text-decoration: none; }

    #title_home_link span { visibility: hidden; }

#content {
    margin: 10px 65px 0 65px;
}

#sidebar {}

#footer {
    background: url(../images/bg_body_btm.png) no-repeat bottom left;
    position: relative;
    bottom: -30px;
    height: 30px;
}

.column {
    float: left;
    display: inline;
}

.nav,
.nav ul,
.nav li,
.nav a {
    float: left;
    display: inline;
}

/*.nav {
    padding-left: 50px;
}*/

.nav ul {
    /*padding-right: 50px;*/
    margin: 0 50px;
}

.nav li {
    padding: 0 15px;
    line-height: 41px;
}

.nav a:link,
.nav a:visited {
    font-size: 18px;
    color: #000;
    text-decoration: none;
}

.nav a:hover,
.nav a.current,
.nav a.section {
    color: #D68600 !important;
}

/* ################ PAGE SECTIONS ################ */

#header .nav {
    background: url(../images/bg_nav.png) no-repeat top left;
    width: 910px;
    height: 41px;
}

#footer p {
    text-align: right;
    font-size: 10px;
    margin-right: 65px;
}

#footer p a:link,
#footer p a:visited {
    color: #B00036;
    text-decoration: none;
}

#footer p a:link:hover,
#footer p a:visited:hover {
    text-decoration: underline;
}

/* ################ PAGE SPECIFIC STURCTURE ################ */

/* ========== HOMEPAGE ========== */

#HomePage #body {
    padding-top: 15px;
    padding-bottom: 0;
}

#HomePage #portrait {
    width: 350px;
    padding-top: 50px;
    margin-right: 30px;
    margin-left: 15px;
    overflow: hidden;
}

#HomePage #content {
    width: 541px;
    margin: 0;
}

#HomePage #content .column {
    width: 240px;
    padding: 15px 0 0 0;
}

#HomePage #content #performances {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid #CCC;
}

#HomePage #content #performances .important {
    display: block;
    font-size: 125%;
    color: #C00;
}

#HomePage #footer { height: auto; }

#HomePage #footer .nav {
    margin-bottom: 20px;
}

#HomePage #footer #copyright {
    clear: both;
}

/* ========== EVENT PAGE ========== */

#EventPage #feed_subscribe {
    float: right;
    display: inline;
    margin-top: 3px;
}

#EventPage h2,
#EventPage .entry {
    clear: left;
}

#EventPage .entry {
    overflow: auto;
    border-bottom: 2px dotted #B2273E;
}

#EventPage .entry.last {
    margin-bottom: 18px;
}

#EventPage .entry .details,
#EventPage .entry .description {
    padding: 18px 0;
}

#EventPage .entry .details {
    float: left;
    display: inline;
    width: 200px;
}

#EventPage .entry .cost { margin-bottom: 0; }

#EventPage .entry .description {
    margin-left: 220px;
}

#EventPage .entry .important {
    font-size: 125%;
    color: #C00;
}

/* ========== AV Gallery ========== */

.audio_entry,
.video_entry {
    margin-bottom: 2em;
}

.audio_entry h2,
.video_entry h2 {
    margin-bottom: 0.5em !important;
}


/* ========== CONTACT PAGE ========== */

#ContactPage .response {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#ContactPage .response.good {
    color: #009900;
}

#ContactPage .response.bad {
    color: #990000;
}

/* ################ UTILITIES & WIDGETS ################ */   

.swap {
    text-indent: -9999px;
    overflow: hidden;
    background: transparent no-repeat top center;
}

.clear {
    clear: both;
    height: 1px;
    line-height: 1px;
}

#feed_subscribe a { line-height: 18px; }

#feed_subscribe a:hover { text-decoration: none; }

#feed_subscribe a img { vertical-align: middle; }



/* ################ IMAGE SWAPS ################ */

#sitetitle {
    background-image: url(../images/img_logotext.png);
    width: 485px;
    height: 154px;
}