body {
  margin: 0;
  padding: 0;
  min-width: 786px;
  font-size: 8pt;
  font-family: Tahoma, Verdana, sans-serif;
  color: #666;
  background: #4D4D4D;
}

}
img {
  border: 0;
}
a {
  text-decoration: none;
  color: #666;
}
pre {
  font-family: 'Courier New', Terminal, 'Lucida Console', monospace;
  line-height: 110%;
  font-size: 10pt;
  color: #000000;
  padding-left: 15px;
  margin:3px;
}

table {
  font-size: 8pt;
  font-family: Tahoma, Verdana, sans-serif;
  color: #666;
}

#wrap {
  margin: 15px auto;
  width: 786px;
  padding: 0px;
  background: #fff; 
}

#header {
  width: 786px;
  padding: 0px;
  background: #fff; 
  /*border: 2px solid #ff8000;*/
}
/* Index Lagu */

#songtitle {
  padding-left: 15px;
  margin: 0 auto;
  font-size: 15pt;
  color: #f80000;
}
#songauthor {
  padding-left: 15px;
  margin: 0 auto;
  font-size: 10pt;
  color: #FF8000;
  /*border: 2px solid #000000;*/
}
#youtube a{
  padding-left: 15px;
  margin: 0 auto;
  font-weight: bold;
  color: #0033FF;
  text-decoration: none;
  /*border: 2px solid #000000;*/
}
}
#songlist {
  float: left;
  width: 786px;
  margin: 0px 0 0 0;
  padding: 3px 0 0px 0;
  /*border-top: 2px solid #000000;*/
  border-bottom: 3px solid #4D4D4D;
  background-color: #4D4D4D;
}

#songlist .title {
  margin: 0 0 5px 0;
  padding: 0 0 0 15px;
  font-weight: bold;
  font-size: 10pt;
  color: black;
  /*background: url('../img/bullet.gif') left top no-repeat;*/
}
ul.alphabet {
  margin: 0;
  padding-left: 6px;
  white-space: nowrap;
  list-style-type: none;
}
.alphabet li {
  float: left;
  display: block;
  padding: 0;
  margin: 0 8px 0px 0;
}
.alphabet li a  {
  text-decoration: none;
  color: #ff8000;
}
.alphabet li a div {
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 12pt;
  text-align: center;
  border: 1px solid #FFFFFF;
}
.alphabet li a:hover {
  color: #fff;
  font-weight: bold
}
.alphabet li a:hover div {
  cursor: pointer;
  background-color: #2f6dc1;
  border: 1px solid #FFFFFF;
}
#main {
  float: left;
  width: 580px;
  margin: 0px;
  padding: 0px 0 10px 0;
  border-right: 5px solid #4D4D4D;
}
.chords {
  color: #2f6dc1;
}
/* Navigasi atas dan bawah */ 
#navigation {
  padding-left: 8px;
  margin: 0 0 10px 0;
  color: #666;
  /*border: 2px solid #000000;*/
}
#navigation a {
  padding: 0 auto;
  margin: 0 auto;
  font-weight: bold;
  color: #FF8000;
  text-decoration: none;
  /*background: url(../img/arrowg.gif) no-repeat right bottom;*/
}
#navigation a:hover {
  color: #2f6dc1;
} 
 /*background: url(../img/arrowy.gif) no-repeat right bottom;*/
/* Judul Halaman */
#main h3 {
  margin: 0px 0px 10px 0px;
  padding: 5px 0 0 10px;
  height: 24px;
  font-size: 12pt;
  line-height: 100%;
  color: #fff;
  background: #000000;
  /*background: url('../images/h3-bg.jpg') no-repeat;*/
}
#sidebar h4 {
  margin: 0px 0px 10px 0px;
  padding: 5px 0 0 10px;
  height: 24px;
  font-size: 12pt;
  line-height: 100%;
  color: #fff;
  background: #000000;
}
.newsitem {
  margin-bottom: 20px;
}
.date {
  width: 400px;
  padding: 0 10px 0 10px;
  margin: 0;
  line-height: 150%;
  color: #333;
  font-weight: bold;
}
#main p {
  width: 400px;
  padding: 0 10px 0 10px;
  margin: 0;
  line-height: 150%;
}
#main p a {
  text-decoration: underline;
  font-weight: bold;
  color: #ff8000;
}
#main p a:hover {
  text-decoration: none;
  color: #2f6dc1;
}
ul.news-ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0px;
  list-style-type: none;
}
ul.news-ul li {
  padding: 0;
  margin: 0;
  line-height: 150%;
}
ul.news-ul li a {
  text-decoration: none;
  padding: 0 5px 0 15px;
  font-weight: bold;
  color: #ff8000;
  /*background: url(../img/arrowy.gif) no-repeat left bottom;*/
}
ul.news-ul li a:hover {
  text-decoration: none;
  color: #2f6dc1;
  /*background: url(../img/arrowb.gif) no-repeat left bottom;*/
}
#main #maincontent {
  margin: 0;
  width: 580px;
  min-height:450px;
}

