body 
{
  background-image: url('graphics/gradback.jpg');
  font-family: arial;
  color: white;
  border-style: none;
}
body A:link
{
  color: #ff9900;
  text-decoration: none;
  border-style: none;
}
body A:visited
{
  color: #ff9900;
  text-decoration: none;
  border-style: none;
}
body A:active
{
  color: #ff9900;
  text-decoration: none;
  border-style: none;
}
body A:hover
{
  color: #ff0000;
  text-decoration: none;
  border-style: none;
}

#menu_bar {
  position:absolute;
  left:370px;
  top: 20px;
  font-family: arial;
  font-weight: 100;
  font-size: 14px;
  color: #white;
  height : 35px;
  width: 548px;
  background-color: #00FF00;
  border-style: none;
}
#menu_bar .links {
         padding-top: 10px;
         padding-left: 10px;
}
#menu_bar .links a {
	display: block;
	float: left;
	padding-top: 0px;
	width: 70px;
	text-align: center;
	color: white;
        font-family: arial;
        font-weight: 900;
	text-decoration: none;
}
#menu_bar .links a:hover {

}
#menu_bar .links a:active {

}
#menu_bar .links .spacer {
	float: left;
	height: 35px;
	width: 44px;
}

#menu_chips {
	position: absolute; 
	top: 0px; 
	left: 370px; 
	width: 548px; 
	height: 95px;
}

#menu_chips .links {
	padding-top: 20px;
}

#menu_chips .links a {
	display: block;
	float: left;
	padding-top: 32px;
	width: 96px;
        height: 95px;
	text-align: center;
	color: white;
        font-family: arial;
        font-weight: 900;
        font-size: 14px;
	text-decoration: none;
	background: url(graphics/chip.png) no-repeat 0px 0px;
}
#menu_chips .links a:hover {
	background: url(graphics/chip.png) no-repeat 0px 0px;
}
#menu_chips .links a:active {
	background: url(graphics/chip.png) no-repeat 0px 0px;
}

#menu_chips .links .spacer {
	float: left;
	height: 95px;
	width: 17px;
}


#menu_knobs {
	position: absolute; 
	top: 0px; 
	left: 380px; 
	width: 526px; 
	height: 120px;
}
#menu_knobs .cap-left {
	position: absolute; left: -30px;
	width: 30px; height: 120px;
	background: url(knobs/leftend.png);
}
#menu_knobs .cap-right {
	position: absolute; right: -30px;
	width: 30px; height: 120px;
	background: url(knobs/rightend.png);
}
#menu_knobs .links {
	background: url(knobs/dashline.png) top repeat-x;
	padding-top: 30px;
}

#menu_knobs .links a {
	display: block;
	float: left;
	padding-top: 60px;
	width: 70px;
	text-align: center;
	color: white;
        font-family: arial;
        font-weight: 900;
	text-decoration: none;
	background: url(knobs/knobs.png) no-repeat 0px 0px;
}
#menu_knobs .links a:hover {
	background: url(knobs/knobs.png) no-repeat -70px 0px;
}
#menu_knobs .links a:active {
	background: url(knobs/knobs.png) no-repeat -140px 0px;
}

#menu_knobs .links .spacer {
	float: left;
	height: 90px;
	width: 44px;
	background: url(knobs/dash.png) bottom no-repeat;
}

#guitar
{
  position:absolute;
  left:0px;
  top:0px;
}

#pagehead
{
  position:absolute;
  left:370px;
  top: 65px; 
  font-family: arial;
  font-weight: 900;
  font-size: 20px;
  color: #BBBBBB;
}
#pagecopy
{
  position:absolute;
  left:370px;
  top: 105px;
  font-family: arial;
  font-weight: 100;
  font-size: 14px;
  color: #white;
  width: 548px;
  border-style: none;
}

#pagecopy .item
{
        padding: 0px 0px 0px 0px;
}

#pagecopy IMG
{
  border-style: none;
}
#pagecopy A:link
{
  color: #ff9900;
  text-decoration: none;
  border-style: none;
}
#pagecopy A:visited
{
  color: #ff9900;
  text-decoration: none;
  border-style: none;
}
#pagecopy A:active
{
  color: #ff9900;
  text-decoration: none;
  border-style: none;
}
#pagecopy A:hover
{
  color: #ff0000;
  text-decoration: none;
  border-style: none;
}
#pagecopy .title
{
  font-weight: bold;
  font-size: 20px;
  color: #BBBBBB;
  margin: 0px 0px 1ex;
  padding: 0px;
  text-transform: uppercase;
}
#pagecopy h2
{
  font-weight: bold;
  font-size: 16px;
  color: #BBBBBB;
  margin: 0px 0px -10px 0px;
  padding: 0px;
}
#pagecopy h1
{
  color: #bbb;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px -10px 0px;
  padding: 0px;
  border-bottom: solid #ff9900 1px;
}
#pagecopy .date
{
  font-style: italic;
  text-align: right;
  font-size: 14px;
  margin-top: 4px;
  color: #BBBBBB;
  float: right;
}
#pagecopy .songitem
{
  clear: both;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 28px 0px;
}
#pagecopy .songitem h2
{
  color: #bbb;
  font-size: 16px;
  font-weight: bold;
  margin: 0px 0px 1ex;
  padding: 0px;
  border-bottom: solid #ff9900 1px;
}
#pagecopy .songitem .line
{
  border-bottom: solid #ff9900 1px;
  margin: 0px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
  clear: both;
}
#pagecopy .songitem .songpic
{
  float: left;
  margin-left: 0px;
  margin-top: 0px;
  padding: 0px 0px 0px 0px;
}
#pagecopy .songitem .shadow
{
  float: left;
  margin-left: -150px;
  margin-top: 0px;
  padding: 0px 0px -160px 0px;
}
#pagecopy .songitem .songcopy
{
  margin-left: 160px;
  margin-top: 0px
  padding: 0px 0px 0px 0px;
}

#pagecopy .songitem .download
{
  font-style: italic;
  text-align: right;
  font-size: 14px;
  margin-top: 4px;
  color: #BBBBBB;
  float: right;
}

#pagecopy .songitem .full_lyrics
{
  font-style: italic;
  text-align: right;
  font-size: 14px;
  margin-top: 4px;
  padding-right: 12px;
  color: #BBBBBB;
  float: right;
}


#pagecopy .songitem .player
{
  margin-left: 160px;
  margin-top: -4px; 
  margin-bottom: -6px;
  padding: 0px 0px 0px 0px;
}


#pagecopy .songitem .listtext
{
  margin-left: 180px;
  margin-top: -33px;
  padding: 0px 0px 0px 0px;
}

#pagecopy .songitem .listtext .lyrics
{
  margin-left: -160px;
  margin-top: -16px;
}

#pagecopy .songitem .listtext .listdown
{
  margin-left: -110px;
  margin-top: -16px;
}

#pagecopy .songitem .spacer
{
  width: 1px; 
  height: 136px; float: right;
}
#pagecopy .songitem .spacer2
{
  width: 1px; 
  height: 160px; float: right;
}