body  {
  font-family: verdana, trebuchet, sans-serif;
  font-size: 80%;
  color: #fff;
  background: #000;
  text-align: center;
  }

* { 
  margin:0;
  padding:0;
}

* html body     {
        font-size: 75%; /*      for IE Mac      */
        /*\*/
        font-size: 75%; /*      for IE Win      */
        /**/
        }


ul, li  { list-style: none; }
ol li { list-style: decimal; }
img {
  border: 0;
 }

.left { float: left; }
.right { float: right; }

.no-margin { margin: 0; }
.no-top-margin { margin-top: 0; }
.no-bottom-margin { margin-bottom: 0; }

/*	====== global anchor styles ======	*/
a:link, a:visited {
  text-decoration: none; 
  border: 0;
  color: #014f71;
  background: transparent;
}

a:hover {
  color: #000;
  background: transparent;
  text-decoration: underline;
}

/**************** layout **********************/
div#outer_container {
  margin: 15px auto;
  width: 971px;
}
div#container {
  width: 771px;
  margin: 0 3px 0 0;
  text-align: left;
  font-size: 1em;
/*  line-height: 1.2em;*/
  border: 0px solid #fff;
  color: #000;
  float: left;
}

/*  === MENU HEADER === */
div#menu-header {
  display: block;
  height: 27px;
  background: #000 url(/images/layout/header_bg_771x27.gif) 0 0 no-repeat; 
}
#menu-header ul { 
  display: block;
  height: 24px; 
  margin: 0 15px;
}
#menu-header li { 
  display: block; 
  height: 24px; 
  margin-left: 30px; 
}
#menu-header li#my-blog-band-link { 
  margin: 0; 
}
#menu-header li a, #menu-header li a:visited {
  display: block; 
  height: 24px; 
  text-indent: -9999px; 
  overflow: hidden; 
}
#menu-header li#my-blog-band-link, #menu-header li#my-blog-band-link a {
  float: left;
  width: 139px;
  background: transparent url(/images/menu/my_blog_band_139x48.gif) 0 0 no-repeat;
}
#menu-header li#bands-link, #menu-header li#bands-link a  {
  float: right;
  width: 66px;
  background: transparent url(/images/menu/bands_66x48.gif) 0 0 no-repeat;
}
#menu-header li#musicians-link, #menu-header li#musicians-link a  {
  float: right;
  width: 108px;
  background: transparent url(/images/menu/musicians_108x48.gif) 0 0 no-repeat;
}
#menu-header li#tutorial-link, #menu-header li#tutorial-link a {
  float: right;
  width: 95px;
  background: transparent url(/images/menu/tutorial_95x48.gif) 0 0 no-repeat;
}

#menu-header li#my-blog-band-link a:hover,
#menu-header li#bands-link a:hover,
#menu-header li#musicians-link a:hover,
#menu-header li#tutorial-link a:hover {
 background-position: 0px -24px;
}


/*  === PAGE WRAPPER (bg color, tile) === */
div#page  {
  clear: both;
  width: 772px;
  background: transparent url(/images/layout/page_tile_156x9.gif) 0 0 repeat-y;

}

div#page-outer {
  background: #bdbdbd url(/images/layout/bb_bg_777x453.jpg) 0 0 repeat-y;
}

/*  === SIDEBAR === */
div#sidebar {
  float: left;
  width: 128px;
  padding: 6px 11px;
}

/*  === CONTENT-WRAPPER (bg img)  === */
div#content-wrapper {
  display: block;
  float: left;
  width: 614px;
  margin-left: 1px; /* let the div#page bg tile show  */
  padding-bottom: 30px;
}

/*  div#content-wrapper is 771px;
  LEFT = 150px
  CONTENT-WRAPPER = 621px - 6px (accommodate div#page bg tile) = 615px available to both div#content-left and div#content-right
*/

/*  === CONTENT-LEFT  === */
div#content-left {
  clear: both;
  float: left;
  /* total width: 400*/
  width: 357px;
  padding: 21px;
  border: 0px solid #ccc;
}
* html div#content-left   { /*display: inline; */}

