/* Layout taken from http://www.xs4all.nl/~peterned/examples/csslayout1.html */

body, html {
  margin: 0;
  padding: 0;
  height:100%; /* needed for container min-height */
}

@media screen{
  body>div#header{
   position:fixed;
  }
  body>div#picture{
   position:fixed;
  }
}

#container {
  position:relative; /* needed for footer positioning*/
  margin:0 auto; /* center, not in IE5 */
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%; /* real browsers */
}

div#header{
  position:fixed; 
  top:0;
  left:0;
  width:100%;
  height:200px;
}

div#menu {
  position: fixed;
  top: 200px;
  padding: 10px;
  width: 100%;
}

#content {
  padding: 260px 1em 3em;
  width: 65%;
}

#picture {
  position: fixed;
  top: 60px;
  right: 0;
}

#footer {
  position:absolute;
  width: 100%;
  bottom: 0;
}

#footer p {
  padding:1em;
  margin:0;
}

table#gigs td {
  padding-bottom: 1em;
}

/* Colours & Fonts */
body, html {
  background-color: #D9C48E;
  color: #222222;
}

#header {
  background-color: #54492D;
}

#menu {
  background-color: #222222;
  color: #D9C48E;
  font-family: Verdana, Arial, Helvetica, sans-serif
}

#content {
  font-family: Trebuchet MS, sans-serif;
}

#footer {
  text-align: center;
  font-size: 90%;
}

/* Text */
td {
  vertical-align: top;
  white-space: nowrap;
}

td.wrap {
  white-space: normal;
}

/* Links */
#menu :link { color: #D9C48E; text-decoration: none; }
#menu :visited { color: #D9C48E; text-decoration: none; }
#menu :hover { text-decoration: underline;}

#content :link { color: #808080; }
#content :visited { color: #54492D; }
#content :hover { text-decoration: none; }

#footer :link { color: #54492D; }
#footer :visited { color: #54492D; }
#footer :hover { text-decoration: none; }

/* Misc */
html {
     overflow: -moz-scrollbars-vertical;
}