/* style definitions for Hampstead and Highgate festival temporary page */

/* blue points to 1100ff */
/* yellow to f8d03f      */

html{height: 100%;}

body{
 background-color: white;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 font-size: 15px;
 font-family: "gill sans", "gill sans MT", "gill sans MS", gillsans, trebuchet,helvetica, verdana,  sanserif, "sans-serif";
 height: 100%;
}

table{
  font-family: inherit;
}

/* menu items */

.menu{
  position: relative; top:10px;
  white-space: nowrap;
}


.menu a{color:inherit; text-decoration: none;}
.menu a:hover{color:#a02a70; text-decoration: none;}



#banner{
  width:100%;
  border-bottom:1px solid;
  border-color:#08454d;
  background-color: #d9f3fe; /* -> 02acf6 */
}

#bannerlogowrapper{
  position: relative;
  top: 0px;
  left: 0px;
}


#bannerlogo{
  position: absolute; top:-4px; left: 4px;
}

.bannerdates{
  color:#a02a70;
  padding: 2px 0px 0px 16px;
  font-weight: normal;
}

.bannerimg{
  position: absolute;
  left: 48px; top:10px;
  opacity:0.4;
  filter:alpha(opacity=40);
}

#headerwords{
  float: right;
  text-align: right;
  padding:30px;
  color:#31285c;
}

#hh1{
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size:10px;
  font-weight: normal;
  padding-bottom:4px;
}

#hh2{
  font-size:30px;
  font-weight: bold;
  padding:0px 0px 10px 0px;
  white-space: nowrap;
}

#hh3{
  font-size:16px;
  font-weight: normal;
}



.mainctd{
  background-color:yellow;
  margin: 0px auto 0px auto;
  max-width: 75ex;
}

#frontadvert{
  float: left;
  width:auto;
  border:1px solid;
  border-color: #00606c;/*#79a0a6;*/
  padding:4px;
  margin: 10px 4px 0px 0px;
  white-space: nowrap;
}

#frontadvert a{color:#333333; text-decoration: none;}
#frontadvert a:hover,a.thanks:hover{color:#a02a70; text-decoration: none;}


#frontlinks{
  text-align: right;
}

#frontlinksinner{
  border-top:1px solid;
  padding:3px 30px 0px 90px;
  border-color: #79a0a6;
  margin-top:6px;
  white-space: nowrap;
}


#maincontent{
  font-size: 15px;
  margin: 10px;
}


/* force a bigish default value, adjusted in the page foot      */
/* NB a bigger default is forced in the artistic director page  */


#mainwrapper{
}


#footer{
  width:100%;
  background-color: #d9f3fe;
  color:#31285c;
  padding:9px 0px 9px 0px;
  margin: 0px;
  text-align: center;
  font-size:12px;
  line-height:140%;
  border-top:1px solid;
  border-color: #79a0a6;
  visibility: visible;
  position: fixed;
  bottom: 0px;
  left: 0px;
}


#m1a, #m1b{
  padding:0px 0px 0px 0px;
  color:#444444;
}


.frontimg{
  width: 200px;
  float: right;
  text-align: right;
  padding-left: 10px;
}


.captionforcedsizeh1{
  font-size: 12px;
  color: #444444;
  font-weight: normal;
  padding-bottom:16px;
  white-space: normal;
}

.caption{
  font-size: 80%;
  color: #444444;
}

.captionc{
  font-size: 80%;
  color: #444444;
  text-align: center;
}

.captionr{
  font-size: 80%;
  color: #444444;
  text-align: right;
}



/* main body stuff */

h1.events{
  padding: 0px;
  margin:  0px;
  white-space: nowrap;
}

.h1imgwrapper{
  padding:12px 12px 0px 0px;
  text-align: right;
}


.contc1{
  padding: 0px 10px 0px 0px;
}

