
/* page ****************************************/

* {
  margin: 0;
  padding: 0;
}

html, body {
  height: 100%; /* Required */
}

body {
    color: #bfbfbf;
    background:#000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
}

h1{
    text-align: right;
    margin: 5px 0 0 0;
    color: #fff;
    padding: 0;
    font-size: 18px;
    font-weight: bold;
    background:#000;    
    width: auto;
    font-variant: small-caps;
}

h2{
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    margin: 15px 0 0 0;
    border-right: #cd171e solid 16px;
    color: #FFFFFF;    
    background:#000;
    width: auto;
    padding: 0px 6px;
    font-variant: small-caps;
}

h3{
    text-align: right;
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    color: #FFFFFF;    
    background:#000;
    width: auto;
    padding: 3px 23px 3px 3px;
    font-variant: small-caps;
}

p{
    margin: 10px 0 0 0;
    background:#000;
    color: #bfbfbf;
    width: auto;
    padding: 3px;
    text-align: justify;
    font-variant: small-caps;
}

.links{
    margin: 20px 15px 0 0;
    background: none;
    /*color: #bfbfbf;*/
    width: auto;
    padding: 3px;
    text-align: right !important;
    font-variant: small-caps;
}

.basdepage{
    margin: 10px 0 0 0;
    font-size: 11px;
    background: #ababab;
    color: #000000;
    width: 575px;
    border: #585858 solid 1px;
    padding: 3px;
    text-align: left;
    font-variant: small-caps;
}

.basdepage a{
    background:#ababab;
    padding: 0px;
    color: #000000;
}

a{
color: #fff;
background: transparent;
text-decoration: none;
font-weight: bold;
padding: 3px;
}

a:hover{
color: #000;
background: #FFFFFF;
padding: 3px;
}

a.mp3, a.youtube{
width:100%;
display:block;
padding-left:0;
float:none;
clear:right;
}

a.mp3 object , a.youtube object{

display:block;
float:none;
clear:right;
}



a.mp3:hover, a.youtube:hover{
background:none;
}


.rss{
    background: #FF6600;
    color: #FFFFFF;
    font-weight: bold;
}

#whatisrss{
    margin: 10px 0 0 0;
    display: none;
    background:#ababab;
    color: #000000;
    border: #585858 solid 1px;
    padding: 10px;
    }

#whatisrss p{
    background:#ababab;
    color: #000000;
    }

#whatisrss strong{
    background: none;
    /*color: #000000;*/
    }
    
#whatisrss a{
    background: #666666;
    color: #FFFFFF; 
    }
    
#whatisrss h2{
    margin-top: 0;
    background: none;
    /*color: #000000; */
    }
    
strong{
    color:#FFFFFF;
    font-weight: bold;
    background:#000;
    }

#content img, #content_viewer img{
    border: #842024 solid 1px;
    }

/*
.thumb{
    position: relative;
    float: left;
    height: 100px;
    width: 100px;
    margin: 7px
}
*/

embed, object{
    margin: 0 0 10px 0;
}

/* nav ****************************************/

.header_black{
    position: relative;
    height: 90px;
    width: 800px;
    z-index: 50;
    background: url(../images/bgd_header_black.gif) no-repeat;
}

.header_white{
    position: relative;
    height: 90px;
    width: 800px;
    z-index: 50;
    background: url(../images/bgd_header_white.gif) no-repeat;
}

.navigation{
    position: absolute;
    bottom: 0;
    right: 150px;
    height: 19px;
    width: auto;
    z-index: 50;
    text-align: right;
}

.navigation a, .navigation a:hover{
    padding: 0;
    background: #000000;
    color:#FFFFFF;
}

.nav_home{ height: 19px; width: 40px; background: url(../images/nav_down_home.gif);}
.nav_home:hover{background: url(../images/nav_over_home.gif);}

.nav_band{ height: 19px; width: 39px; background: url(../images/nav_down_band.gif);}
.nav_band:hover{background: url(../images/nav_over_band.gif);}

.nav_tour{ height: 19px; width: 37px; background: url(../images/nav_down_tour.gif);}
.nav_tour:hover{background: url(../images/nav_over_tour.gif);}

