﻿/* Default Styles */
body
{
    margin: 0;
    padding: 0em;
    font-family: Verdana, Arial, Sans-Serif;
    color: #FFC495;
    font-size: 80%;
    background: #000000 url(/images/hex.gif) repeat scroll;
}
a, a:visited
{
    color: #ff6f00;
}

p
{
    margin: 0.5em 0 0 0;
    text-indent: 3em;
}

p.sig
{
    margin-left: 6em;
    margin-top: 2em;
}

dt, label
{
    color: #FF6F00;
}

h1, h2, h3
{
    color: #FF6F00;
    margin-bottom: 0;
}
h2
{
    font-size: 120%;
    font-weight: bold;
    text-decoration: underline;
}
h3
{
    font-size: 120%;
    font-weight: bold;
    text-align: center;
}
h4, h5
{
    border: 1px solid #ff6f00;
    background-color: #FFC495;
    color: #000000;
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 110%;
}
h5
{
    border-width: 0px;
    margin: 0;
    padding-bottom: 5px;
}

img
{
    border: none;
}

img.insetFrame
{
    margin: 0 0 0.5em 0.5em;
    padding: 2px;
    border: ridge 2px #FF6F00;
    float: right;
    clear: right;
}
input, select
{
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 80%;
    height: auto;
}

td
{
    vertical-align: top;
}
/* Generic Styles */
.flLeft
{
    float: left;
}

.clLeft
{
    clear: left
}

.flRight
{
    float: right;
}

.clRight
{
    clear: right
}

.label
{
    text-align: right;
    font-weight: bold;
    color: #FF6F00;
    margin-right: 0.5em;
}

.noBullets
{
    list-style-type:none
}

.block
{
    display: block;
}

.padded
{
    padding: 0.5em;
}

.hasMargin
{
    margin: 0.5em;
}

.hollyHack
{
    height: 1%;
}

fieldset
{
    border-style: none;
}

legend 
{
    font-size: 110%;
    font-weight: bold;
    color: #ff6f00    
}

div.headedPanel legend
{
    border: 1px solid #ff6f00;
    background-color: #FFC495;
    color: #000000;
    text-align: center;
    margin-bottom: 0.5em;
    width: 100%;
    text-indent: -1em;
    padding: 0.25em 0;
}

/* Layout Styles */
div#paper
{
    text-align: center;
    width: auto;
    margin: 1em 3em;
    height: 1%;
}
div.paper /*container panel*/
{
    width: auto;
    height: 1%;
}

div#masthead
{
    margin: 0;
    height: 80px;
    padding-left: 1em;
    text-align: left;
}
div#masthead img
{
    position: absolute;
    top: 1.5em;
    left: 3.5em;
}

ul
{
    margin-top:0
}

div#container
{
    margin: 1em 0;
    background-color: #000000;
    border: 1px solid #6E3911;
    height: 1%;
}
div#navBar
{
    float: left;
    width: 14em;
    font-size: 80%;
    height: 1%;
    margin: 1em;
    text-align: left;
}
div#rightBar
{
    float: right;
    width: 19em;
    height: 1%;
    margin: 1em;
    text-align: left;
}
div#theContent
{
    width: auto;
    margin: 1em;
    text-align: left;
}

/* Menu Styles */
.hideMenu
{
    display: none;
}
.mEntry
{
    background-color: #A6A688;
    margin: 0.25em;
}
.mEntry a
{
    color: #000000;
    display: block;
    padding: 0.125em;
    border: outset 3px #A6A688;
    font-weight: bold;
    cursor: hand;
    text-decoration: none;
}
.mEntry a:visited
{
    color: #000000;
}


.mEntry a:hover
{
    background-color: #FF6F00;
}

/*Body styles*/
td#body
{
    margin: 0.5em 1em;
    padding: 1em;
    background-color: #000000;
    color: #FFC495; /*border: 3px inset #a6a688; */
    width: auto; /*    border-top: ridge 4px #ff6f00;*/
}
div#contactForm
{
    color: #FFC495; /*border: 3px inset #a6a688; */
    width: auto;
    padding: 0 0.5em;
}

div.left
{
    width: 46%;
    float: left;
    margin: 0;
    padding-right: 0.5em;
}
div.right
{
    margin: 0;
    padding-left: 0.5em;
}
div.inputForm
{
    padding: 0 .5em;
}


td#contactInfo, td#requestInfo, td#eventInfo
{
    width: 46%;
    padding: 1em;
}