/*  === CONTENT-RIGHT === */
div#content-right {
  float: left;
  width: 215px;
  padding-top: 21px;
  border: 0px solid blue;
}
* html div#content-right  {}

/*  === CONTENT-main === */
div#content-main {
  float: left;
  width: 525px;
  padding: 21px;
  border: 0px solid blue;
}
* html div#content-main  {}

div#content-main p {
  padding-bottom: 1em;
}

/*  ========================  SIDEBAR CONTENT   ========================  */
/*  128px avail */
img#bb-logo { margin-bottom: 18px; }

div#login-box { margin-bottom: 30px; }

#login-form label {
  padding-left: 2px;
  font-size: 12px;
}

#login-form input.text  {
  width: 125px;
  margin-bottom: 15px;
  border: 1px solid #666;
  border-width: 2px 1px 1px 2px;
  border-color: #959595 #e2e2e2 #e2e2e2 #959595;
}
  
/*
input#login-button    { float: left; width: 49px; /*margin-right: 9px; *//*}
input#register-button { float: right; width: 68px; }
*/

input#login, input#register {
  padding: 2px 1px;
  color: #fff;
  background: #014f71;
  font-weight: bold;
  font-size: 11px;
  border: 1px solid #fff;
  border-width: 2px 1px 1px 2px;
  border-color: #fff #e2e2e2 #e2e2e2 #fff;
}

input#login:hover, input#register:hover { color: #9ec4d4; }

input#login {
  float: left;
  width: 49px;
  width: 51px;
  /*background: #014f71 url(/bb/images/login_49x17.gif) 0 0 no-repeat; */
}
input#register {
  float: right;
  xwidth: 68px;
  width: 72px;
  /*background: #014f71 url(/bb/images/register_68x17.gif) 0 0 no-repeat; */
}

#sidebar p#welcome  { margin-bottom: 15px; }

/*  profile pages */
#sidebar ul {
  margin-bottom: 15px;
  line-height: 1.2em;
}


/*  ========================  COMMON CONTENT    ========================  */
#content-wrapper li.hdr {
  color: #014f71;
  font-weight: bold;
}


/*  ========================  CONTENT-LEFT CONTENT    ========================  */
/*  358px avail (without borders) */
h1 {
  font-size: 18px;
  margin-bottom: 6px;
  color: #014f71;
}

h2 {
  font-size: 15px;
  margin-bottom: 9px;
  color: #014f71;
}

h3 {
  margin-bottom: 15px;
  font-size: 12px;
  font-weight: normal;
}

h4 {
  font-size: 12px;
  color: #014f71;
}

p#welcome-msg   { margin-bottom: 45px; }
/* band profile page*/

div#comments-wrapper  { margin-bottom: 30px; }
p.comment { margin: 0; }
p.posted  { 
  margin-bottom: 15px; 
  color: #666; 
  border-top: 1px solid #666; 
}

div#comments-form-wrapper textarea { 
  width: 351px;
  margin: 6px 0 3px 0; 
  border: 2px solid #969696; 
  border-width: 2px 1px 1px 2px; 
}
* html div#comments-form-wrapper textarea { width: 342px; }
input#post-comment  { 
width: 60px; margin-left: 2px; border: 2px solid #666; border-color: #fff #666 #666 #fff; }

/* home page */
div.featured-artist { 
 float: left; 
 width: 102px;
 height: 115px; 
 margin: 0 12px 18px 0; 
 text-align: center; 
}

div.featured-artist.no-margin { margin: 0; }
.featured-artist img  { 
 margin-bottom: 6px; 
 border: 1px solid #000; 
}
.featured-artist p  { 
 border: 0px solid #f00; 
}

