body {
  color: #fff;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  padding: 20px 5px 5px 5px;
  background: #91deff;
  font-size:0.9em;
  z-index: 1;
}

/* tag formats */
h1 {
  font-size: 2em;
  margin: 0;
  padding: 10px 0;
}
h2 {
  font-size: 1.2em;
  margin: 0;
  padding: 2px;
}
em, .em {
  font-weight: bold;
  color: #ff3;
  font-style: normal;
}
strong {
	font-weight: bold;
	color: #0053af;
	font-style: normal;
}
a:link, .linkLike, .linkColor, .linkLikeNoU {
  color: #ff0;
}
.linkLike, .linkLikeNoU {
	cursor: pointer;
}
.linkLike {
	text-decoration: underline;
}
a:visited {
  color: #ff3;
}
a:hover, .linkLike:hover, .linkColor:hover, .linkLikeNoU:hover {
  color: #f88;
}
.linkHoverBG:hover {
	background-color: #0064BE;
}
a:active {
  color: #f00;
}
a.quietLink:link, a.quietLink:visited, .quietLink a:link, .quietLink a:visited {
	color: #fff;
	text-decoration: none;
}
a.quietLink:hover {
  color: #f88;
  text-decoration: underline;
}
a.quietLink:active {
  color: #f00;
  text-decoration: underline;
}
.disable, .disable em, .disable a:link, .disable a:visited, .disable a:hover, .disable a:active {
  color: #444;
}
p {
  text-align: left;
}
a img {
	border:none;
}

/* Site layout. */
.page{
	position: relative;
	background-color:#2569FF;
	width: 932px;
	margin: auto;
	height: 100%;
	z-index: 10;
}
.iFrame {
	width: 949px;
	z-index: 10;
}
.frameSize {
	width: 100%;
	height: 500px;
}
.widebar, header {
	clear:both;
	width:100%;
	z-index: 20;
}
.sidebar, .sidebar2 {
	float:left;
	width:280px;
	z-index: 30;
}
.sidebar2 {
	width: 180px;
}
.sidebar_image {
	width: 250px;
}

.mainbar, .mainbar2 {
	float:right;
	width:652px;
	z-index: 40;
}
.mainbar2 {
	width: 752px;
}
.content {
	padding:10px;
	z-index: 100;
}
#myytplayer {
	z-index: 20;
}
/* navbar*/
#site_menu_box {
  text-align: center;
  width: 100%;
  height: 20px;
  position: fixed;
  top: 0px;
  left: 50%;
  margin-left: -466px;
  z-index: 1000;
}
div#site_menu_box.wpadminbar-spacer {
	top: 28px;
}
* html #site_menu_box {
  position: absolute;
}
#site_menu { 
  width: 100%;
  float: left;
  z-index: 1010;
}
#site_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 115px;
  float: left;
}
#site_menu ul.doublewide {
	width: 230px;
}
#site_menu ul ul {
  width: 104px;
}
#site_menu ul.doublewide ul {
  width: 230px;
}
#site_menu li {
  margin: 0;
  padding: 0;
}
#site_menu a, #site_menu h3 {
  font: bold 12px/16px arial, helvetica, sans-serif;
  display: block;
  margin: 0;
  text-decoration: none;
}
#site_menu h3 {
  padding: 0;
}
#site_menu h3 a:link, #site_menu h3 a:visited, #site_menu h3 a:hover, #site_menu h3 a:active {
  color: #ff3;
  font-weight: bold;
  text-transform: uppercase;
  padding: 5px;
  background: #0063bf;
}
#site_menu li.showgif h3 a {
  background: #0063bf url(/images/expand3.gif) no-repeat 105px 100%;
  _background: #0063bf;
}
#site_menu ul.doublewide li.showgif h3 a {
  background: #0063bf url(/images/expand3.gif) no-repeat 231px 100%;
  _background: #0063bf;
}
#site_menu ul li:hover.showgif h3 a {
  background: #0063bf;
}
#site_menu a:link, #site_menu a:visited, #site_menu a:hover, #site_menu a:active {
  color: #ff9;
  padding: 4px 5px;
  border: 1px solid #999;
  width: 100%;
  background: #0063bf;
}
#site_menu ul ul a {
  text-align: left;
}
#site_menu a:hover {
  color: #ffc;
  background: #0053af;
  text-decoration: underline;
}
#site_menu li {
  position: relative;
}
div#site_menu ul ul {
  display: none;
}
div#site_menu ul li:hover ul {
  display: block;
}

