/* color scheme
maroon      #8e2800
red         #b64926
orange      #ffb03b
yellow      #fff0a5    
green       #468966
gray        #e5e5e6

light maroon      #e60a71
maroon            #971b55
green             #b6c504
gray              #cacac9
dark grey         #989797

kuler triad theme
green    #A4972E
brown    #4B0627
maroon   #971B56
dark teal #085864
light blue #085864
*/



body {
    font-family: Verdana, Arial , Helvetica, sans-serif;
    background-color : #f6f6f9
}

a:link {color: #971B56;}
a:visited {color:#971B56;}
a:hover { color: #b6c504; text-decoration: none;}

h1, h2, h3{font-family: Verdana, Arial , Helvetica, sans-serif;}
h1 { font-size:1.9em; font-weight:900; margin-bottom: 5px; letter-spacing: -0.05em; }
h2 { font-size:1.5em; font-weight:900; margin-bottom: 5px; letter-spacing: -0.05em;}
h3 { text-transform:uppercase; font-weight: normal; font-family: Verdana, Arial , Helvetica, sans-serif; font-size:0.7em;}
h4 { font-size:1.2em; background-color:#f4e8ee; color: #971B56; font-weight: bold; letter-spacing: -0.03em;padding: 5px 20px;}
h5 { font-size:1.1em; background-color:#f8f9e5; color: #b6c504; padding: 15px 20px; border: 1px solid #b6c504;}
h6 { font-size:1.1em; background-color:#d5d5d5; color: #971B56; font-weight: bold; letter-spacing: -0.03em;padding: 5px 5px 2px 10px;}
.round-header { font-size:1.2em; background-color:#f4e8ee; color: #971B56; font-weight: bold; letter-spacing: -0.03em; padding: 0 20px 5px 20px;}
/*
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited { color:#989797;}
*/
h5 a:link, h5 a:visited {color:gray;}
h3 a:link, h3 a:visited { color:black;}
h3 a:hover { color: #b6c504;}

.bodytext {
    font-family: Verdana; 
    font-size: 14px;
    letter-spacing: 0.02em;
    color: gray; 
    margin-bottom: 5px;
}
.bold, .new { font-weight: bold;}
.lightred { color:#bf3a14; }
.darkred { color:#9f3010;}
.lightbrown { color:#cdccb2; }
.darkbrown { color:#754c24; }
.darkbrown-bg { background-color:#392D1F; }
.biege-bg { background-color:#f1f0d1;}
.biege { color:#f1f0d1;}
.grey {color:gray;}
.grey-bg { background-color:#f6f6f9;}
.light_syc_green-bg, .even { background-color:#f8f9e5;}
.black-bg { background-color:black; }
.white { color: white;}
.orange { color:#E87515;}
.orange-bg { background-color:#E87515;}
.huge { font-size: 500%;  font-weight:bold;}
.bigger { font-size: 130%;}
.smaller { font-size: 0.95em;}
.block { display:block;}
.inline { display:inline;}
.right { text-align: right;}
.left { text-align: left;}
.center { text-align: center;}
.vam {vertical-align:middle;}
.padding { padding: 10px 20px;}
.padding5 { padding: 5px;}
.padding10 { padding: 10px;}
.spacer { margin: auto; width:920px;}
.toptableborder{ border-top: 1px solid #f4e8ee;}
.topborder { border-top: 1px solid #f4e8ee; padding: 5px 0 0 0; margin: 5px 0 0 0;}
.bottomborder { border-bottom: 1px solid #f4e8ee; padding: 0 0 5px 0; margin: 0 0 5px 0;}
.leftborder { border-left: 1px solid #f4e8ee; }
.rightborder { border-right: 1px solid #f4e8ee; }
.box { float:left;}
.tips { color:#E87515; font-size:10px; padding:0 0 5px 5px;}
.mb {margin-bottom: 10px;}
.mt {margin-top: 10px;}

.instructions {
    background-color: #fff0a5;	 
    background-image: url("/images/icons/error.png");
    background-repeat: no-repeat;
    background-position: 20px 50%;   
	color: #ffb03b;
    padding: 10px 20px 10px 50px;
    border: 3px solid #ffb03b;
    font-size: 0.85em;
    margin-bottom: 10px;
}

.sticker {
    background-color: #fff0a5;
    padding: 5px 10px;
    display: inline;
    margin: 0 5px 5px 5px; 
    font-weight: bold;
    font-size: 0.6em;
}

span.ajaxtable_currentpage {  padding:4px 8px; background-color:#971B56; color:white; font-weight:bold;}
div.ajaxtable_pagination a:link, .ajaxtable_pagination a:visited{ padding:3px 7px; border:1px #971B56 solid; color: #971B56;}
div.ajaxtable_pagination a:hover{ padding:3px 7px; border:1px #971B56 solid; background-color:#971B56; color: white;}

ol {margin: 0 0 0 18px;}

.preview {
    display: inline;
}
#logo{
    margin: 25px 10px;
    text-align: center;
}
#mainbody { 
    background-color :white;
    font-size: 0.9em;
}

#logo-column {
    width:120px;
    float:left;
}
#content-column {
    width: 800px;
    float:left;
}

#sign {margin-right: 3px;}
#words {}

div.notice, div.warning {
    font-weight: bold;
    color: white;
    padding: 10px 20px;
    margin: 5px 0 10px 0;     
}
div.warning {
    border: 2px solid #8e2800;
    background-color: #b64926;
}

div.notice {
    border: 2px solid #b6c504;
    background-color: #f8f9e5;
    color: #b6c504;
}
div#header-top {
}

div.admin {
    background-color: #f4e8ee; 
    padding: 10px;
}
.admin li {
    float:left;
    padding-left: 15px;
    font-size: 0.9em;
}

.navi {
    background-color: #971B56;
    padding: 8px 20px 5px 20px;
}

.navi ul{
}

.navi li, .sub-navi li {
   float: left;
   margin-right: 15px;
   font-size: 1em;
   font-weight: bold;
}

.navi a:link, .navi a:visited {
    text-transform: capitalize;
    display:block;
    color: white; 
}
.navi a:hover { text-decoration: none; color: #b6c504;}

li.selected {
}

li.selected a:link, li.selected a:visited { color: #b6c504; }
li.selected a:hover {text-decoration: none;} 

div.fineprint {
    margin-bottom:10px
}

div#footer {
    margin-top: 10px; 
    font-size: 0.75em;
}

.left500 {width: 500px; float:left; margin-right: 20px;}
.mid200 {width: 220px; float:left; margin-right: 20px;}
.right300 {width: 300px; float:left;}
.left400 {width: 400px; float:left; margin-right: 20px;}
.right240 {width: 240px; float:left;}

img.litebox { 
    vertical-align:bottom; 
}

.thumb {
    float:right;
}

.thumb img, .spotlight img{
    padding: 3px;
    border: 1px solid #e5e5e6;    
}

.gname {
    display:inline;
    background-color: #e5e5e6;
    padding: 5px 12px 0 12px;
    color: gray;
}
.group {
    padding: 10px 20px;
    background-color: #f8f9e5;
    border: 2px solid #d5d5d5;
}

    .group tr td {
        padding: 5px;
        vertical-align: top;
    }
    .group tr.even {
        background-color: #f6f6f9;
    }

.pinkborder{
    border-color: #971B56;
}

table.programme td{
    vertical-align: top;
    font-size: 0.9em;        
}
table.programme td.artist{
    padding-right: 10px;
    font-weight: bold;        
}

table.programme th.grouptitle { color:#971B56; padding-top: 10px; }
table.programme div.title {}
table.programme div.notes {font-size: 0.8em; font-style: italic;}
table.programme td.special {}

.legend { font-size:0.75em;}
.wp, .wp a:link,.wp a:visited{ color: #A4972E }
.cw, .cw a:link,.cw a:visited{ color: #ffb03b }

ul.steps li {
    float: left;
    width: 90px;
    background-color: transparent;
    margin-right: 5px;
}
ul.steps a:link, ul.steps a:visited, ul.steps a:hover {
    text-transform: capitalize;
    display:block; 
    padding: 5px;
}
ul.steps li.completed a:link, ul.steps li.completed a:visited {
    color: #d5d5d5;
}
ul.steps li.current a:link, ul.steps li.current a:visited {
    color: black;
    font-weight: bold;
    border: 1px solid #b6c504;
    background-color: #f8f9e5;
}

ul.steps a:hover, ul.steps li.completed a:hover  {
    color: #b6c504;
    background-color: #f8f9e5;
    border: 1px solid #b6c504;
}

span.step-name {font-size: 0.8em;}

.performance div.picture { float:right; }
.performance div.picture img.litebox { border: 1px solid #f4e8ee; padding: 3px; margin: 0 0 3px 3px;}
.performance div.writeup { 
    margin-top: 10px;
}
.performance div.snippet {
    font-size: 0.8em;
    color: gray;
}

div.date {
    text-align: center;
    font-family: Georgia;
    font-weight: bold;
    width: 68px;
    height: 77px;
    margin-top: 10px;
}
    div.date div.day {
        font-size: 2.5em; 
        color: #b6c504;
    }
    div.date div.month {
        text-transform: uppercase;
        color: gray;
        font-family: Verdana, Arial , Helvetica, sans-serif;
        font-size: 0.9em;
    }
    div.date div.year {
        color: #d5d5d5;
        font-size: 0.85em;
    }

.timeline-event-bubble-time, .timeline-event-bubble-title {
    display: none;
}

.st-bubble-date {
    font-size: 0.9em;
    font-weight: bold;
    color: #b6c504;
}
div.st-bubble-image {
    float:right;
}
div.st-bubble-image img {
    border: 1px solid #f4e8ee; padding: 3px; margin: 0 0 3px 3px;
}

.st-bubble-bodytext {
    margin-top: 5px;
    font-size: 0.7em;
    color: gray;
}

div.timeline-band-layer-inner img {
    margin-right: 5px;
}

tr.artist td{padding: 5px 10px 5px 5px; }
li.work {}