div.block
{
}
label
{
    width: 8em;
    float: left;
    text-align: right;
    font-weight: bold;
}
label.wider
{
    width: 12em;
}
label.above
{
    width: auto;
    float: none;
    text-align: left;
    font-weight: bold;
}
label.wide
{
    width: auto;
}
.radio label
{
    width: auto;
    float: none;
    text-align: left;
    font-weight: bold;
}
.radio input
{
    float: left;
    clear: left;
}

.errorMsgBox
{
    padding: 0.5em;
    width: 80%;
}
.errorMsgBox ul
{
    margin: 0 0 0 3em;
}
dl.msgForm dt
{
    width: 12em;
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
}
dl.msgForm dd
{
    width: auto;
}

dl.contact
{
    margin: 0.5em 0 0 0;
}
dl.contact dt
{
    width: 10em;
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
}
dl.contact dd
{
    width: auto;
}

dl.hours
{
    margin-top: 0;
}
dl.hours dt
{
    width: 6em;
    font-weight: normal;
}
dl.hours dd
{
    width: auto;
}

dl.band dt
{
    width: 20em;
    float: left;
    clear: left;
    text-align: right;
    font-weight: bold;
}
dl.band dd
{
    width: 100%;
}

dd.space
{
    margin-bottom: 0.5em;
}

div.subfloat span
{
}
div.subfloat .left
{
    width: 6em;
    text-align: right;
}
div.subfloat .right
{
}

/* Page-specific Styles */
p.splash
{
    text-align: center;
    padding-top: 8pt;
    font-size: 125%;
    font-weight: bold;
    margin: 0;
}
p.splash a
{
    color: #ff6f00;
}
p.splash a:visited
{
    color: #ff6f00;
}
p.footnote
{
    color: #ff6f00;
    font-size: 110%;
    text-align: center;
    margin: 0.5em;
    font-weight: bold;
}
p.frame
{
    text-align: center;
    margin-top: 72pt;
}

td#body p
{
    margin: 0.5em 0;
}
/* Section-specific Styles */

/* Ajax Styles */
.reqHighlight
{
    background-color: #FFFF80;
}
span.reqExt
{
    color: #FF0000;
}

.formItem
{
    height: auto;
}

/*Bug fixes*/
.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


table.upcoming
{
    border: inset 3px #A6A688;
    width: 100%;
}

table.upcoming caption
{
    font-weight: bold;
    border: 1px solid #ff6f00;
    background-color: #FFC495;
    color: #000000;
    text-align: center;
    margin-bottom: 0.5em;
    font-size: 110%;
}

div.promo
{
    float: right;
    width: 250px;
}

table.evComing
{
    background-color: #000000;
    font-size: 80%;
    color: #FF6F00;
    width: 100%;
    border: solid #ff6f00;
    border-width: 1px 0;
}
table.evComing a, table.evComing a:visited
{
    color: #FF6F00;
}

div.errMsg
{
    border: ridge 2px #FF6F00;
    width: 40%;
    padding: 0.5em;
    background-color: lemonchiffon;
    color: #FF0000;
    font-size: 80%;
}

div.artistBio
{
    height: 1%;
    padding-left: 2em;
    font-size: 90%;
    margin-bottom: 1.5em;
}
div.artistBio h1
{
    font-size: 120%;
    font-weight: bold;
    text-decoration: underline;
    margin-left: -2em;
    margin-bottom: 0.5em;
}
div.artistBio h2
{
    font-size: 100%;
    font-weight: bold;
    text-decoration: none;
    margin-left: 0em;
    margin-top: 0.5em;
    margin-bottom: 0;
}
div.artistBio p
{
    margin-left: 1em;
    font-size: 95%;
}
div.artistBio p.influences
{
    text-indent: 0;
    margin-left: 3.5em;
}
dl.memberList
{
    margin-top: 0.5em;
    font-size: 95%;
    margin-bottom: 0;
}
dl.memberList dt
{
    float: left;
    width: 10em;
    font-weight: bold;
    text-align: right;
    padding-right: 0.5em;
    white-space: nowrap;
    color: #FFC495;
}
dl.memberlist dd
{
    text-align: left;
}

dl.bandURL
{
    margin-top: 0.5em;
    margin-bottom: 0;
}
dl.bandURL dt
{
    float: left;
    width: 7em;
    font-size: 100%;
    font-weight: bold;
    color: #FF6F00;
}
dl.bandURL dd
{
    height: 1%;
}
dl.bandURL a
{
    color: #FFC495;
}
