/**********************************************************************
** groupaction.css
** 
** Master style sheet for http://www.groupaction-rocks.us
**
**********************************************************************/

/**********************************************************************
** Body
**********************************************************************/

body {
  background-color: #000000;
  background-image: url("/image/background320.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;

  font-family: Arial, Helvetica, Univers, san-serif;

  margin: 0px;
  padding: 0px;

  color: #ffffff;

}

div#page {
  width: 768px;
  margin: 0px;
  padding: 0px;
}

/* clears the IE min-height hack */

div.clear {
  clear: both;
}

p.nodisplay {
  display: none;
}

p.clear {
  clear: both;
}

/**********************************************************************
** Header section
**********************************************************************/

div#header {
  width: 768px;
  height: 120px;

  margin: 0px;
  padding: 0px;

  background-image: url("/image/header_logo400.gif");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 268px 24px;
}

#header h1 {
  display: none;
}
  
img#logo {
  display: none;
  position: relative;
  top: 24px;
  left: 268px;
  width: 480px;
  height: 90px;
  margin: 0px;
  padding: 0px;
}

/**********************************************************************
** Left navigation bar
**********************************************************************/

div#navbar {
  float: left;

  width: 119px;
  min-height: 390px;
  
  color: #ffffff;
  background-color: transparent;

  margin: 0px;
  padding: 16px 0px 0px 0px;
}

#navbar div.spacer {
  height: 390px;
  width: 1px;
  float: right;
}

#navbar a {
  display: block;

  margin: 2px 10px 2px 10px;
  padding: 2px 2px 2px 2px;

  font-size: 12pt;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
}

#navbar a:link {
  color: #ff9933;
}

#navbar a:visited {
  color: #999999;
}

#navbar a:hover {
  color: #cc6600;
  background-color: #333333;
}

#navbar a:active {
  color: #ffffff;
}

/**********************************************************************
** Content section
**********************************************************************/

div#content {
  position: static;

  width: 618px;
  min-height: 390px;

  margin: 0px 0px 0px 120px;
  padding: 2px 10px 2px 10px;
  
  background-color: #333333;
  background-image: url("/image/content_bg.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 0;
}

#content div.spacer {
  height: 390px;
  width: 1px;
  float: right;
}

/* headings */

#content h1,h2,h3,h4,h5,h6 {
  margin: 2px 2px 2px 2px;
  padding: 8px 2px 4px 2px;
  color: #ff9933;
}

#content h1 {
}

#content h2 {
}

#content h3 {
}

#content h4 {
}

#content h5 {
}

#content h6 {
}

/* paragraph */

#content p {
  margin: 2px 2px 2px 2px;
  padding: 8px 2px 8px 2px;
  
  font-size: smaller;
}

.groupaction {
  color: #ff9933;
  font-weight: bold;
}

#lyrics p {
  margin: 12px 2px 12px 2px;
  padding: 8px 2px 8px 2px;
}

p.credits {
  margin: 2px 2px 2px 2px;
  padding: 2px 2px 2px 2px;
  font-size: smaller;
  font-style: italic;
  color: #ff9933;
}

/* lists */

#content ul {
  list-style-image: url("/groupaction/image/sp_bullet.gif");
  list-style-type: square;
  list-style-position: outside;
  font-size: smaller;
}

#content li {
}

/* links */

#content a {
  text-decoration: none;
}

#content a:link {
  color: #ff9933;
}

#content a:visited {
  color: #999999;
}

#content a:hover {
  color: #cc6600;
}

#content a:active {
  color: #ccffcc;
}

/* mp3 album tracks */

div.tracks-with-cover {
  clear: left;
  padding: 12px 2px 12px 2px;
}

div.track-list {
  clear: left;
  padding: 12px 8px 12px 8px;
}
  
img.cover {
  float: left;
  width: 300px;
  height: 300px;
  margin-right: 10px
}

h1.tracks-with-cover {
}

ul.tracks-with-cover {
  margin-left: 256px;
}

ul.tracks-with-cover li{
  margin-left: 44px;
}

p.tracks-with-cover {
  float: right;
  width: 288px;

  margin: 2px 2px 2px 2px;
  padding: 8px 2px 8px 2px;

  font-size: x-small;
}

p.playlist {
  margin-left: 100px;
}

p.copyright {
  padding-left: 36px;
}

/**********************************************************************
** Footer section
**********************************************************************/

div#footer {
  clear: both;
  width: 618px;

  background-color: #000000;

  margin: 0px 0px 0px 120px;
  padding: 2px 10px 2px 10px;

  text-align: center;
}

#footer p {
  margin: 2px 10px 2px 10px;
  padding: 2px 2px 2px 2px;
  
  font-size: small;
}