#videoholder{
 padding: 0 5px 0 15px;
}

#sidebar {
  width: 201px;
  padding: 0 0px 0 0px;
}
#sidebar #sidecontent {
  margin: 0px;
  padding: 0 3px 0 0;
  width: 201px;
}

ul.side-ul {
  margin: 0 0 0 0;
  padding: 0 0 0 0px;
  list-style-type: none;
}
ul.side-ul li {
  padding: 0 5px 0 15px;
  margin: 0;
  line-height: 150%;
}
ul.side-ul li a {
  padding: 0;
  font-weight: bold;
  text-decoration: underline;
  color: #848484;
  /*background: url(../img/arrowy.gif) no-repeat left bottom;*/
}
ul.side-ul li a:hover {
  text-decoration: none;
  color: #2f6dc1;
  /*background: url(../img/arrowb.gif) no-repeat left bottom;*/
}

#footer {
  width: 768px;
  margin: 0px;
  padding: 0 5px 0 15px;
  border-top: 5px solid #4D4D4D;
  background: #000000;
  border-bottom: 15px solid #4d4d4d;
}

#footer a{
  padding: 0 auto;
  margin: 0 auto;
  color: #FFFFFF;
  text-decoration: none;
}

#footer a:hover {
  font-weight: bold;
}


/* Tabel untuk Index Lagu */
#songlisttable th {
  color: #fff;
  background: #FF8000;
}
#songlisttable th.col1 {
  width: 50%;
  padding: 3px 0 3px 0;
  border-right: 2px solid #ffffff;
}
#songlisttable th.col2 {
  width: 20%;
  padding: 3px 0 3px 0;
  border-right: 2px solid #ffffff;
}
#songlisttable th.col3 {
  width: 15%;
  padding: 3px 0 3px 0;
  border-right: 2px solid #ffffff;
}
#songlisttable th.col4 {
  width: 15%;
  padding: 3px 0 3px 0;
}
#songlisttable td.col1 {
  padding: 3px 0px 3px 10px;
  width: 50%;
  border-right: 2px solid #ffffff;
}
#songlisttable td.col2 {
  padding: 3px 0px 3px 10px;
  width: 20%;
  border-right: 2px solid #ffffff;
}
#songlisttable td.col3 {
  padding: 3px 0px 3px 10px;
  width: 15%;
  border-right: 2px solid #ffffff;
}
#songlisttable td.col4 {
  padding: 3px 0px 3px 10px;
  width: 15%;
}
.audio {
  padding-left: 15px;
  /*background-image: url('../img/note.gif');*/
  background-repeat: no-repeat;
  background-position: 0 1px;
}
.noaudio {
  padding-left: 15px;
}
.whitebg {
  color: #666;
  background-color: #fff;
}
.greybg {
  color: #666;
  background-color: #F5D0A9;
}
.bluebg {
  color: #FFF;
  background-color: #FF6666;
}
.bluebg td a {
  color: #FFF;
}
.bluebg td a:hover {
  color: #fff;
  font-weight: bold;
  /*text-decoration: underline;*/
}
.thbbg {
  color: #fff;
  /*background: url('../img/banner-bg.jpg');*/
}
.thybg {
  cursor: pointer;
  color: #255f9a;
  background-color: #bfe4ff;
}
.button {
  border: 1px solid #000000;
  background: #FF8800;
}
.input {
    border: 1px solid #000000;
    background: #F7F8E0;
}
