html, body, form, fieldset{
  margin: 0;
  padding: 0;
  font: 100%/120% Verdana, Arial, Helvetica, sans-serif;
}
/* Neutralize styling:
   Elements with a vertical margin: */

h1 {
  margin: 0;
  padding: 2em 1em 0 1em;
}

h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
  margin: 1em 2em 2em 2em;
  padding: 0;
  line-height: 1.5em;
}
/* Apply left margin:
   Only to the few elements that need it: */

.mystri {
  text-decoration: line-through;
  color: #FF0000;
}

li, dd, blockquote {
  margin-left: 0;
  list-style-type: none;
}
/* Miscellaneous conveniences: */

form label {
  cursor: pointer;
}
/* Form field text-scaling */

input, select, textarea {
  font-size: 100%;
}

img {
  border: none;
  padding: 0;
  margin: 0;
  }
/*End of =INITIAL*/
/*Basic elements*/

html {
  overflow: scroll;
}

body {
  background: url(assets/img/bg.jpg);
}

#box {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  color: #555555;
}


#navbar {
  float: left;
  width: 100%;
  color: inherit;
  font-size: 93%;
  line-height: normal;
  background: #CC6600 url(assets/img/navpaper.gif);
}

#navbar ul {
  margin: 0 0 0 4em;
  padding: 0;
  list-style: none;
}

#navbar li {
  display: inline;
  margin: 0;
  padding: 0;
}

#navbar a {
  float: left;
  color: #555;
  background: inherit;
  margin: 0;
  padding: 0 0 0 4px;
  text-decoration: none;
  cursor: pointer; /*fix for IE - otherwise it stupidly shows a text selector!*/
}

#navbar a span {
  float: left;
  display: block;
  padding: 5px 15px 4px 6px;
  background: inherit;
}

#navbar a:hover span {
  color: #FFFF66;
}

#home #nav-home a span, #music #nav-music a span, #publications #nav-publications a span, #discography #nav-discography a span, #gigs #nav-gigs a span, #links #nav-links a span, #contact #nav-contact a span {
  color: #FFFF66;
  font-weight: bold;
  background-color: inherit;
}

#box {
   background: url(assets/img/paper.jpg);
   border: 1px solid #000;
}

#content {
  margin-left: 2em;
}

table {
  margin: 2em;
}


table th {
 text-align: left;
}

table td {
  text-align: left;
  vertical-align: top;
  padding-bottom: 3em;
}
/*Specific div's: music page*/

#musicbox {
 margin-top: 2em;
 display: block;
 width: 720px;
 overflow: hidden; /*This, somewhat bizarrely, keeps the box background in place*/
}

#musicbox ul {
 float: left;
}

#musicbox ul li span {
  font-weight: bold;
}

/*Specific div's: contact page*/

#form-container {
  padding: 0;
  margin: 2em 2em 0 0;
}

#form-layout {
  display: block;
  margin: auto;
}

.legend {
  padding: 0;
  margin: 5em 0 2em 8em;
  font: 100% verdana, sans-serif;
  text-align: left;
  font-weight: bold;
}

fieldset {
  border: none;
  text-align: left;
}

form {
  margin-left: 0;
  text-align: left;
}

label {
  width: 7em;
  float: left;
  text-align: right;
  margin: 0 1em 10px 0;
  clear: both;
  font: 100% verdana, sans-serif;
}

.input-box {
  margin-bottom: 10px;
  background: #fffab2;
  color: gray;
  border-top: #99a inset 1px;
  border-left: #99a inset 1px;
  border-right: #99a inset 0px;
  width: 20em;
}

.input-box_opt {
  margin-bottom: 10px;
  color: gray;
  background: #fff;
  border-top: #99a inset 1px;
  border-left: #99a inset 1px;
  border-right: #99a inset 0px;
  width: 20em;
}

.message-box {
  margin-bottom: 10px;
  color: gray;
  background-color: #fffab2;
  border-top: #99a inset 1px;
  border-left: #99a inset 1px;
  border-right: #99a inset 0px;
  width: 30em;
  height: 10em;
  font: 100% verdana, sans-serif;
}

.button-holder {
  display: block;
  text-align: left;
  margin: 0 0 0 7em;
}

.submit-button {
  margin: 1em;
}