.nav_lyrics{ height: 19px; width: 45px; background: url(../images/nav_down_lyrics.gif);}
.nav_lyrics:hover{background: url(../images/nav_over_lyrics.gif);}

.nav_shop{ height: 19px; width: 37px; background: url(../images/nav_down_shop.gif);}
.nav_shop:hover{background: url(../images/nav_over_shop.gif);}

.nav_contact{ height: 19px; width: 61px; background: url(../images/nav_down_contact.gif);}
.nav_contact:hover{background: url(../images/nav_over_contact.gif);}

.nav_press{height: 19px; width: 43px; background: url(../images/nav_down_press.gif);}
.nav_press:hover{background: url(../images/nav_over_press.gif);}

.nav_forum{ height: 19px; width: 48px; background: url(../images/nav_down_forum.gif);}
.nav_forum:hover{background: url(../images/nav_over_forum.gif);}

.nav_news{ height: 19px; width: 42px; background: url(../images/nav_down_news.gif);}
.nav_news:hover{background: url(../images/nav_over_news.gif);}

.nav_friends{ height: 19px; width: 54px; background: url(../images/nav_down_friends.gif);}
.nav_friends:hover{background: url(../images/nav_over_friends.gif);}

.nav_pictures{ height: 19px; width: 62px; background: url(../images/nav_down_pictures.gif);}
.nav_pictures:hover{background: url(../images/nav_over_pictures.gif);}

.nav_media{ height: 19px; width: 44px; background: url(../images/nav_down_media.gif);}
.nav_media:hover{background: url(../images/nav_over_media.gif);}

/* nav white ***/

.nav_white_home{ height: 19px; width: 40px; background: url(../images/nav_down_white_home.gif);}
.nav_white_home:hover{background: url(../images/nav_over_white_home.gif);}

.nav_white_band{ height: 19px; width: 39px; background: url(../images/nav_down_white_band.gif);}
.nav_white_band:hover{background: url(../images/nav_over_white_band.gif);}

.nav_white_tour{ height: 19px; width: 37px; background: url(../images/nav_down_white_tour.gif);}
.nav_white_tour:hover{background: url(../images/nav_over_white_tour.gif);}

.nav_white_lyrics{ height: 19px; width: 45px; background: url(../images/nav_down_white_lyrics.gif);}
.nav_white_lyrics:hover{background: url(../images/nav_over_white_lyrics.gif);}

.nav_white_shop{ height: 19px; width: 37px; background: url(../images/nav_down_white_shop.gif);}
.nav_white_shop:hover{background: url(../images/nav_over_white_);}

.nav_white_contact{ height: 19px; width: 61px; background: url(../images/nav_down_white_contact.gif);}
.nav_white_contact:hover{background: url(../images/nav_over_white_contact.gif);}

.nav_white_press{height: 19px; width: 43px; background: url(../images/nav_down_white_press.gif);}
.nav_white_press:hover{background: url(../images/nav_over_white_press.gif);}

.nav_white_forum{ height: 19px; width: 48px; background: url(../images/nav_down_white_forum.gif);}
.nav_white_forum:hover{background: url(../images/nav_over_white_forum.gif);}

.nav_white_news{ height: 19px; width: 42px; background: url(../images/nav_down_white_news.gif);}
.nav_white_news:hover{background: url(../images/nav_over_white_news.gif);}

.nav_white_friends{ height: 19px; width: 54px; background: url(../images/nav_down_white_friends.gif);}
.nav_white_friends:hover{background: url(../images/nav_over_white_friends.gif);}

.nav_white_pictures{ height: 19px; width: 62px; background: url(../images/nav_down_white_pictures.gif);}
.nav_white_pictures:hover{background: url(../images/nav_over_white_pictures.gif);}

.nav_white_media{ height: 19px; width: 44px; background: url(../images/nav_down_white_media.gif);}
.nav_white_media:hover{background: url(../images/nav_over_white_media.gif);}

/* form ****************************************/

input, textarea{
    background: #7a7a7a;
    padding: 2px;
    width: 300px;
    border: #585858 solid 1px;
    color: #FFFFFF;
    }

select{
    background: #7a7a7a;
    padding: 2px;
    width: 305px;
    border: #585858 solid 1px;
    color: #FFFFFF;
}
    
textarea{
    height: 80px;
}

.contact{
    margin-top: 100px;
}
