/* Pipes Around the Pacific - 2010 International Organ Festival
   Victoria BC.
	 
	 This style sheet assumes a preceding 'reset' style sheet
	 
	 Logo colours: #7bb6dc;#bcdee4;#86c3cb;  #0e285c;
*/

body {
  margin:0 auto;
	/*padding:0 0.5em;*/
	min-width: 875px;
	max-width: 1012px;
	font-size:medium; 
	font-family:"trebuchet MS", verdana, arial, sans-serif; 
	background:#6c9cc9; 
	}

/* === Layout === */

#header {
  /* detail of Ryan Bushby photo of BC Parliament Buildings, Wikimedia */
  background:url(../img/bcpb80.jpg) /*#6c9cc9*/ #455c5a no-repeat center top;
	height:85px;
	/*position:fixed; width:100%;*/
  color:#eef; 
	text-align:center;
	}
	
/* #content contains the 3 columns */
#content {
	min-height: 450px;
  overflow:hidden; 
  background:#fff; 
	}

#leftColumn {
  float:left; 
	width:180px; padding:10px; 
	color:#fff;
	background:#000;
	}
#rightColumn {
  float:right; 
	width:180px; padding:10px; 
  color:#ffe;
  background:#000 /*url(../img/2010logo140.png) no-repeat center top*/;
	}
#middleColumn {
	margin:10px 210px;
	color:#0e285c;
	}

#middleColumn p {
	margin:0.5em 0;
	line-height:1.2;
	text-align:justify;
	}

#leftColumn, #middleColumn, #rightColumn {
  padding-bottom:32767px; margin-bottom:-32767px;
	}

#footer {clear:both; background:#455c5a;}

.clr {clear:both;}


/* === STYLE === */

/* Headings, general */
h1, h2, h3, h4, h5, h6 {  
  font-family: futura, verdana, arial, helvetica, sans-serif;
	font-weight: bolder;}
h1 { font-size: 1.6em; line-height: 1.7;}
h2 { font-size: 1.4em; line-height: 1.5;}
h3 { font-size: 1.3em; line-height: 1.5;}
h4 { font-size: 1.2em; line-height: 1.3;}
h5 { font-size: 1.1em; line-height: 1.5;}
h6 { font-size: 1.0em; line-height: 1.5; margin-bottom:0.5em;}

/* Headings, specific */
#header h1 {  
  padding-top:0.3em;
	font-size:1.7em;
	line-height:1.1;
	text-transform:uppercase;
	} 
#header p {  
  font-size:1.0em;
	line-height:1.5;
	} 
	
hr {
  color:#455c5a;
	}

/* Logo */
.logoText {
  margin: 0px 0 10px 0;
	font-family:palatino, times, serif;
	font-size:0.78em;
	letter-spacing: 0.3em;
  text-align:center;
	text-transform:uppercase;
	}
	
#middleColumn p a, #middleColumn ul a {
  /*font-weight:bolder;*/
	color:#002bb8;
	text-decoration:none;
	}
#middleColumn ul a:hover,
#middleColumn ul a:active,
#middleColumn dl a:hover,
#middleColumn dl a:active,
#middleColumn p a:hover,
#middleColumn p a:active {
	text-decoration:underline;
  }


/* Personnel list */
.pers {
 	padding: 0 0 1em 0;
  }
.pers dl {
  float:left;
	min-width:400px;
 	margin: 0 0 1em 0;
	padding:0 0 0 1em;
 	display: inline; /* fixes IE/Win double margin bug */
  }
.pers dt {
	font-weight: bold;
	font-size:1.1em;
	}	
.pers dt a {
  color:inherit;
	font-weight: bold;
	text-decoration:none;
	}
.pers dd{
  font-size:90%;
	padding: 0.2em 0 0 1em;
  }	
.pers dl dd.img {
  margin-top:0.3em;
  }
.pers dd.img img {
  border:#0e285c thin solid;
	float:left;
	margin-right:1em;
	margin-bottom:0.2em;
	}
.pers dd ul {
  line-height:1.2;
	}
	
dl.serv {
  margin:0.5em 0 1.0em;
	padding-left:1em;
  font-size:95%;
	line-height:1.2;
	}	
.serv dt, .serv dt a {
  margin-top:0.5em;
  color:inherit;
	font-weight: bold;
	text-decoration:none;
	}	
.serv dt a:hover, .serv dt a:active {
  text-decoration:underline;
	}
.serv dd{
	padding: 0.2em 0 0 1em;
	text-align: justify;
  }	
	
/* day's events */	
/*.day dd a {
  text-decoration:none;
	color:#002bb8;
	}*/
dl.day {
  margin:0.5em 0 1.0em;
	padding-left:1em;
	line-height:1.2;
	}	
.day dt {
  margin-top:0.5em;
  color:inherit;
	font-size: 0.9em;
	font-weight: bolder;
	text-decoration:none;
	}	
.day dd{
	padding: 0.2em 0 0 1em;
	font-size: 0.9em;
  }	
.day dd a {
  text-decoration:none;
	color:#002bb8;
	}
.day dt a:hover, .serv dt a:active {
  text-decoration:underline;
	}
	
/* festival summary */	
.fest dd a {
  text-decoration:none;
	color:#002bb8;
	font-weight: bolder;
	}
dl.fest {
  margin:0.5em 0 1.0em;
	padding-left:1em;
	line-height:1.2;
	}	
.fest dt {
  margin-top:0.5em;
  color:inherit;
	font-size: 0.9em;
	font-weight: bolder;
	text-decoration:none;
	}	
.fest dd{
	padding: 0.2em 0 0.2em 1em;
	font-size: 0.9em;
  }	
