/*  http://www.glastonburymusic.org.uk/invisible.css */

BODY { 
	background: url("pix/open.gif") repeat-y 42px 0px black; 
	color: white; 
	margin: 0; 
	padding: 0;
	font: normal small sans-serif 
	}

  A {
  	color: #00f
	}

  A:visited { 
  	color: #646 
	} 

  A:hover { 
  	color: #c06; 
	}

  A:active { 
  	color: #0f0; 
	}

p { 
	font: normal small sans-serif;
	color: inherit;
	background: url(pix/black.png);
	}


h1 { 
	font: 900 xx-large cursive; 
	font-stretch: expanded; 
	text-shadow: 2pt 2pt; 
	color: #c00 
	}

h2 { 
	font: 700 x-large sans-serif; 
	color: #fc0 
	}

h3 { 
	color: blue 
	}

h4 { 
	color: #FC0 
	}

h5 { 
	color: #90f 
	}

th { 
	background: url("graphics/titlebar.png") repeat-x #808; 
	font: 900 medium sans-serif; 
	color: #FF0 
	}

caption { 
	caption-side: bottom; 
	font: italic small serif 
	}

li {
	list-style-position: inside
	}

ul li {
	list-style-image: url(pix/pyram_ico16.png)
	}

/* common styling */
.menu {font-family: sans-serif; width:643px; position:relative; margin:0; font-size: small; margin: 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fc0; border:1px solid #fc0; background:#000; line-height:20px; font-size: small; overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; margin-right:1px; position:relative;list-style-image: none}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#ff0; background:#600;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#000; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#000; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#000; color:#fc0;}
.menu ul li:hover ul li a:hover {background:#600; color:#ff0;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

*.band { 
	font: bold small sans-serif; 
	color: #90f 
	}

.album { 
	font: bolder small cursive; 
	color: #c00 
	}

.title { 
	font: bold small cursive; 
	color: #0a0 
	}

.blag { 
	font: bold medium cursive; 
	color: #900 
	} 

.name { 
	font: bolder small sans-serif; 
	color: #66f 
	}

.venue { 
	font: bold small sans-serif; 
	color: #090 
	}

.org { 
	font: bold small sans-serif; 
	color: #c60 
	}

.date { 
	font: bolder small sans-serif 
	}

.quote { 
	font: italic small serif 
	}

.foot1 { 
	font: bold smaller sans-serif; 
	color: #930 
	}

.head1 { 
	font: 700 large sans-serif;
	background: url("graphics/titlebar.png") repeat-x;
	color: #FC0 
	}

.head2 { 
	font: 900 medium sans-serif; 
	color: #FF0 
	}

.head3 { 
	font: bold small sans-serif; 
	color: #fc0 
	}

.byline { 
	font: normal smaller sans-serif; 
	color: white 
	}

.songline { 
	font: normal smaller sans-serif; 
	font-size: 10pt; 
	color: #fc0 
	}

.photo {
	margin: 1ex;
	border: thin solid #333
	}

.logo {
	display: inline;
	vertical-align: middle
	}

#sidebar {
	float: right;
	background: url("pix/invisi_tile3.png");
	color: white;
	padding: 1ex;
	border: thin solid #777;
	width: 31%
	}

#main {
	float: left;
	width: 65%;
	margin: 1ex
	}

#full {
	margin: 1ex;
	background: url("pix/oppic.jpg");
	}
	
.example {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	font-variant: normal; 
	text-transform: none; 
	color: #000000; 
	text-decoration: none; 
	background-color: #FFFFCC; 
	background-image:   url(graphics/bg-1.jpg); 
	background-repeat: repeat; 
	letter-spacing: normal; 
	text-align: left; 
	vertical-align: top; 
	word-spacing: normal; 
	white-space: normal; 
	list-style-position: inside; 
	list-style-image:   url(graphics/aro.gif)
	}

.poster { 
	width: 33% 
	}