a{color:#165057; text-decoration: none;}
a.thanks{color:black; text-decoration: none;}
a:hover,a.thanks:hover{color:#a02a70; text-decoration: none;}




/* stuff for the programme */

.evleft{
  width:140px;
  text-align: right;
  padding:0px 8px 0px 0px;
  margin: 0px;
}

.evleft a{color:#aaaaaa; text-decoration: none;}
.evleft a:hover{color:#a02a70; text-decoration: none;}

.noteleft a{color:#333333; font-weight: bold;text-decoration: none;}
.noteleft a:hover{color:#a02a70; text-decoration: none;}


.dates{
  text-transform: uppercase;
  padding-bottom:30px;

}

.day{
  font-weight:bold;
  font-size:190%;
  padding-right:1px;
}

.time, .price, .lnote{
  padding-bottom:30px;
}

.karsatime{
  font-size:85%;
  padding:0px 0px 3px 0px;
}

.descr{}

.filmnotes{}

.lnote{}

.pcomp{
  padding-right: 10px;
  white-space: nowrap;
}




.pwork{
  text-indent: -12px;
  padding: 0px 0px 0px 12px;
}



.title{
  font-weight: bold;
}

.venue{
  margin: 0px 0px 8px 0px;
}
.venue:before{
  content:"Venue: ";
  font-size: 70%;
  text-transform: uppercase;
}



.visual{
  padding: 7px;
  background-color: #281f5a;
  color: white;
}
.visualtitle{
  color: #281f5a;
}

.theatre{
  padding: 7px;
  background-color: #983b6f;
  color: white;
}
.theatretitle{
  color: #983b6f;
}

.music{
  padding: 7px;
  background-color: #0091b5;
  color: white;
}
.musictitle{
  color: #0091b5;
}

.dance{
  padding: 7px;
  background-color: #dc6710;
  color: white;
}
.dancetitle{
  color: #dc6710;
}

.outdoor{
  padding: 7px;
  background-color: #6d9f25;
  color: white;
}
.outdoortitle{
  color: #6d9f25;
}
.film{
  padding: 7px;
  background-color: #af0a37;
  color: white;
}
.filmtitle{
  color: #af0a37;
}


.event{
  margin: 4px 0px 20px 0px;
}

.event p{
  text-align: justify;
}

.eventswrapper{
  margin: 0px auto 0px auto;
  max-width: 75ex;
}


.noteleft{
  font-size: 85%;
  margin: 4px 0px 0px 0px;
  font-style:italic;
}

.noteright{
  font-size: 85%;
  margin: 0px 0px 4px 10px;
  font-style:italic;
}



.btp{
  background-color: #af0a37;
  padding:8px;
  margin:0px 10px 30px 14px;
}


#litems{
  font-size: 12px;
  width:200px;
}

.ldates{ font-weight: bold;}
.ltitle{font-style: italic;}

.litem{
  padding:0px 0px 2px 6px;
  text-indent: -6px;
}

h1{
  color:#791e54;
}


#h1spacer,#dateswrapperspacer{
  height: 0px;
  font-size: 1px;
  background-color: white;
}


h1#h1main{
  background-image: url("img/gfxDivider-tall.gif");
  background-repeat: no-repeat;
  background-position:99% 0%;
  min-height: 490px;
  float: left;
  padding: 0px 10px 0px 0px;
  margin: 0px 10px 70px 0px;
  position: fixed;
  background-color:white;
}



.h1normaltext{
  font-weight: normal;
  color: black;
  font-size: 13px;
  width: 100px;
  padding:10px 0px 0px 0px;
}

h2{
  font-weight: bold;
  font-size: 100%;
  padding: 0px;
  margin:4px 0px 2px 0px;
}

h2.past{
  color:#791e54;
  font-weight: bold;
  font-size: 110%;
  padding: 10px 0px 0px 0px;
  margin:4px 0px 2px 0px;
}




#dateswrapper{
  width:240px;
  padding:0px 40px 0px 0px;
  float: left;
  position: fixed;
  margin: 0px 0px 200px 0px;
  background-image: url("img2010/gfxDivider-tall.gif");
  background-repeat: no-repeat;
  background-position:99% 0%;
}

#dateswrapper h1{
  padding: 0px;
  margin:0px 0px 10px 0px;
  white-space:nowrap;
}


#dateswrapper a{color:#31285c; text-decoration: none; font-weight: bold;}
#dateswrapper a .bull{visibility: hidden; font-weight: bold;}
#dateswrapper a:hover{color:#a02a70; text-decoration: none;}
#dateswrapper a:hover .bull{visibility:visible;}

#dateswrapper .times a{color:black; text-decoration: none; font-weight: normal;}
#dateswrapper .times a:hover{color:#a02a70; text-decoration: none;}



#dateswrapper .times{
  font-size:85%;
}
#dateswrapper .dateitem{
  padding:0px 10px 2px 28px;
  text-indent: -28px;
}





.lr1{padding:0px 1px 0px 1px;}
.lr2{padding:0px 2px 0px 2px;}


.bordergrey{
  border:1px solid;
  border-color:#777777;
}

.imgright{
  float: right;
  padding:0px 0px 0px 6px;
}

.left,p.left{text-align: left;}
.center,p.center{text-align: center;}
.right,p.right{text-align: right;}

.everyman{
  padding:10px 0px 4px 0px;
}

.rosl{
  padding-top:12px;
}


.venueinfo{
  margin:20px 0px 12px 0px;
}
.venueinfo:after{
  content:".";
  display: block;
  height: 0px;
  clear: right;
  visibility: hidden;
}


