body  { font-family: impact, arial, helvetica, sans-serif; font-size: 12px;
	background-image: url('lib/background.jpg'); color: #fff; }
img	{border:none;}
form {margin:0;}
table { border-collapse: collapse; }
a { color: #fff; text-decoration: none; }
a:hover { color: #fa7538; }
p { margin: 10px 0 0 0; }

button {margin-bottom:24px; width:198px; padding:3px; text-transform:none; letter-spacing:normal;
	font-size:21px; border:2px solid #000; border-radius:16px; opacity: .66; filter: alpha(opacity=66); }

div.wrapper { width: 708px; margin: 24px auto 18px auto; background-color: transparent; position: relative; }
div.board { background-image: url('lib/backboard.jpg'); padding: 18px 18px 12px 18px; position: relative; }
div.lightboard { background-image: url('lib/lightboard.jpg'); padding: 18px 18px 6px 18px; position: relative; }
div.footer { clear: both; padding: 24px 0 48px 0; position: relative; }
 div.footback { background-image: url('lib/backlinks.png'); width: 100%; height: 42px; }
 .footer ul { margin: 0; padding: 0; list-style: none; }
 .footer li { line-height: 42px; width: 98px; font-size: 16px; text-align: center; float: left; }
li.proaudio { line-height: 19px; width: 118px; font-size: 15px;}
div.rooms { position: absolute; top: 54px; left: 214px; font-size: 16px; padding: 6px 18px;
background-image: url('lib/backlinks.png'); width: 96px; display: none; }

h1 { color: #fa7538; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; }
h2 { color: #fa7538; font-size: 14px; font-weight: normal; margin: 10px 0 0 0; }
h3 { font-family: impact, arial, helvetica, sans-serif;
	color: #fff; font-size: 16px; font-weight: normal; margin: 10px 0 10px 0; }
h5 { color: #fa7538; font-size: 11px; font-weight: normal; margin: 10px 0 6px 0; }

div.floatr { float: right; }
.recorder { background-image: url('lib/record.jpg'); width: 78px; height: 48px; margin: 0 0 18px 0;
	font-size: 15px; text-align: center; padding-top: 30px; }

.fea { color: #fa7538; }
.whi { color: #fff; }
.pic { float: left; margin-right: 8px; }
.right { text-align:right; }
.hid {display:none;}
.calframe {width:200px; height:200px; border:2px solid #fff; background-position:center center;
  margin:0 12px 6px 0; float:left;}
.calpop {width:420px; text-align:left; font-family: verdana, arial, helvetica, sans-serif; }
.dy {font-weight:bold;}

.blogbutt { background-image: url('lib/background.jpg'); font-size: 18px; padding: 6px 12px; }
  .blogbutt a { color: #fa7538; }
  .blogbutt a:hover { color: #fff; }
a.mailbutt { background-image: url('lib/background.jpg'); font-size: 14px;
	 padding: 4px 8px; color: #fa7538; }
a.mailbutt:hover { color: #fff; }

.blogger { background-image: url('lib/lightboard.jpg'); width:534px; padding:18px; 
	margin:24px auto; color:#000; }
  .blogger .date { color: #fa7538; }
  .blogger .auth { color: #59a68e; }
  .blogger a { color: #000; }
  .blogger h3 { color: #000; }
  .blogger a:hover { color: #59a68e; }
  .blogger p { margin: 16px 0 0 0; }
.wid { font-family: impact, arial, helvetica; font-size: 12px; width: 100%; padding:6px 0 6px 6px;
	border: none; background-image: url('lib/backboard.jpg'); color: #fff; }
.widc { font-family: impact, arial, helvetica; font-size: 12px; width: 60px; padding:6px 0 6px 6px;
	border: none; background-image: url('lib/backboard.jpg'); color: #fff; }
.widm { font-family: impact, arial, helvetica; font-size: 14px; width: 100%; padding:6px 0 6px 6px;
	border: none; background-image: url('lib/backmail.jpg'); color: #000; }
.lbl { vertical-align: top; text-align: right; color: #fa7538; padding: 4px; width: 84px;
	 font-family: impact, arial, helvetica; font-size: 18px; }
.lblm { vertical-align: top; text-align: right; color: #fa7538; padding: 6px; width: 84px;
	 font-family: impact, arial, helvetica; font-size: 14px; }

#mailerr { color: #fff; }
.gimg { background-image: url('lib/backmail.jpg'); }

.vmenu { height:450px; overflow:hidden; width:90px; float:right; margin-right:20px; padding:4px; background-color:#fde9ca; }
.vslider { height:458px; width:4px; background-color:#ccc; position:relative; float:right; } 
.vbottle { position:absolute; top:0px; left:-10px; width:24px; height:72px; cursor:pointer; z-index:99; 
	background-image:url("lib/bottle.png"); }

.nowstrip { position:absolute; top:170px; left:14px; width:86px; padding:2px;
	background-color:#fde9ca; max-height:310px; overflow:hidden; }
.nslider { position:absolute; top:170px; left:118px; height:314px; width:4px; background-color:#000; z-index:98; } 
.nvinyl { position:absolute; top:170px; left:108px; width:24px; height:24px; cursor:pointer; z-index:99; 
	background-image:url("lib/vinyl.png"); }

.mafrika { position:absolute; top:198px; left:216px; }

#nowplaying { margin:24px 0 0 0; background-image: url('lib/backboard.jpg'); padding: 18px 48px 12px 36px; }
.nowgroup { clear:both; padding: 18px 0 0 0; font-family:verdana, arial, helvetica, sans-serif;}
.nowleft { float:left; width:144px; height:144px; position:relative;}
.now_image {position:absolute; top:0px; left:0px; width:144px; height:144px;
	overflow:hidden; z-index:11;}
.now_sleeve {position:absolute; top:0px; left:0px; width:144px; height:144px;
	overflow:hidden; z-index:12;}

.nowright { float:right; width:432px; padding:0 12px 12px 18px; background-image: url('lib/background.jpg');}
  .nowright h1 {font-size:16px; margin:16px 0 0 0;}
  .nowright h2 {color:#fff; font-size:14px; margin: 2px 0 2px 0;}
  .nowright a { color: transparent; }
  .nowright a:hover { color: #59a68e; }
.nowlink { background: url('lib/now_button.png') center no-repeat; line-height: 26px;
	width:48px; height:26px; margin: 16px 0px 0 12px; font-size: 13px; text-align: center;}

.bhide {display:none; position:absolute; top:0; left:0; z-index:99;}
#banner {position:absolute; top:0; left:0; width:708px; height:96px; z-index:99;
	background:transparent url(lib/spacer.gif) no-repeat;}
#picshow {position:absolute; top:244px; left:502px; z-index:98; height:133px; width:194px;
	background:#000 url(lib/spacer.gif) no-repeat center;}

#dim { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none;
	background-color: #000; z-index: 998; opacity: .33; filter: alpha(opacity=33); }
#bkg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; background-color: transparent; z-index: 999; }
#bkg table { width: auto; margin: 0 auto; height: 100%; }
#bkg td { height: 100%; vertical-align: middle; text-align: center; }
#apop { border: 6px solid #ccc;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px; z-index:1000;
	background-color: #333; }
#padapop { padding: 30px; text-align: center;}
  #padapop p { margin-top: 12px; }
  #padapop h1 { margin: 0px 0 12px 0; }
  #padapop h2 { margin: 0px 0 12px 0; text-transform: none; text-align: center; }
  #padapop h3 { margin: 0px 0 12px 0; text-transform: none; text-align: left; font-size:15px; line-height:18px;}