/* default styles */

* { margin:0; padding:0 }

body {
	margin:0; padding:0;
	background:#000 url(img/bg_0048-040517.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	overflow: auto;
}
#outer {
	width: 980px;
	margin: 0 auto;
	text-align:left;
}
#foot {
	position:absolute; top:860px; left:0;
	width: 930px;
	text-align:center;
	font-size:75%;
}
#debug {
	position:absolute; top:2px; left:30px;
	text-align:left;
	font-size:90%;
}

#cent {
	position:absolute; top:20px;
	margin: 0 auto;
	width:930px; height:530px;
	/* border:1px solid #474;*/
}

h1 {
	font-weight:bolder;
	font-size:170%;
	margin-bottom:29px;
}

img {border:0; vertical-align:bottom;}

.c {color: #FFFF00;}
.sm { font-size:70%;}

a:link,
a:visited,
a:active  { color: #FFFF00; text-decoration: underline }
a:hover   { color: #FFFF00; text-decoration: underline }

.black {
	color:#000;
}
.black a:link,
.black a:visited,
.black a:active  { color: #004000; text-decoration: none }
.black a:hover   { color: #004000; text-decoration: underline }


.boxgray {
	background:#000;
	padding: 22px 10px 12px 19px;
	filter: alpha(opacity=50);
	/* filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);*/
	-moz-opacity: 0.50;
	opacity:0.50;
}
.boxcnt {
	color:#fff;
	padding: 12px 0 0 12px;
	line-height:130%;
	text-align:center;
}

#box1 {
	position:absolute; top:20px; left:28px;
	width:870px; height:465px;
	z-index:4;
}
#box1shadow {
	position:absolute; top:21px; left:29px;
	width:870px;
	z-index:2;
}

#playerbox {
	width:604px;
	text-align:left;
	margin-left:240px;
	/*border:1px solid #476;*/
}
#site { margin-left:8px}
#chat {
  float:left;
}
#player {
  float:left;
  margin-top:2px;
  margin-left:6px;
	width:290px; height:151px;
}
#buttons4 {
	float:left;
	margin-left:6px;
	margin-top:2px;
}
#off td {
	vertical-align:top;
	text-align:center;
}
#linkbox {
	float:right;
	margin-top:-22px;
	z-index:6;
	vertical-align:top;
	/*border:1px solid #fff;*/
}
.cell {
	width:60px; height:60px;
	margin-bottom:-55px;
}
#icons {
	margin: 2px auto 16px auto;
	table-layout:fixed;
	width:852px;
	/*border:1px solid #476;*/
}
#icons td {
	vertical-align:top;
	padding:0;
	width:65px;
}
#icons td#sidecolumn {
	vertical-align:middle  !important;
	width:20px !important;
}
.genre {
	font-size:70%;
	line-height:115%;
	height:22px;
	/*width:70px;*/
	margin:0 -3px -43px -3px;
}
.over {
	font-size:70%;
	position:relative; left:0; top:0;
}
.overimg {
}

#tooltip {
	position: absolute;	
	z-index: 3000;
  font: normal normal 12px Tahoma, Geneva, sans-serif;
  width:180px; height:73px;
	background: url(http://backyardpartyradio.net/img/tooltip.png) no-repeat;
	padding: 16px;
	color:#000;
	text-align:left;
}

.jp-fake {
	width:290px;
	background:#222;
	margin:0;
}
.jp-fake #nowPlaying {
	color:#eee;
	font-size: 11px;
	font-weight: bold;
}
#lowerbox {
	position:absolute; top:506px; left:110px;
	z-index:8;
}
iframe.l365 {
	background-color:#ccc;
	border:0;
	width:740px;
	height:260px;
}

#twitdiv { /*twtr-widget-1*/
	position:absolute; top:12px; left:6px;
	width:168px;
}
#twtr-avatar, #twtr-user { display:none }
.twtr-tweet {
	background-color:transparent !important;
	border-bottom:0 !important;
}
.twtr-ft,
.twtr-hd { display:none }

#beta {
	position:absolute; top:-6px; left:780px;
	width:142px; height:125px;
	background:url(img/postit_beta.png);
	z-index:6;
}
#event1 {
	position:absolute; top:418px; left:-10px;
	width:313px; height:458px;
	background:url(img/grill-next.png);
	z-index:6;
}
#event2 {
	position:absolute; top:400px; left:-10px;
	width:376px; height:495px;
	background:url(img/grill-2.png);
	z-index:3;
}
#event2picnic {
	position:absolute; top:539px; left:415px;
	width:579px; height:295px;
	background:url(img/picnic.png);
	z-index:2;
}
#event1messagebox {
	position:absolute; top:548px; left:-28px;
	width:350px;
	text-align:center;
	z-index:7;
}
#event2messagebox {
	position:absolute; top:585px; left:-10px;
	width:300px;
	text-align:center;
	z-index:4;
}
#eventmessage1 { color: #FFFF00; } /*event 1*/
#eventmessage2 { color: #FFFF00; } /*event 1*/
#eventmessage3 { color: #FFFF00; } /*event 2*/

#sitelinks {
	position:absolute; top:539px; left:0;
	z-index:9;
}
#live1 {
	width:400px;margin-left:250px;margin-bottom:-28px;
}
#live2 {
	height:61px;
}
#liveright {
	text-align:left;
}