html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  height:100%;
  background-image: url(img/g.png);
  font-size: 10px;
}
body {
  background-image: url('img/tg.jpg');
  background-position: 450px center;
  background-repeat:no-repeat;
}
#page {
  height: 100%;
}

#container  {
  position: absolute;
  top: 50%;
  margin-top: -118px;
  left: 120px;
}


#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#menu ul li {
  position: absolute;
  color: #fff;
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  width: 180px;
  top: 50%;
  cursor: pointer;
}
#menu ul li:hover {
  color:#F30;
}

li#home {
  margin-top: -118px; 
  margin-left: -10px;
}
li#news {
  margin-top: -98px;
  margin-left: -35px;
}
li#about {
  margin-top: -75px;
  margin-left: -53px;
}
li#play {
  margin-top: -55px;
  margin-left: -65px;
}
li#glorious {
  margin-top: -33px;
  margin-left: -75px;
}
li#look {
  margin-top: -9px;
  margin-left: -80px;
}
li#listen {
  margin-top: 12px;
  margin-left: -73px;
}
li#ask {
  margin-top: 32px;
  margin-left: -64px;
}
li#write {
  margin-top: 55px;
  margin-left: -56px;
}
li#links {
  margin-top: 76px;
  margin-left: -37px;
}
li#facebook {
  margin-top: 96px;
  margin-left: -13px;
}

#cont {
  position: absolute;
  left: 250px;
  top: 50%;
  margin-top: -150px;
  width: 450px;
  height: 300px;
  overflow: auto;
  background-color:#fff;
  opacity:0.7;
  filter:alpha(opacity=70); 
  display: none;
}

/* help images */
img#im {
  position: absolute;
  top: 50%;
  margin-top: 115px;
  left: 160px;
  display: none;
}
img#il {
  position: absolute;
  top: 50%;
  margin-top: -100px;
  left: 350px;
  display: none;
}

#gallery {
  position: absolute;
  top: 20px;
  left: 300px;
  display:none;
  z-index: 1000;
}
#gallery .thumbBox {
  position: absolute;
  left: 0;
  top: 15px;
  background-color: #333;
  
}

.ui-dialog {
  background-image: url(img/tgw.jpg);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#dialog {
 
}
#dialog a {
  text-decoration: underline;
}
#dialog a:hover {
  text-decoration: none;
}
#dialog p {
  margin: 0;
  margin-bottom: 5px;
}


#musicplayer { display: none; }
#gbform label, #gbform input { display:block;}
#gbform label { font-weight: bold; }
#gbform input.text, #gbform textarea { margin-bottom:12px; width:300px; }
#gbform textarea { height: 100px; }
#gbform fieldset { padding:0; border:0; margin-top:25px; }

/* Look */
.descriptionBox{
    font-size:10px;
    background-color:#333333;
    color:white;
}
.imgDesc{
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    font-size:10px;
}

/* we play and glorious */
.playitem {
  margin-bottom: 5px;
  border-bottom: solid 1px #999;
}
.playtitle {
  font-weight: bold;
  font-size: 1.2em;
}
.playdate {
  font-size: 1.1em;
}
.playcity {
  font-size: 1.2em;
}
.playcomment {
  width: 90%;
  text-align: justify;
  font-style: italic;
  color:#383838;
  margin-top: 5px;
}
.playmaps {
  width: 90%;
  text-align: right;
}
.playmaps a {
  color: #390;
  text-decoration: underline;
}

/* guestbook */
.book-item {
  margin-bottom: 5px;
  border-bottom: solid 1px #999;
}
.book-title {

}
.book-name {
  font-weight: bold;
}
.book-reaction {
  font-size: 1.1em;
}
.book-date {
  color:#999;
  font-style: italic;
}