/*
* Global layout and maintenance classes
*/

html, body {
    padding: 0;
    margin: 0;
    font-family:Arial,Helvetica,sans-serif;
}

.clear {
    clear:both;
}

.block {
    display:block;
}

.hide {
    display:none;
}

/*
* Layout
*/
#frame {
    position:relative;
    width:75%;
    background:transparent;
    margin-left:auto;
    margin-right:auto;
}

/*
* Build rounded corners
*/

.b1, .b2, .b3, .b4, .b1b, .b2b, .b3b, .b4b {
    display:block;
    overflow:hidden;
    font-size:1px;
}

.b1, .b2, .b3, .b1b, .b2b, .b3b {
    height:1px;
}

.b2 {
    background:#17bff1;
}

.b3 {
    background:#17bff1;
}

.b4 {
    background:#17bff1;
}

.b4b {
    background:#542988;
}

.b3b {
    background:#542988;
}

.b2b {
    background:#542988;
}

.b1 {
    margin:0 5px;
    background:#17bff1;
}

.b2, .b2b {
    margin:0 3px;
}

.b3, .b3b {
    margin:0 2px;
}

.b4, .b4b {
    height:2px;
    margin:0 1px;
}

.b1b {
    margin:0 5px;
    background:#542988;
}

#header_top {
    width:100%;
    background-color:#17bff1;
    color:#ffffff;
    font-size: 0.8em;
    font-weight:bold;
}

#header_middle {
    background-color:#a7cd39;
}

#header_bottom {
    background-color:#542987;
    font-size:1.1em;
    font-weight:normal;
    color:#ffffff;
}

#header_bottom a, #header_bottom a:link, #header_bottom a:visited {
    background-color:#542987;
    font-size:1.1em;
    font-weight:normal;
    color:#ffffff;
}

#header_bottom a:hover {
    text-decoration: underline;
}

#content {
    float:left;
    padding:1em;
    width:70%;
}

#footer {
    position:relative;
    width:100%;
    background-color:#542987;
    color:#ffffff;
    font-size: 0.8em;
    font-weight:bold;
    text-align:center;
}

#footer a, #footer a:link, #footer a:visited {
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
}

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

#footwrap {
    position:absolute;
    bottom:0;
    width:75%;
}
#main_menu {
    background-color:#ffffff;
    float:right;
    border-left:1px solid #542988;
    width:25%;
    margin-top:0.5em;
    margin-bottom:0.2em;
    margin-right:-1.7em;
    padding-bottom:30%;
}

.menu_item {
    background-color:#ffffff;
    width:80%;
    /*margin-left:auto;*/
    text-align:center;
    margin-top:0.2em;
    margin-bottom:0.2em;
    margin-right:-1em;
    padding-top:0.2em;
    padding-bottom:0.2em;
    padding-left:0.5em;
}

/*
* Image related styles
*/
.left_middle_padl_8 {
    vertical-align:middle;
    padding-left:8px;
    border:0;
}

.text_bottom {
    vertical-align:text-bottom;
}

.text_bottom_padl_8 {
    vertical-align:text-bottom;
    padding-left:8px;
}

.text_middle_padl_8 {
    margin-left: 8px;
    margin-right: 8px;
    vertical-align: text-bottom;
}

#sunflower {
    position:absolute;
    z-index:2;
    /*top:1.5em;*/
    display:block;
    bottom:0.8em;
    margin-right:2em;
    margin-left:78%;
}

img {
    border:none;
}

.img_float_right {
    float:right;
    margin:0.3em;
}

.img_float_left {
    float:left;
    margin:0.3em;
}
/*
* Text rendering
*/

h2.arch {
    font-size:1.1em;
    font-weight:lighter;
    color:#542988;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
}

th.stage {
    font-size:1.5em;
    font-weight:lighter;
    color:#542988;
}

caption.stage {
    font-size:1.5em;
    font-weight:lighter;
    color:#542988;
    padding-top: 0.5em;
    border-top: 2px dashed #542988;
}

th.date {
    text-align:left;
    font-size:1em;
    font-weight:bold;
    color:#542988;
    padding-top: 1em;
}

th.time {
    text-align:left;
    font-size:1em;
    width: 25%;
}

th.act {
    text-align:left;
    font-size:1em;
}

th.date, th.time, th.act {
    border-bottom: 1px solid #000000;
}

p.arch {
    font-size: 0.8em;
    margin-top: 0.1em;
}

a.arch {
    font-size: 1em;
}

.small_black {
    font-size:0.6em;
}

/* Default link styling */
a, a:link, a:visited {
    color:#000097;
    font-weight:normal;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

ul {
    list-style-image: url(/festival/media/img/bullet_orange.gif);
}

dt {
    font-weight:lighter;
    color:#542988;
    margin-top: 0.8em;
}

dd {
    margin-top: 0.5em;
}

/*
* Form styling
*/
fieldset {
    border:1px solid #542987;
    padding:0.5em;
}

legend {
    font-size:1em;
    font-weight:bold;
    color:#17bff1;
    padding:0.5em;
}

.label {
    text-align:right;
    width:25%;
    float:left;
    margin-right:0.2em;
    margin-bottom:0.3em;
}

.entryfield {
    text-align:left;
    width:60%;
    float:left;
}

.submit_r {
    width:25%;
    text-align:right;
}