/* page components */
.lightBlock {
	background-color: #555;
}
.darkBlock {
	background-color: #262626;
}
.emBlock {
	background-color: #0053af;
	margin-bottom: 0;
}
.emOutline {
	border: solid 2px #0053af;
	padding-bottom: 10px;
	background-color: #000;
}
.headerbannor {
	height: 125px;
}
.headerbannor, header {
	background-image: url(/images/site/bannorBG-1b.jpg);
/*	background-color: #ececec;
	color: #0053af; */
	background-color: #ececec;
	overflow: hidden;
}
header, .headerbannor, .headerbannor .mediumFont strong, #yelpbox a {
	color: #ddf;
}
.headerbannor h1, header h1, header h2 {
	font-size: 2.2em;
	padding-left: 20px;
}
header h2 {
	font-size: 1.5em;
}
div.rockblock {
	padding: 5px;
	background-color: #a44;
	border: solid 1px #666;
}
#yelpbox {
	position: absolute; 
	top: 10px;
	right: 430px;
}
.yelpRight #yelpbox {
	right: 10px;
}
.yelpLeft #yelpbox {
	right: auto;
	left: 10px;
}
#yelpbox a {
	font-size: 13px;
	text-decoration: none;
}
#yelpbox a:hover {
	color: #F88;
}
.calendar {
	background-color: #000;
}
.calendar ul {
  font-family: "Courier New", Courier, monospace;
  list-style-type: square;
  list-style-position: inside;
  padding-left: 40px;
  list-style-image: url(/images/expand3.gif);
}
.calendar h2 { 
	border-bottom:1px solid #333;
	font-weight:bold;
	padding:10px 10px 5px 10px;
	text-align: center;
	background-color: #444; 
}
/*
 * Song list and player styles
 * 
 */
.song {
	font-weight: bold;
}
.addToList, .addToListNext, .downloadSong, .rateSong {
	font-weight: bold;
	cursor: pointer;
}
.songOrder, .songOrderPlaceholder {
	display: inline-block;
	width: 20px;
}
div#jplayerFixed {
	position: fixed;
	width: 100%;
	left: 50%;
	margin-left: 44px;
	z-index: 990;
	top: 28px;
	right: 0px;
}
.playlistLink {
	font-weight: bold;
	cursor: pointer;
}
.playNight {
	position: absolute;
	left: 120px;
	top: 0;
}
#playlistBox {
	background-color:#ccc;
	border:1px solid #009be3;
	overflow: auto;
	max-height: 350px;
}
#playlistBox ol {
	margin: 0;
	padding: 0;
}
#playlistBox li {
	padding:5px 0 4px 10px;
	border-bottom:1px solid #eee;
	cursor: pointer;
	font-size:.7em;
	font-weight: normal;
}
#playlistBox li .linkColor {
	font-weight: bold;
}
#playlistBox li.emptyPlaylist {
	cursor: default;
}
.showNowPlaying {
	background-color: #555;
	position: relative;
}
.hideNowPlaying {
	display: none;
	color: #F88;
	font-weight: bold;
	position: absolute;
	right: 110px;
	top: 2px;
}
.showNowPlaying .hideNowPlaying {
	display: inline;
}
/*
 * song page
 */
