@charset "utf-8";
/*
Ananda Rizki
http://bogorindie.com
december 2009
*/

@import "reset.css";

*{
padding:0;
margin:0;
}

body{
background:#000 url(../img/body-bg.jpg) center top repeat;
font:normal 11px Arial, Helvetica, sans-serif;
text-align:left;
}

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

a:hover{
text-decoration:underline
}
a img{
border:none;
}
#outer{
position:relative;
width:100%;
height:100%;
min-height:480px;
min-width:850px;

}
#wrapper{
margin-top:-300px;
height:480px;
width:850px;
position:absolute;
top:50%;
right:0;
overflow:hidden;
margin-left:60px;
}

#header{
height:134px;
text-align:left;
width:722px;
}


#logo{
no-repeat;
display:block;
height:127px;
overflow:hidden;
position:relative;
width:224px;
}

#logo h1{
background:url(../img/logo.gif) left top no-repeat;
display:block;
height:127px;
left:8px;
overflow:hidden;
padding-top:127px;
position:absolute;
top:0px;
width:203px;
}



#content{
background:#000;
padding:10px;

}
#bandlist{
background:#000;
height:222px;

width:752px;
}
#bandlist a{
background-image:url(../img/band1.gif);
display:block;
float:left;
}

.row1,.row2,.row3,.row4{overflow:hidden;}

#bandlist a{
    height:0;
    padding-top:54px;    
}

#bandlist .row3 a{
    height:0;
    padding-top:56px;
}

#bandlist .row4 a{
    height:0;
    padding-top:53px;
}


#fritz {
	width:108px;
	background-position:0 0;
}


#water {
	width:138px;
	background-position:-108px 0;
}


#vasco {
	width:139px;
	background-position:-246px 0;
}


#bobo {
	width:118px;
	background-position:-385px 0;
}
#dhamster {
	width:220px;
	background-position:-503px 0;
}
#justlion {
	width:195px;
	background-position:0 -56px;
}
#aloevera {
	width:205px;
	background-position:-195px -56px;
}
#lop {
	width:106px;
	background-position:-400px -56px;
}
#intro {
	width:123px;
	background-position:-506px -56px;
}
#sobat {
	width:122px;
	background-position:-629px  -56px;
}
#rovie {
	width:148px;
	background-position:0 -112px;
}
#munaq {
	width:171px;
	background-position:-148px -112px;
}
#shild {
	width:126px;
	background-position:-319px -112px;
}
#permata {
	width:186px;
	background-position:-445px -112px;
}
#kuzi {
	width:86px;
	background-position:-631px -112px;
}
#sandwich {
	width:219px;
	background-position:0 -168px;
}
#grip {
	width:98px;
	background-position:-219px -168px;
}
#silverland {
	width:234px;
	background-position:-319px -168px;
}

#fritz:hover {background-position:0 -222px;}
#water:hover {background-position:-108px -222px;}
#vasco:hover {background-position:-246px -222px;}
#bobo:hover {background-position:-385px -222px;}
#dhamster:hover {background-position:-503px -222px;}
#justlion:hover {background-position:0 -278px;}
#aloevera:hover {background-position:-195px -278px;}
#lop:hover {background-position:-400px -278px;}
#intro:hover {background-position:-506px -278px;}
#sobat:hover {background-position:-629px  -278px;}
#rovie:hover {background-position:0 -334px;}
#munaq:hover {background-position:-148px -334px;}
#shild:hover {background-position:-319px -334px;}
#permata:hover {background-position:-445px -334px;}
#kuzi:hover {background-position:-631px -334px;}
#sandwich:hover {background-position:0 -390px;}
#grip:hover {background-position:-219px -390px;}
#silverland:hover {background-position:-319px -390px;}

#nav{
overflow:hidden;
margin-top:5px;
margin-left:-5px;
}

#nav li{
float:left;
}

#nav li a{
display:block;
float:left;
padding:2px 70px;
background:#000;
margin-left:5px;
}

#nav li a:hover{
background:#fff;
color:#000;
text-decoration:none;
}


#footer{
padding-left:16px;
padding-top:20px;
width:720px;
}

#footer p{
color:#ccc;
font-size:10px;
text-align:left;

}

#social{
float:left;
padding-right:10px;
margin-right:10px;

}

#social p{
padding-bottom:5px;
}

#footer-text{
padding-top:10px;}