/* cover/uncover the numbered comments to see the absolute positioning effects */
body { 
  background-color: #b5a789;
  font:     small Georgia, "Times New Roman", Times, serif;
  margin:           0px;  
}

#header {
  background-color: #675c47;
  margin:           10px;
  height:           108px;
}

#main {
  background:       #efe5d0 url(images/starbuzzbackground.gif) top left;
  padding:          15px;
  margin:           0px 10px 10px 10px;
  /* 2 */
  margin: 0px 330px 10px 10px;   /* but wide window:  footer overlap */
}

#sidebar {
  background:       #efe5d0 url(images/starbuzzbackground.gif) bottom right;
  padding:          15px;
  margin:           0px 10px 10px 10px;
  /* 1 */
  position: absolute;
  top: 128px;
  right: 0;
  width: 280px;  
}

#footer {
  background-color: #675c47;
  color:            #efe5d0;
  text-align:       center;
  padding:          15px;
  margin:           10px;
  font-size:        90%;
  /* 3 */
  margin: 10px 330px 10px 10px; /* partial solution: under main only */
}

h2 {  
  color: #954b4b;
  font-size: 120%; 
}

.slogan { color: #954b4b; }

.beanheading {
  text-align:       center;
  line-height:      1.8em;
}
.beanheading img {
  position: relative;
  left: 120px;
}

a:link {
  color:            #b76666;
  text-decoration:  none;
  border-bottom:    thin dotted #b76666;
}
a:visited {
  color:            #675c47;
  text-decoration:  none;
  border-bottom:    thin dotted #675c47;
}
#award {
  position: absolute; 
  top: 30px;
  left: 365px;
}

#ticket {
  position: fixed; 
  top: 300px;
  left: -90px;
}
#ticket img {
  border: none;
 }
#ticket a:link {
  border: none;
}
#ticket a:visited {
  border: none;
}