*{
  margin: 0;
  padding: 0;
}
body{
  background: #030303 url(img/bg.gif) top left repeat;
  font: 68.75% Arial, sans-serif;
  color: #fff;
  padding-bottom: 105px;
}
ul{
  list-style-type: none;
  list-style-position: outside;
}
a img{
  border: 0;
}
a{
  color: #FFA200;
}
.clear{
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
#topMenu{
  background: #212121 url(img/bg2.gif) top left repeat;
  border-bottom: 1px solid #797979;
  padding-top: 19px;
}
#topMenu ul{
  width: 900px;
  margin: 0 auto;
  border-right: 1px solid #797979;
  font-weight: 600;
}
#topMenu ul li{
  float: left;
  border-left: 1px solid #797979;
  width: 99px;
}
#topMenu ul li.clear{
  float: none;
  border: 0;
  margin-top: -2px;/*for IE*/
}
#topMenu span{
  font-size: 91%;
  margin-top: -3px;
  color: #797979;
  display: block;
  position: absolute;
  padding-left: 5px;
}
#topMenu a{
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-size: 109%;
  background: url(img/linkbg.gif) top no-repeat;
  border-bottom: 1px solid #000;
  margin-top: 26px;
  padding: 10px 0 2px 6px;
}
#topMenu a.active{
  background: url(img/linkbg.gif) bottom no-repeat;
}
#topMenu a:hover{
  color: #FFA200;
}
#topMenu a.active:hover{
  color: #fff;
}
#header{
  width: 901px;
  margin: 0 auto;
}
#logo{
  float: left;
  display: block;
  padding-top: 15px;
}
#searchForm {
	float: right;
  padding: 50px 0px 0px 0px;
}
#searchForm *{
  float: left;
}
#searchForm label{
  font-size: 91%;
  font-weight: 600;
  color: #9F9F9F;
  padding: 4px 9px 0px 11px;
}
#searchForm .textField{
  border: 1px solid #797979;
  width: 158px;
  margin-right:9px;
  padding: 2px 0px 4px 0;
  font-size: 98%;
  color: #232323;
}
#searchForm select{
  font-size:110%;
  padding: 1px 0px 1px 0px;
  color: #232323;
  width: 84px;
}
#searchForm select option{
  float: none !important;
}
#boardWrap{
  background: #1E1E1E url(img/corn1.gif) top left no-repeat;
  border-bottom: 1px solid #4F4F4F;
  padding-left: 2px;
  float: right;
  margin: -4px 0 1px 0;
}
#board{
  background: url(img/corn2.gif) top right no-repeat;
  font-size: 91%;
  font-weight: 600;
  color: #797979;
  padding: 3px 5px 3px 6px;
}
#board span{
  padding: 0 9px;
}
#alphabetBox{
  border: 1px solid #4F4F4F;
  background: #212121 url(img/bg5.gif) top left repeat;
  padding: 4px 0 2px 8px;
  float: left;
  width: 891px;
  font-size: 100%;
  margin-bottom: 1px;
}
#alphabetBox span{
  float: left;
  width: 160px;
  font-size: 91%;
  padding-top: 5px;
  color: #797979;
}
#alphabetBox a{
  background: url(img/signbg.gif) top left no-repeat;
  float: left;
  margin: 0 1px;
  display: inline;
  font-weight: 600;
  padding-left: 2px;
  width: 23px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 24px;
}
#alphabetBox a.active{
  background: url(img/signbg.gif) bottom left no-repeat;
}
#alphabetBox a:hover{
  color: #FFB233;
}
#alphabetBox a.active:hover{
  color: #fff;
}
#mainWrap{
  background: url(img/bg3.jpg) top left repeat-x;
  clear: both;
}
#mainContent{
  width: 899px;
  border: 1px solid #4F4F4F;
  background: #1E1E1E;
  margin: 0 auto;
}
.adsBox{
  padding: 15px 0px 2px 89px;
}
h1{
  background: #7C0000 url(img/border2.gif) top left no-repeat;
  margin: 11px 10px 0 10px;
  line-height: 100%;
  font-size: 145%;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding-top: 11px;
}
h2{
  margin: 0 10px 11px 10px;
  padding: 1px 0 11px 0;
  background: #7C0000 url(img/border1.gif) bottom left repeat-x;
  font-weight: 600;
  font-size: 109%;
  color: #EEB76B;
  text-align: center;
}
h3{
  font-weight: 600;
  font-size: 109%;
  color: #fff;
  background: #4F4F4F;
  margin: 1px;
  line-height: 15px;
  padding: 8px 0px 7px 8px;
}
h3.mp3{
  background: #4F4F4F url(img/mp3.gif) top left no-repeat;
  padding-left: 31px;
}
h3.lessons{
  background: #4F4F4F url(img/lessons.gif) top left no-repeat;
  padding-left: 31px;
}
h3.poster{
  background: #4F4F4F url(img/poster.gif) top left no-repeat;
  padding-left: 31px;
}
h3.tone{
  background: #4F4F4F url(img/tone.gif) top left no-repeat;
  padding-left: 31px;
}
h5{
  font-size: 109%;
  font-weight: 600;
  color: #4F4F4F;
  text-align: center;
  padding-top: 23px;
}
.column{
  float: left;
  width: 212px;
  margin-bottom: 10px;
  border-left: 10px solid #1E1E1E;
}
.frame{
  border: 1px solid #4F4F4F;
  background: #323232;
  border-top-color: #737373;
  height: 1%;
}
.illustration{
  border: 1px solid #4D4D4D;
  background: #1E1E1E;
  padding: 3px;
  margin: 9px 0px 11px 9px;
}
.ratingList{
  border: 1px solid #4F4F4F;
  background: #323232;
  font-weight: 600;
  margin-top: 1px;
  padding: 6px 0 10px 0;
}
.ratingList span{
  color: #fff;
  padding-right: 10px;
}
.ratingList li{
  padding: 7px 0px 8px 8px;
}
.ratingList a{
  line-height: 14px;
}
.ratingList .firstPosition,
.ratingList .secondPosition,
.ratingList .thirdPosition{
  padding: 0 0 8px 25px;
  margin: 7px 0px 0 8px;
}
.ratingList .firstPosition a,
.ratingList .secondPosition a,
.ratingList .thirdPosition a{
  color: #E6C863;
  display: block;
  padding: 0px 0px 0px 0px;
}
.ratingList a:hover{
  color: #fff;
}
.firstPosition{
  background: url(img/first.gif) top left no-repeat;
}
.secondPosition{
  background: url(img/second.gif) top left no-repeat;
}
.thirdPosition{
  background: url(img/third.gif) top left no-repeat;
}
.columnSubTitle{
  background: url(img/bg5.gif) top left repeat;
  border-bottom: 1px solid #4F4F4F;
  color: #F1C876;
  font-size: 109%;
  font-weight: 600;
  padding: 9px 7px 6px 8px;
  line-height: 15px;
}
.columnSubTitle img{
  position: absolute;
  margin: -13px  0 0 -15px;
}
#loginForm{
  background: #7C0000 url(img/formbg.jpg) left bottom repeat-x;
  margin: 1px;
  padding: 9px 7px 0px 9px;
  height: 87px;
}
#loginForm .textField{
  background: #1E1E1E;
  border: 1px solid #E67517;
  font-size: 91%;
  color: #737373;
  width: 153px;
  padding: 2px 0px 4px 5px;
  margin-bottom: 9px;
}
#submitbtn{
  float: right;
}
#loginForm a{
  font-size: 91%;
  font-weight: 600;
  color: #7C0000;
  display: block;
  padding-top: 3px;
}
#lightFrame{
  border-top: 1px solid #4F4F4F;
  padding: 13px 0px 0px 10px;
}
#lightFrame p{
  font-size: 109%;
  letter-spacing: -0.05em;
  color: #F0C776;
  font-weight: 600;
}
#lightFrame ul{
  color: #fff;
  padding: 13px 0 6px 0;
}
#lightFrame li{
  background: url(img/smallflame.gif) top left no-repeat;
  padding: 0px 0px 10px 13px;
  line-height: 14px;
}
.linkWithArrow2,
.linkWithArrow{
  background: url(img/linkbg2.gif) top left no-repeat;
  height: 19px;
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  padding: 5px 0px 0 9px;
  width: 186px;
  display: block;
  font-size: 91%;
  font-weight: 600;
  margin: 10px 0px 7px 8px;
}
.linkWithArrow2:hover,
.linkWithArrow:hover{
  background: url(img/linkbg2.gif) bottom left no-repeat;
  color: #FFA200;
}
#lightFrame .linkWithArrow{
  margin: 0 !important;
  padding-left: 14px !important;
  width: 177px;
}
.frame#darkFrame{
  background: #1E1E1E;
  margin-top: 12px;
}
.frame#darkFrame .columnSubTitle{
  color: #fff;
}
.frame#darkFrame ul{
  color: #fff;
  height: 1%;
  padding: 7px 0px 4px 9px;
}
.frame#darkFrame ul li{
  background: url(img/cloud.gif) top left no-repeat;
  display: block;
  padding: 0px 0px 13px 22px;
  line-height: 100%;
}
.frame#darkFrame ul li.sectionTitle{
  padding: 8px 0 13px 0;
  font-weight: 600;
  background: none;
}
.itemText{
  padding: 11px 12px 3px 9px;
}
#footer{
  border: 1px solid #4F4F4F;
  background: #212121 url(img/bg4.gif) top left repeat;
  padding: 9px 0 10px 0;
  width: 899px;
  margin: 1px auto 0 auto;
  text-align: center;
  font-size: 91%;
}
/*ARTIST PAGE*/
#leftColumn{
  float: left;
  width: 656px;
  border-left: 10px solid #1E1E1E;
  margin-bottom: 10px;
}
.greyLine{
  background: #4F4F4F;
	margin: 1px;
}
.greyLine h3{
  float: left;
  margin: 0;
}
.greyLine form{
	float: right;
  width: 180px;
  padding: 4px 4px 0 0;
}
.greyLine label{
	display: block;
  float: left;
  text-align: right;
  color: #9F9F9F;
  width: 70px;
  font-size: 91%;
  font-weight: 600;
  padding: 4px 5px 0 0;
}
.greyLine select{
  float: right;
  font-size:110%;
  padding: 1px 0px 1px 0px;
  color: #232323;
  width: 103px;
  border: 1px solid #1E1E1E;
}
#leftColumn .adsBox{
  padding: 5px 0px 3px 94px;
}
.pageTurn{
  margin: 0 auto 1px auto;
  font-weight: 600;
}
.pageTurn td{
  width: 25px;
  text-align: center;
  padding: 1px 0;
  vertical-align: top;
}
.pageTurn td a{
  text-decoration: none;
  background: #1E1E1E;
  border: 1px solid #797979;
  margin: 0px 2px 0px 1px;
  display: block;
  line-height: 14px;
  color: #fff;
	padding: 2px 0px;
}
.pageTurn td.backLink,
.pageTurn td.nextLink{
  font-family: "Myriad Pro";
  height: 24px;
  padding: 0;
}
.pageTurn td.backLink{
  text-align: left;
}
.pageTurn td.nextLink{
  text-align: right;
  /*width: 72px;*/
}
.pageTurn td.nextLink a,
.pageTurn td.backLink a{
  display: block;
	background: none;
  border: 0;
  /*padding-top: 0px;*/
  padding-bottom: 4px;
  line-height: 20px;
}
.pageTurn td.nextLink a{
  background: url(img/next.gif) top left no-repeat;
  padding-right: 26px;
  width: 46px;
}
.pageTurn td.backLink a{
  background: url(img/back.gif) top right no-repeat;
  padding-left: 27px;
  width: 46px;
  margin: 0px 2px 0px 2px;
}
.pageTurn td.backLink a:hover{
  background: url(img/back.gif) bottom right no-repeat;
  color: #FFA200;
}
.pageTurn td.nextLink a:hover{
  background: url(img/next.gif) bottom left no-repeat;
  color: #FFA200;
}
.pageTurnWrap{
  border: 1px solid #4F4F4F;
  background: #323232;
  float: left;
  width: 654px;
  padding-top: 5px;
}
.mainList{
  float: left;
  width: 328px;
  font-weight: 600;
  margin-bottom: 1px;
}
.mainList a:hover{
  color: #fff;
}
.mainList li{
  border: 1px solid #4F4F4F;
  background: #282828;
  padding: 7px 0px 8px 0px;
  margin-top: 1px;
  line-height: 14px;
  width: 326px;
}
.mainList#rightList{
  width: 327px;
  border-left: 1px solid #1E1E1E;
}
.mainList#rightList li{
  width: 325px;
}
.mainList#singleList li{
  width: 654px;
  padding: 7px 0px 6px 0px;
}
.mainList#singleList{
  width: 100%;
}
#singleList.mainList li.titlePoint{
  background: #4F4F4F;
  padding: 7px 0px 8px 0px;
}
.mainList li.lightPoint{
  background: #323232;
}
.mainList *{
  float: left;
}
.firstcol{
  width: 29px;
  padding-left: 1px;
  text-align: center;
}
.secondcol{
  width: 288px;
  padding-left: 4px;
}
.mainList#singleList .secondcol{
  width: 404px;
}
.thirdcol{
  width: 100px;
}
.fourthcol{
  float: right;
  width: 105px;
  padding-right: 3px;
}
.fourthcol img{
  float: right;
}
.mainList#singleList li.titlePoint .firstcol{
  width: 427px;
  padding-left: 10px;
  text-align: left;
}
.mainList#singleList li.titlePoint .secondcol{
  width: 150px;
}
.mainList#singleList li.titlePoint .thirdcol{
  width: 50px;
  float: right;
}
.column .adsBox{
  padding: 15px 0px 0px 5px;
  height: 209px;
  border: 1px solid #4F4F4F;
  border-top: 1px solid #737373;
  background: #323232;
  margin-top: 10px;
}
/*DISPLAY*/
.rightLink{
  float: right;
  display: inline;
  background: url(img/linkbg3.gif) top left no-repeat;
  width: 105px;
  color: #fff;
  font-weight: 600;
  font-size: 91%;
  text-decoration: none;
  margin: 3px 3px 0px 0px;
  padding: 1px 0 1px 22px;
  line-height: 21px;
}
.rightLink:hover{
  background: url(img/linkbg3.gif) bottom left no-repeat;
  color: #FFA200;
}
#leftColumn #divLikeTable .adsBox{
  padding: 8px 0 0 9px;
  width: 317px;
  border-top: 1px solid #4F4F4F;
  float: left;
}
#divLikeTable{
  background: #323232 url(img/border3.gif) left repeat-y;
  border-bottom: 1px solid #4F4F4F;
  height: 1%;
}
#shortList{
  float: right;
  width: 325px;
  border: 1px solid #1E1E1E;
  border-style: none solid;
}
#shortList li{
  background: #323232;
  border-bottom: 1px solid #1E1E1E;
}
#shortList a{
  font-size: 91%;
  font-weight: 600;
  line-height: 12px;
  padding: 9px 0px 8px 32px;
  display: block;
  border: 1px solid #4F4F4F;
}
#shortList a.mp3{
  background: url(img/mp3.gif) 1px 0px no-repeat;
}
#shortList a.lessons{
  background: url(img/lessons.gif) 1px -1px no-repeat;
}
#shortList a.poster{
  background: url(img/poster.gif) 0 0 no-repeat;
}
#shortList a.tone{
  background: url(img/tone.gif) 3px 0px no-repeat;
}
#shortList a.sheet{
  background: url(img/sheet.gif) top left no-repeat;
}
#graySubTitle{
  float: right;
  font-weight: 600;
  line-height: 14px;
  background: #4F4F4F;
  color: #C1C1C1;
  padding: 8px 5px 8px 0px;
  text-align: right;
  width: 323px;
}
#rateForm{
  float: right;
  width: 249px;
  padding: 0 5px 0px 73px;
}
#rateForm select{
  float: left;
  font-size:110%;
  padding: 1px 0px 1px 0px;
  color: #232323;
  width: 115px;
  border: 1px solid #797979;
  margin-top: 9px;
}
#rateForm a{
  color: #fff;
  text-decoration: none;
  display: block;
  float: right;
  line-height: 14px;
  font-weight: 600;
  font-size: 91%;
  padding: 4px 0px 4px 9px;
  width: 118px;
  margin-top: 8px;
}
#rate{
  background: url(img/rate.gif) top no-repeat;
}
#rate:hover{
  background: url(img/rate.gif) bottom no-repeat;
  color: #FFA200;
}
#add{
  background: url(img/plus.gif) top no-repeat;
}
#add:hover{
  background: url(img/plus.gif) bottom no-repeat;
  color: #FFA200;
}
.rightLink#print{
  background: url(img/print.gif) top left no-repeat;
  padding: 1px 0 1px 9px;
  width: 118px;
}
.rightLink#print:hover{
  background: url(img/print.gif) bottom left no-repeat;
  color: #FFA200;
}
#tablatureWrap{
  border: 1px solid #4F4F4F;
  border-top: none;
  padding: 26px 0px 17px 17px;
  font: 12px Courier, monospace;
  /*line-height: 100%;*/
}
.tablature{
  overflow: auto;
  width: 597px;
  display: block;
  padding: 10px 0 15px 0;
  /*line-height: 117%;*/
}
.adsBox#bottomAd{
  border: 1px solid #4F4F4F;
  background: #323232;
  margin-top: 1px;
  padding: 11px 0px 10px 98px;
}
.staticText{
  padding: 20px 0px 20px 9px;
}
#forumWrap{
  border: 1px solid #4F4F4F;
  background: #1E1E1E;
  margin: 0px 11px 12px 10px;
}
/*MEMBER PANEL*/
.grayTextField{
  background: #1E1E1E;
  border: 1px solid #797979;
  display: block;
  color: #797979;
  width: 194px;
  height: 13px;
  margin:5px 0px 0px 5px;
  padding: 2px 0px 4px 4px;
  font-size: 98%;
}
.grayTextField#singleTextField{
	width: 158px;
  margin:12px 0px 0 15px;
}
p#caption,
#lightFrame p#caption{
  color: #fff;
  font-weight: 400;
  font-size: 91%;
  line-height: 12px;
  letter-spacing: -0.05em;
	padding: 11px 0 5px 26px;
}
#lightFrame p#caption{
	padding: 12px 0 56px 20px;
}
.frame#memberPanel{
  height: 310px;
  background: #1E1E1E url(img/lightcorns.jpg) bottom no-repeat;
}
.frame#memberPanel .linkWithArrow{
  margin-bottom: 0px;
  position: absolute;
}
.detailsSelect{
  border: 1px solid #797979;
  color: #797979;
  background: #1E1E1E;
  font-size:110%;
  height: 19px;
  padding: 1px 0px 1px 0px;
  width: 200px;
  margin: 6px 0px 0px 5px;
}
.detailsSelect#shortSelect{
  width: 78px;
}
#orangefields{
  background: url(img/border4.gif) top repeat-x;
  margin: 7px 5px 0 5px;
  padding-top: 8px;
}
#orangefields .grayTextField{
  border: 1px solid #E67517;
  margin: 0 0 6px 0;
}
#listTitle{
  background: url(img/bg6.gif) top no-repeat;
  width: 182px;
  font: 600 91%  "Myriad Pro", Arial, sans-serif;
  line-height: 12px;
  letter-spacing: 0;
  padding: 5px 0px 3px 18px;
	margin: 8px 0px 0px 5px;
  color: #A0A0A0;
}
#membersList{
  border: 1px solid #737373;
  overflow: auto;
  margin: 0 5px 19px 5px;
  float: left;
  height: 166px;
  width: 198px;
  display: inline;
}
#membersList ul{
  float: left;
}
#membersList ul li{
	border-bottom: 1px solid #3C3C3C;
  width: 100%;
  float: left;
  display: inline;
  padding-bottom: 4px;
}
#membersList ul li#lastchild{
  border: 0;
}
#membersList ul li .textLink{
  float: left;
  font-size: 91%;
  font-weight: 600;
  padding: 5px 0px 0px 4px;
  width: 70%;
  line-height: 12px;
}
#membersList ul li img{
  float: right;
  display: inline;
  margin: 5px 3px 0 0;
}
.linkWithArrow2{
  margin: 0px 0px 3px 10px;
  clear: both;
}
#note{
  background: url(img/note.gif) no-repeat;
  width: 190px;
  height: 90px;
  margin-top: 13px;
  border-bottom: 27px solid #1E1E1E;
}
#note p{
  padding: 30px 0px 0px 64px;
}