/*    Musician Profile page */
table.profile { 
 width: 351px; 
 margin-bottom: 30px; 
 border-collapse: collapse; 
}
.profile td { 
 padding: 0; 
 vertical-align: top; 
}
.profile td h3  {}
.profile td p { margin-bottom: 9px; }
.profile td p span  { font-weight: bold; }
.profile td.icon  { 
 width: 75px; 
 text-align: center; 
}
.profile td.icon img  { border: 1px solid #000; }

div#player  { margin-bottom: 30px; }

p.bottom-margin { margin-bottom: 15px; }
#content-left ul { 
 margin-bottom: 15px; 
 line-height: 1.2em; 
}

/*  Registration page */
form#registration { margin-top: 45px; }

#registration label, #registration input {
  display: block;
  float: left;
  width: 210px;
  width: 201px;
  margin-bottom: 15px;
  padding: 2px;
  border: 1px solid #666;
  border-width: 2px 1px 1px 2px;
  border-color: #959595 #e2e2e2 #e2e2e2 #959595;
}

#registration label { 
 text-align: right; 
 width: 129px; 
 margin-right: 9px; 
 border: 0; 
}

#registration p#minimum   { 
 display: block; 
 float: left; 
 margin: -15px 0 0 144px; 
 font-size: 12px; 
}
* html #registration p#minimum  { display: inline; }

#registration input#register2 {
  width: 75px;
  margin-left: 141px;
  border: 2px solid #666;
  border-width: 2px 1px 1px 2px;
  border-color: #fff #666 #666 #fff;
  }
* html #registration input#register2  { display: inline; }


#registration br { clear: left; }


/*  ========================  CONTENT-RIGHT CONTENT   ========================  */
/*  215px avail (without borders) */
div.profile-image { margin-bottom: 30px; }
img#band-logo { /*margin-bottom: 15px;*/ border: 1px solid #000; }

#content-right p  { 
  margin-bottom: 15px; 
  padding-right: 21px; 
}
div.featured-musician-wrapper { 
  clear: both; 
  margin-bottom: 30px; 
}
div.featured-musician { 
  clear: both; 
  display: block; 
  margin-bottom: 6px; 
}
.featured-musician img { 
  margin-right: 9px; 
  border: 1px solid #000; 
}

/*  ============  FOOTER    ============  */
div#footer  {
  display: block;
  height: 24px;
/*  padding-top: 3px;*/
  font-size: 11px;
  text-align: center;
  color: #fff;
  background: #000 url(/images/layout/footer_bg_771x24.gif) 0 0 no-repeat;
}

#footer ul { 
  display: block; 
  height: 24px; 
}
#footer ul li {
  display: inline;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 0px solid #fff; 
  line-height: 24px;
}
#footer li.last { 
  margin: 0;
  padding: 0;
  border: 0; 
}
#footer li a { 
  color: #fff;
  text-decoration: none;
  font-weight: bold; 
}
#footer li a:hover { 
  color: #000;
  background: transparent; 
}

div#track_player, div#track_player_edit {
  margin: 10px 0;
  background-color: #DCDCDC;
}
div#track_player {  width: 350px; }
div#track_player_edit { width: 500px; }

div#track_player table, div#track_player_edit table {
  margin: 0;
  padding: 0;
  border: 0;
}
div#track_player table { width: 350px; }
div#track_player_edit table {  width: 500px; }
div#track_player td, div#track_player_edit td {
  font: .90em verdana, arial, sans-serif;
}
div#track_player tr.bgcolor_1, div#track_player_edit tr.bgcolor_1 { background-color: #FEFEFE }
div#track_player tr.bgcolor_0, div#track_player_edit tr.bgcolor_0 { background-color: #DCDCDC }

div#edit_form {
  margin: 10px 0;
  width: 350px;
  background-color: #DCDCDC;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  xdisplay: inline-table;
}

/* backslash hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block;}
/* end backslash hack */

#roundme {
  background-color: #dcdcdc;
  float: left;
  margin:5px;
  padding:5px;
  border:1px solid #dcdcdc;
}

.posted {
        color: #999999;
        font-family: Verdana, sans-serif;
        font-size: x-small;
        border-top: 1px solid #999999;
        text-align: left;
        margin-bottom: 25px;
        line-height: normal;
        padding: 3px;
}


#employee {
       display: none;
}