.venuehd{
  font-weight: bold;
  font-size:110%;
  padding:0px 0px 4px 20px;
  text-indent: -20px;
}
.venuedescr{}

.thankshd{
  font-weight: bold;
  font-size:110%;
}


.pr10{padding-right: 10px;}

.arpr10{text-align: right;padding-right: 10px;}

.hang20{
  padding-left:20px;
  text-indent: -20px;
}



.frontpara1{
  font-size:120%;
  width:450px;
  padding:0px 0px 7px 0px;
  margin: 0px;
  text-align: justify;
}

.frontpara2{
  width:450px;
  padding:0px 0px 0px 0px;
  margin: 0px;
  text-align: justify;
}

.frontpara3{
  width:370px;
  padding-right:12px;
  text-align: justify;
}

.frontpara4{
  font-size:85%;
  padding: 0px 0px 3px 0px;
}

.frontdanny{
  border:1px solid;
  border-color:#aaaaaa;
  margin:0px 0px 0px 14px;
}

.fronteventscover{
  border:1px solid;
  border-color:#aaaaaa;
  margin-right:7px;
}


.booknow{
  text-align: right;
  margin: 18px 0px 4px 0px;
  font-style: italic;
  font-size:110%;
  visibility: hidden;
}
.booknowin{
  border-right:2px solid;
  border-bottom:1px solid;
  border-color:#794107;
  padding: 4px 4px 3px 20px;
  visibility: hidden;
}

.evleft .booknow{margin: 16px 0px 16px 0px;}
.booknow a{color:#794107;text-decoration: none;}
.booknow a:hover{color:#a02a70; text-decoration: none;}




p.travel{
  padding: 0px 0px 6px 0px;
  text-align: justify;
  margin: 0px;
}


ul.travel{
  margin: 0px;
  padding: 0px;
  font-size: 90%;
}
li.travel{
  margin: 0px 0px 0px 16px;
  padding:0px 0px 4px 0px;
  text-align: justify;
}

td.travelkey{
  padding: 0px 10px 0px 0px;
  text-align: center;
}

td.travelnote{
 font-size:85%
}


.rm{font-weight: normal;}


/* Diaghilev page */

h2.diag{
  color:#791e54;
  font-weight: bold;
  font-size:120%;
  padding: 4px 0px 0px 0px;
  margin: 40px 0px 0px 0px;
  border-top:1px solid;
  border-color:#791e54;
}


h3.diag{
  color:black;
  font-weight: bold;
  font-size:100%;
  padding: 0px;
  margin: 10px 0px 0px 0px;
}

p.diag0{
  margin: 0px;
  padding: 0px;
  text-indent: 0px;
}

p.diag1{
  margin: 0px;
  padding: 0px;
  text-indent: 14px;
}


.diaghd{
  font-family: palatino, "book antiqua", times;
  font-style: italic;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 4px 0px;
  border-bottom: 1px solid;
  border-color:#aaaaaa;
}


.diaghd .rm{
  font-style: normal;
}


.ftext{
  margin:0px auto 0px auto;
  max-width: 60ex;
  padding: 0px 25px 0px 25px;
}

.ftext p{
  padding: 0px;
  margin: 3px 0px 3px 0px;
  text-align: justify;
}

.ftext p.pb{
  padding: 0px;
  margin: 3px 0px 9px 0px;
  text-align: justify;
}


.trustees{
  border-top:1px solid;
  border-color:#91a5a7; /*#08454d;*/
  margin:50px auto 0px auto;
  max-width: 60ex;
  padding: 2px 25px 0px 25px;
  color: #586465; /*#333333;*/
  font-size:85%;
}

.trustees p{
  padding: 0px;
  margin: 12px 0px 0px 0px;
  text-align: justify;
}

.pconc{
  text-align: center;
  padding:3px 0px 3px 0px;
}


/* for concerts on home page */
#concert,.concert{
  border:1px solid;
  border-color:#08454d;
  background-color: #d8eff9;
  margin:10px;
  padding: 6px 10px 10px 10px;
}

#concert .intro,.concert .intro{
  font-size:85%;
}

#concert .performers, .concert .performers{
  text-align: center;
  font-size:110%;
}

#concert .performers .perf, .concert .performers .perf{
  margin: 2px 10px 2px 10px;
  font-weight: bold;
  color:#31285c;
}

#concert .performers .inst,.concert .performers .inst{
  font-weight: normal;
  font-size:85%;
}

#concert .programme,.concert .programme{
   margin:10px 0px 0px 0px;
   text-align: center;
}

#concert .date,.concert .date{
  margin: 10px 0px 0px 0px;
}

#concert .cvenue,.concert .cvenue{
  margin: 5px 0px 5px 0px;
  font-weight: normal;
}

#concert .tickets,.concert .tickets{
  font-size:85%;
}