* {margin:0;padding:0;}
html {width:100%;height:100%;}

/* WiW */

body {
  background:#bcc4a3 url('img/bg.jpg'); 
  color:#fff; font-family:monospace;   font-weight:bold;    font-size:14px; 
  width:100%; height: 100%;
}

div#content {
  position:absolute; top:5%; left:50%; 
  margin:0px 0 0 0;
  width:50%; 
  overflow:hidden;	
  /*background:url('img/sketch3.jpg') 0% 50% no-repeat; */

}
div#context {
	width:400%;
}
dt, section#sound ol, section#network ul, section#sound h2 {
	background:#bcc4a3;
}
nav  {
	position:absolute; top:50%; left:50%; 
	margin:170px 0 0 -65px;
	text-align:right;
}
nav li {
	list-style-type:none;
	margin-bottom:1px;
}
nav li a {
	text-decoration:none;
	background:#ffffff; color: #bcc4a3;
}
nav li a:hover {
	background:none; color: #ffffff;
}
section#events {
    float:left;
	width:25%;
    
}

dd dd, dd dt {
    padding: 0.1em 0;
}

dd dt {
    float:left;
    width:9.5em;
}

dd dt:after {
    content: " -- ";
}

dd dd {
    margin:0 0 0 9.5em;
}

section#sound {
    float:left;
	width:25%;
}

img#logo {
  position:absolute; top:50%; left:50%; margin:-170px 0 0 -170px; 
}

a {
  color:#fff; font-family:monospace;
}

a:hover {
  background:#ffffff; color: #bcc4a3;
}

p {
  margin:0 0 1em 0
}

dt.past {
  margin:1em 0 0 0
}

.past, .past a {
  color:#E8EDD6
}

.past a:hover {
  background:#E8EDD6; color: #bcc4a3;
}

h2 {
	font-size:120%;
}

.release {
	margin:0 0 1em 0;
}

.release li {
	margin-left:2em
}

.player { margin-bottom:-3px}


section#network {
    float:left;
	width:25%;
}

section#network ul {
    margin-left:2em
}