body { font-family: Arial,Tahoma; font-size: 90%; background-color: 
#3D441C; }

img { border: none; }
a:link { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover { color: #707070; text-decoration: none; }
a:active { color: #FFFFFF; }
li { list-style-type: none; }
h2 { font-size: 120%; }
th { text-decoration: underline; }
table { width: 100%; }

.stream { border: 3px; border-style: solid; border-color: #000000; }

/* rule for photo-image */
#record { position: absolute; top: 2%; left: 86%; width: 14%; } 
 

/* rule for buckram beat logo */
#logo { position: absolute; top: 12px; left: 10px; }


/* rule for cc license */
.license { position: relative; top: 250px; left: 10px; width: 15%; 
font-size: 70%; color: #707070; }

#postings { background-color: #FFFFFF; font-size: 80%; }

/* rules for mp3 */

.pod { color: #990000; }
.subscribe { color: #023A67; }


/* rule for nav bar */
.raised { position: relative; top: 
25px; left: 225px; width: 60%; text-align: center; }
.raised h1, .raised p {
  margin:0 10px;
  }
.raised h1 {
  font-size:2em; 
  color:#fff;
  }
.raised p {
  padding-bottom:0.5em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised 
.b2b, .raised .b3b, .raised .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised 
.b3b {
  height:1px;
  }
.raised .b2 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #eee;
  }
.raised .b3 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #aaa;
  }

.raised .b4b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #999;
  }

.raised .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #999;
  }

.raised .b2b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #999;
  }
.raised .b1 {
  margin:0 5px; 
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px; margin:0 1px;
  }
.raised .b1b {
  margin:0 5px; background:#999;
  }
.raised .boxcontent {
  display:block;  
  background:#ccc; 
  border-left:1px solid #fff; 
  border-right:1px solid #999;
  }


/* rule for content area on homepage and artist index */



.inset { position: relative; top: 50px; left: 225px; width: 60%; }
.inset h1, .inset p {
  margin:0 10px;
  }
.inset h1 {
  font-size:2em; color:#fff;
  }
.inset p {
  padding-bottom:0em;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, 
.inset .b3b, .inset .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b 
{
  height:1px;
  }
.inset .b2 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #aaa;
  }
.inset .b3 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #ddd;
  }
.inset .b4 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #eee;
  }
.inset .b4b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #fff;
  }
.inset .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #fff;
  }
.inset .b2b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #fff;
  }
.inset .b1 {
  margin:0 5px; 
  background:#999;
  }
.inset .b2, .inset .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.inset .b3, .inset .b3b {
  margin:0 2px;
  }
.inset .b4, .inset .b4b {
  height:3px; margin:0 1px;
  }
.inset .b1b {
  margin:0 5px; 
  background:#fff;
  }
.inset .boxcontent { 
  background:#ccc; 
  border-left:0px solid #999; 
  border-right:0px solid #fff;
  }

/* rule for podcast and release table */

.inset1 { position: relative; top: 50px; left: 225px; width: 60%; 
text-align: justify; }
.inset1 h1, .inset1 p {
  margin:0 10px;
  }
.inset1 h1 {
  font-size:2em; color:#fff;
  }
.inset1 p {
  padding-bottom:.5em;
  }
.inset1 .b1, .inset1 .b2, .inset1 .b3, .inset1 .b4, .inset1 .b1b, .inset1 .b2b, 
.inset1 .b3b, .inset1 .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.inset1 .b1, .inset1 .b2, .inset1 .b3, .inset1 .b1b, .inset1 .b2b, .inset1 .b3b 
{
  height:1px;
  }
.inset1 .b2 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #aaa;
  }
.inset1 .b3 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #ddd;
  }
.inset1 .b4 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #eee;
  }
.inset1 .b4b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #fff;
  }
.inset1 .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #fff;
  }
.inset1 .b2b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #fff;
  }
.inset1 .b1 {
  margin:0 5px; 
  background:#999;
  }
.inset1 .b2, .inset1 .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.inset1 .b3, .inset1 .b3b {
  margin:0 2px;
  }
.inset1 .b4, .inset1 .b4b {
  height:2px; margin:0 1px;
  }

.inset1 .b1b {
  margin:0 5px; 
  background:#fff;
  }
.inset1 .boxcontent { 
  background:#ccc; 
  border-left:0px solid #999; 
  border-right:0px solid #fff; 
  }


#rss { position: absolute; top: 17px; left: 150px; } 


/* rule for podcast url text */


.url { background-color: #FFFFFF; padding: 2px; }


/* rule for album information */

.album { position: relative; top: 0px; left: 225px; width: 40%; height: 
10%; font-weight: bold; font-size: 120%; }
.album  h1, .album p {
  margin:0 10px;
  }
.album  h1 {
  font-size:2em; color:#fff;
  }
.album  p {
  padding-bottom:.5em;
  }
.album .b1, .album .b2, .album .b3, .album .b4, .album .b1b, .album .b2b, 
.album .b3b, .album .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.album .b1, .album .b2, .album .b3, .album .b1b, .album .b2b, .album .b3b 
{
  height:1px;
  }
.album .b2 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #aaa;
  }
.album .b3 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #ddd;
  }
.album .b4 {
  background:#ccc; 
  border-left:1px solid #999; 
  border-right:1px solid #eee;
  }
.album .b4b {
  background:#ccc; 
  border-left:1px solid #aaa; 
  border-right:1px solid #fff;
  }
.album .b3b {
  background:#ccc; 
  border-left:1px solid #ddd; 
  border-right:1px solid #fff;
  }
.album .b2b {
  background:#ccc; 
  border-left:1px solid #eee; 
  border-right:1px solid #fff;
  }
.album .b1 {
  margin:0 5px; 
  background:#999;
  }
.album .b2, .album .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.album .b3, .album .b3b {
  margin:0 2px;
  }
.album .b4, .album .b4b {
  height:2px; margin:0 1px;
  }
.album .b1b {
  margin:0 5px; 
  background:#fff;
  }
.album .boxcontent { 
  background:#ccc; 
  border-left:0px solid #999; 
  border-right:0px solid #fff;
  }


/* rule for music table with tracklist and album cover */

.music { position: relative; top: 50px; left: 225px; 
  background-color: #333333; width: 57%; border-style: inset; color: 
#999999; padding: 10px; }
.music h1, .inset p {
  margin:0 10px;
  }
.music h1 {
  font-size:2em; color:#707070;
  }


.music td#list { width: 60%; text-align: left; }
.music td#inst { background-color: #000000; padding: 5px; }

.description { font-weight: bold; text-decoration: underline; }


/* rule for guestbook table */

.guest { position: relative; top: 0px; left: 225px; width: 60%; 
background-color: #707070; }

/* rule for footer */

.footer { position: absolute; top: 38em; width: 98%; background-color: 
#666666; text-align: center; } 

#space { position: relative; top: 50px; }


