/* 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 30px 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 */


.m0{
  font-weight: bold;
  color:#31285c;
  padding: 3px 0px 0px 0px;
}

.m1{
  padding-left: 14px;
  color: #57103a;
}


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

#menu{
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 120px 4px;
  border-right: 1px solid;
  border-color: #00606c;
  background-color: #e6f7fe;
  width: 30ex;
  font-size:12px;
  height: 100%;
/*position: fixed;*/
}

#menuinner{
  position: fixed;
}


#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;
}

#maincontentwrapper:after{
  content: ".";
  display: block;
  height: 0px;
  clear: both;
  visibility: hidden;
}


#maincontentwrapper{
  font-size:12px;
  margin: 0px 0px 0px 33ex;
  padding: 0px 10px 0px 20px;
}

#frontlinks{
  text-align: right;
}

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


#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{margin-left:200px;}

.mainbodytxt{
  margin: 0px auto 0px auto;
  max-width: 65ex;
  min-width: 45ex;
  <!--[if IE 6]> width:50ex; <![endif]-->
  <!--[if IE 5]> width:50ex; <![endif]-->
}

.mainbodytxtwide{
  margin: 0px auto 0px auto;
  max-width: 72ex;
}

.eventswrapper{
  margin: 0px auto 0px auto;
  max-width: 80ex;
  min-width:540px;
  <!--[if IE 6]> width:550px; <![endif]-->
  <!--[if IE 5]> width:550px; <![endif]-->
}

.mainbodytxt p{
  text-align: justify;
}

#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;}


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

}

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

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

.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;
}

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;
}

#dateswrapper{
  width:200px;
  float: left;
  position: fixed;
  margin: 0px 0px 200px 0px;
  background-image: url("img/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%;
}
.booknowin{
  border-right:2px solid;
  border-bottom:1px solid;
  border-color:#794107;
  padding: 4px 4px 3px 20px;
}

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