.fest dd a {
  text-decoration:none;
	color:#002bb8;
	}
.fest dt a:hover, .serv dt a:active {
  text-decoration:underline;
	}

	
/* Sponsor list */
ul.spon {
  margin:0.5em 0 1.0em;
	padding-left:1em;
	}	
.spon li {
  margin-top:0.5em;
	}	
.spon li, .spon li a {
  color:#000;
	font-weight: bolder;
	text-decoration:none;
	}	
	
	
#footer {
  min-height: 36px;
  color:#fff;
	font-size:0.85em; 
  font-style:italic;
	text-align:center;
	line-height:1.1;
	padding-top:0.3em;
}
#footer .name {
  font-style: normal;
  }	
	
	
/* === Photo-menu, headshots in a row === */
div.photonavh {
  margin-top:0.5em;
	}
.photonavh li {
  display: inline;
	}	

/* === Fee table === */
table.fee {
  background:#ffc;
	/*width:25em;*/
	margin:1em 0 0 0;
	border:#0e285c thin solid;
			}
			
table.fee th {
  border-bottom:#0e285c thin solid;
	}
table.fee td, table.fee th {
  padding:0.2em 0.5em;
	}
table.fee caption {
  font-size:1.5em;
	}
	
/* === Program Highlighting === */
.brk {background:#bcdee4;}
.pub {background:#dfd;}
.prf {background:#ffd;}
.opt {background:#fdf;}

/*
------------------------------------------------- 
Navigation
------------------------------------------------- 
*/
#menu {
	color: #999;
	margin:0 0 0.5em 0;
  }
#menu a {
	color: #fff;
	display: block;
	text-decoration: none;
	padding:0.1em 0;
  }

* html #menu a {width:100%;}  /* for IE 6 and earlier */

#menu a:hover {
  text-decoration:underline;
	}
#menu li {
	display: block;
	/*height:1em;*/
  }

#menu li li {  /* indent submenus */
	padding-left:1em;
  }

/* Highlight current menu item */
/*#menu a:hover,*/
#introit #menu #int,
.public  #menu #pub,
#porgwrk #menu #pow,
.program #menu #pgm,
#thanks  #menu #ack,
#map-ven #menu #mvn,
.wrkshop #menu #wsp,
#lodging #menu #acc,
#transp  #menu #trn,
.registr #menu #reg,
#sponsor #menu #spr,
.advern  #menu #adv,
#display #menu #dsp,
#compose #menu #com,
#workshp #menu #wrk,
#contact #menu #cnt,
#about   #menu #abt,
#linden  #menu #lin,
#raffle  #menu #raf
  {color: #999; /*non-linked items */
  background-color: #66a3ab;/*#7bb6dc;*/
	/*border-width: thin;
	border-style: solid;
	border-color: black #eee;*/}

/* Highlight submenu item */
/*  #page #menu #submenu  */
#wrk1 #menu #ws1 a,
#wrk2 #menu #ws2 a,
#wrk3 #menu #ws3 a,
#wrk4 #menu #ws4 a,
#pgm-sun #menu #pgm1 a,
#pgm-mon #menu #pgm2 a,
#pgm-tue #menu #pgm3 a,
#pgm-wed #menu #pgm4 a,
#pgm-thu #menu #pgm5 a
  {
	color: #000;
	background-color:	#bcdee4;
	}
	
/* Submenu style */
ul.sub li {background-color:#455c5a;}

/*.sub a:link, .sub a:visited {
  color: #666;
	}*/
/*ul.sub li a:hover, .sub a:active {
  color: #000;
	}*/
	/*
.sub a:link, .sub a:visited, .sub a:hover, .sub a:active {
  text-decoration: none;
	}*/
.sub {
  display: none;
	}

/* Submenu selectors (body id, submenu id) */
.program #pgm-sub,
.wrkshop #wsdescr,
.registr #reg-sub,
.advern  #adv-sub {
  display: list-item;
	}

ul.sq {
	list-style:square inside;
	padding-left:1em;
	margin:0.3em 0 0.5em 0;
	}

ol {
	list-style:decimal outside;
	padding-left:2em;
	margin:0.3em 0 0.5em 0;
}

a.external[href^="http://"]:after,
a.external[href^="https://"]:after {
  content:" "url(../img/icon/external.png);
	}
a.external[href^="mailto:"]:after{
  content: url(../img/icon/mail_icon.png);
  }
a[href$=".pdf"]:after{
  content: url(../img/icon/icon_acrobat_16.png);
  }

.snap {
  border:#363 thin solid; 
  padding:0.5em; 
	margin:0.7em 0 0.5em 0.7em; 
	float:right;
	text-align:center;
	background-color: #f8f8f8 /*#9cccf9*/ /*#e5fcfa*/ /*#bcdee4*/;
	}
div.snap p {
  margin:0;
	padding:0;
	}
.box {
  width:80%;
	margin:0.7em auto;
	text-align:justify;
	font-size:small;
	}
.details th {  /* Event detail table side headings */
  text-align: right;
	padding: 0 0.5em 0 0.5em;
	}
.details td {
	padding-bottom: 0.4em; /* spacing between event detail table rows */
	}
.mono {font-family:monospace;}
.left {float:left;}
.right {float:right; padding:0 0 0 0.5em}
.name {font-weight: bolder;}
.note {font-size:0.85em;}
.nb {color: #f00;}
dd.bio {font-size:0.8em; color:#000; padding:0.5em 4em;}
ul.address {font-size:0.9em; padding-left:2.0em;}
div.col {
  width:46%;
	padding:2%;
	}
.print-only {display:none;}  

/* === End of pap.css === */