@charset "UTF-8";
/* CSS Document */
body{
margin:0px;
padding: 0px 0px 40px 0px;
background-color:#000000;
font-family:Trebuchet,Trebuchet MS;
font-size:13px;
color:#999999;

}

a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

#topmusic {
background-image:url(graphics/music.png);
width:100px;
height:40px;
margin:220px 50px 0px 100px;
float:left;
}

#topblog {
background-image:url(graphics/blog.png);
width:100px;
height:40px;
margin: 220px 100px 0px 50px;
float:left;
}

#topblog:hover {
background-image:url(graphics/blog_up.png);
}

#johnnyhead {
background-image:url(graphics/johnnyindia_noeye.png);
width:300px;
height:400px;
float:left;
}

#grandfatherlinks: {
line-height: 20px;
font-size:13px;
}

#grandfatherlinks a {
text-decoration:none;
color:#fff;
}

#topmusic:hover {
background-image:url(graphics/music_up.png);
}

#johnnyhead:hover {
background-image:url(graphics/johnnyindia.png);
}

#wrapper {
margin:auto;
width:960px;
height:1000px;
}

#wrapper2 {
padding: 160px 10px;
width:800px;
margin:auto;
height:200px;
}

img {
border: none;
}

#headerrr {
width: 960px;
height: 140px;
display: block;
}

#musicnav {
float:left;
color:#7d1100;
margin: 36px 20px;
width: 146px;
padding:10px 20px;
line-height:20px;
font-size:13px;
font-weight:bold;

}

#musicnav a {
color:#7d1100;
text-decoration:none;
}

#musicnav a:hover {
text-decoration:underline;
}

#musiccontent {
color:#999999;
width: 680px;
margin: 20px;
float:left;
line-height: 16px;
}

#musiccontent a {
color:white;
}

#musiccontent img {
margin:auto;

}

#musiccontent h1 {
color:#6B6F9C;
font-size:24px;
}




#jihead {
width:470px;
height:140px;
background-color:#000000;
display: block;
float:left;
}

#jinav {
height:140px;
background-color:#000000;
display: block;

}

#jinav img {
width:140px;
height:32px;
display:block;
display: block;
float: left;
margin:54px 0px;
}



#jimusic {
width:140px;
height:32px;
display:block;
display: block;
float: left;
margin:54px 0px;
background-image:url(graphics/nav_music_down.png);
}


#jiblog  {
width:140px;
height:32px;
display:block;

display: block;
float: left;
margin:54px 0px;
background-image:url(graphics/nav_blog_down.png);
}

#jicontact  {
width:140px;
height:32px;
display:block;

display: block;
float: left;
margin:54px 0px;
background-image:url(graphics/nav_contact_down.png);
}

#jilinks  {
width:140px;
height:32px;
display:block;

display: block;
float: left;
margin:54px 0px;
background-image:url(graphics/nav_links_down.png);
}

#jimusic:hover {
background-image:url(graphics/nav_music_up.png)
}

#jiblog:hover {
background-image:url(graphics/nav_blog_up.png)
}

#jicontact:hover {
background-image:url(graphics/nav_contact_up.png)
}