/* style.css for www.dontshootthemessenger.co.uk */

body {
  color:        black;
  background-image: url('backgrounds/bgimg.bmp');
  font-family:  Verdana, Arial, sans-serif;
  font-size:  14px;
  margin: 20px 0px; padding:0px;
  text-align:center;
}

p {
  font-family:  Verdana, Arial, sans-serif;
  font-size:  14px;
  margin:  0em;
}

li {
  font-family:  Verdana, Arial, sans-serif;
  font-size:  14px;
}

ul {
  margin-top:  0em;
}

img {
  border:  none;
}

#Content {
  width: 700px;
  margin:0px auto;
  text-align:left;
  padding:0px;
  border: 1px solid #e0e0e0;
  background:  #e0e0e0;
}

table.memberpicstable {
  width:  700px;
  border:  none;
  border-collapse:  collapse;
  margin-top:  0px;
  margin-bottom:  1px;
}

td.memberpic {
  margin:  0px;
  border:  none;
  padding:  0px;
}

table.nextgig {
  width: 692px;
  border: 2px solid red groove;
  background: #f9fff9;
  padding: 4px;
  margin:  4px;
}

p.nextgigtext {
  font-size: 120%;
  text-align: center;
  margin: 0;
}

p.nextgigbar {
  text-align: center;
  margin: 0;
}

table.pageheader {
  background:   #ffffcc;
  border-bottom: dotted;
  border-color:  red;
  width: 700px;
}

td.pageheadertext {
  font-family:  "Courier New", Courier, mono;
  font-size:    200%;
  font-weight:  bold;
}

td.navbar {
  font-family:  "Courier New", Courier, mono;
}

table.memberstable {
  width:  700px;
  border:  1px solid #ffffcc;
  border-collapse:  collapse;
  margin-top:  0px;
  margin-bottom:  1px;
}

td.members {
  background:   #ffffcc;
  padding:      0.5em;
  width:        50%;
  text-align:   center;
  vertical-align:  top;
  border:  1px solid #e0e0e0;
}

td.memberprofile {
  background:   #ffffcc;
  padding:      0.5em;
  vertical-align:   top;
}

img.profilepic {
  float:  right;
}

p.contactdetails {
  width:  700px;
  background:   #ffffcc;
  padding:      0.5em;
}

td.galleryitems {
  background:   #ffffcc;
  padding:      0.5em;
  vertical-align: top;
  border:  1px solid #e0e0e0;
}

p.pagetitle {
  font-size:    140%;
  font-weight:  bold;
  background: #ffffcc;
  padding: 0.5em;

  margin-bottom:  1px;
}

p.sectiontitle {
  font-size:    140%;
  font-weight:  bold;
  margin-bottom:  1px;
}

p.membersectiontitle {
  margin:  12px;
  font-size:    140%;
  font-weight:  bold;
}


p.pinfo {
  background: #ffffcc;
  padding: 0.5em;

  margin-bottom:  1px;
}

p.toppic {
  margin-top:  0em;
}

td.song1 {
  font-size:  14px;
  background:   #ffffcc;
  padding:      0.5em;
  font-weight:  bold;
  color:        green;
  text-align:  right;
  border:  1px solid #e0e0e0;
}

td.song2 {
  font-size:  14px;
  background:   #ffffcc;
  padding:      0.5em;
  font-weight:  bold;
  color:        blue;
  border:  1px solid #e0e0e0;
}


/**********************************************************/
/* here are styles for entries in news blog on front page */
/* table.newsarea is also used for lots on other pages!   */

table.member {
  width:  700px;
  margin:  0em;
}

p.newsitem {

  background:  #ffffcc;
  padding:  0.5em;
  margin:   0em;
}

p.newsitemtimestamp {
  font-size:     75%;
  font-style:    italic;
  margin-bottom: 0em;
}

p.gigdetails {
  width:  700px;
  background:   #ffffcc;
  margin-top: 1px;
  margin-bottom: 1px;
  padding:      0.2em;
}

/**********************************************************/
/* here are styles for links                              */

a:link { color:    #0000ff;  text-decoration: none;  font-weight: bold; }
a:visited { color: #0000ff;  text-decoration: none;  font-weight: bold; }
a:active { color:  #0000ff;  text-decoration: none;  font-weight: bold; }
a:hover { color:   #ff0000;  text-decoration: underline;  font-weight: bold; }