.songSinger, .songArtist, .songTitle {
	display: inline-block;
	width:250px;
} 
.songSinger {
	width:190px;
}
.songLink {
	text-decoration: none;
}
.songDate {
	display: block;
	position: absolute;
	right: 50px;
	top: 0;
}
.singerPos {
	position: absolute;
	left: 0;
} 
#songListOL{
	
}
#songListOL li{
	padding: 1px 3px 3px;
	font-size: 1em;
	font-weight: bold; 
}
#songListOL li div{
/*	width: 575px; */
}
#songListOL li a {
	text-decoration: none;
}
.clickMsg, .playMsg {
	color: #999;
}
.linkMsg {
	padding: 2px;
}
.linkMsg input {
	width: 500px;
}
.bgRed{
	background-color: red;
}
.hideSongOn {
	padding: 0 1px;
	font-weight: bold;
	border: 1px #666 outset;
	background-color: #aaa;
	color: #000;
}
.hideSongOff {
	padding: 0 1px;
	font-weight: bold;
	border: 1px #66c outset;
	background-color: #0063bf;
	color: #999;
}
.clickMsg {
	display: inline-block;
	float: right;
}
.playMsg {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	text-align: center;
	top: 0px;
}
.playlistMsg {
	padding: 0 40px;
}
ul {
	margin: 0;
	padding: 0;
}
.noBullet {
	list-style: none;
}
ul li.newNight {
	display: inline-block;
	width:860px;
	border-top: #ccc 3px solid;
	margin: 0px;
	padding: 2px 10px;
	text-align: left;
	cursor:pointer;
	/*background-color: #0063BF;*/
}
ul li.newNight div {
/*	background-color: #FF0;*/
}
ul li.newNight ol {
	cursor:default;
}
ul li.newNight ol li {
	background-color: #0073CF;
	margin: 2px 0px;
	padding: 1px 5px;
}
.redBg {
	background-color: red;
}

 
/* specialty components */
div.widgets {
	position: relative;
	padding:0px 25px;
}
.picasabar {
	margin-left: 10px;
}
.twitterbox {
	position: relative;
}
.twitterfeed, .wp_sidebar  {
	position: relative;
	background-color: #262626;
	padding: 5px;
}
.twitterfeed img {
	position: absolute;
	top: 0;
	left: 0;
}
.twitterfeed p {
	margin: 10px 10px 5px 45px;
	padding: 5px;
	font-size: 0.8em;
	border-bottom: 1px #444 solid;
	background-color: #2a2a2a;
}
.twitterfeed p span {
	display: block;
}
.twitterfeed p span.tweetTime {
}
.twitterfeed p span.tweetText {
}
.eventMenuTable {
	text-align: center;
	margin: 0 auto;
	padding: 0;
}
.eventMenuTable td {
	width: 120px;
	text-align: center;
}
.eventMenuTable td a div {
	margin: 0;
	padding: 10px;
	text-align: center;
	line-height: 120%;
}
.eventMenuTable td a div div {
	padding: 0;
	text-align: center;
}
.eventMenuTable td a {
	text-decoration: none;
}
.eventMenuTable td a:hover div {
	background-color: #333;
}
.eventMenuTable td div img {
	margin: 0 auto;
	padding: 0;
	width: 100px;
	height: 100px;
	border: none;
}  
.wp_sidebar h3, .wp_post_box h3 {
	padding:0;
	margin:0;
  font-size:10px;
  letter-spacing:0.1em;
  line-height:2.6em;
  text-transform:uppercase
}
.wp_sidebar ul {
	margin: 0;
	padding: 0;
}
.wp_sidebar ul ul {
	border-top: solid 1px #262626;
}
.wp_sidebar li {
	margin: 0;
	padding: 5px 0;
	list-style:none;
}
.wp_sidebar li li {
	background-color: #262626;
	border-left: solid 1px #555;
	border-bottom: solid 1px #555;
	border-right: solid 1px #555;
}
.wp_sidebar li li:hover {
	background-color: #444;
}
.wp_sidebar a {
	display: block;
	margin: 0 0 0 10px;
	font-size: 0.8em;
}
.wp_sidebar li li a {	
	text-decoration: none;
}
.wp_sidebar li li a:hover {	
	text-decoration: underline;
}

.wp_post_box {
	background-color: transparent;	
}
.wp_post_permalink, .wp_post_permalink a {
	font-weight: bold;
	font-size: 1.2em;
	text-decoration: none;
	padding: 5px 10px 20px;
	background-color: #262626;
}
.wp_post_permalink a:hover {
	text-decoration: underline;
}
.wp_post_excerpt {
	display: none;	
}
.wp_post_content {
	background-color: #444;
	padding: 10px;
	border: solid 1px #666;
	border-bottom-width: 3px;
	margin-bottom: 20px;
}
.wp_post_content ol.playlist .c1 {
	display:inline-block;
	width:120px;
	font-weight:bold;
}
.wp_post_content ol.playlist .c2 { 
	display:inline-block;
	width:120px;
}
.wp_post_content ol.playlist div.rockblock{
	padding: 2px 0px 5px;
	background-color: #555;
}
.wp_post_content ol.playlist a {
	display: block;
	width: 95%;
	text-decoration: none;
	background-color: #555;
	border: solid 1px #666;
}
.wp_post_content ol.playlist a:hover {
	text-decoration: underline;
	background-color: #666;
}

/* general styles */
.normalFont, .plainText {
	font-size: 11pt;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;
}
.mediumFont {
	font-size: 1.3em;
}
.smallFont {
	font-size: 0.8em;
	font-weight: normal;
}
.largeFont {
	font-size: 2em;
}
.fontColor0, .plainText {
  color: #fff;
}
.fontColor1 {
  color: #ffb;
}
.linkColor .fontColor1 {
	color: #ff8;
}
.linkColor:hover .fontColor1 {
	color: #fcc;
}
.fontColor2 {
  color: #ff3;
}
.pad {
	padding: 5px;
}
.pad10 {
	padding: 10px;
}
.pad20 {
	padding: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt30 {
	margin-top: 30px;
}
.ml5 {
	margin-left: 5px;
}
.ml10 {
	margin-left: 10px;
}
.ml15 {
	margin-left: 15px;
}
.ml20 {
	margin-left: 20px;
}
.mr10 {
	margin-right: 10px;
}
.w100 {
	width: 100%;
}

/* class modifiers...must be last is CSS */
.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.justify {
	text-align: justify;
}
.bold, .b {
	font-weight:bold;
}
.notBold {
	font-weight: normal;
}
.u {
  text-decoration: underline;
}
.noU {
  text-decoration: none;	
}
.noU:hover {
  text-decoration: underline;	
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cb {
	clear: both;
}
.displayBlock {
	display: block;
}
.rel {
  position: relative;
}
.abs {
	position: absolute;
	z-index: 22222;
}
.gotoPlaylist {
	position: absolute;
	margin: -22px 0 0 2px;
	font-weight: bold;
	padding: 5px 5px 2px;
	color: #666;
	background-color: #ccc;
}
.gotoPlaylist ul {
	list-style: none;
}
.gotoPlaylist li {
	float: left;
	padding: 0 10px;
}
.left {
  position: absolute;
  left: 20px;
  bottom: 5px;
}
.test_top {
  position: fixed;
  left: 20px;
  top: 5px;
}
.scrollTopBox, .scrollTopMenu {
	position:absolute;
	bottom:0;
	height: 60px;
}
.scrollTopBox {
	height: 100px;
}
.scrollTop {
	position: absolute;
	margin-top: -160px;
}
.pagetop, .abTop {
  position: absolute;
  top: 0;
  left: 0;
}
.right {
  position: absolute;
  right: 0px;
}
.bottom {
	position: absolute;
	bottom: 0px;
}
.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}
.nowrap {
  white-space: nowrap;
}
.hide {
  display: none;
}
.show {
  display: block;
}
.red_border {
	border: 2px solid red;
}
#fb-root {
	position: relative;
}
#like_box {
	position: absolute;
	top: 0;
	left: 0;
}
.doubleU { 
	border-bottom: 3px double; 
	text-decoration: none;
}
.imgFrame {
	border: 1px solid #DDD;
	background: #FFF;
	padding: 6px;
}
.reset {
	margin: 0;
	padding: 0;
}

