/* CSS Document */
*{margin: 0; padding: 0; border:0;} 

html { 
overflow-x: hidden;
scrollbar-face-color:#000000;
scrollbar-track-color:#000000;
scrollbar-arrow-color:#edbc81;
scrollbar-shadow-color:#edbc81;
scrollbar-highlight-color:#000000;
scrollbar-3dlight-color:#edbc81;
scrollbar-darkshadow-color:#000000;  
}
body {
background-color: #000;
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
line-height: 16px;
text-align: center;
}
h1 {
margin-bottom: 3px;
font-size: 12px;
font-weight: bold;
}
h2 { 
font-size: 12px;
font-weight: bold;
color: #FF9900;
}
h3 {
margin-top: 10px;
font-size: 12px;
font-weight: bold;
color: #edbc81;
}
h4 {
margin-top: 10px;
font-size: 10px;
font-weight: bold;
color: #FFF;
}
h5 {
margin-top: 5px;
font-size: 12px;
font-weight: bold;
color: #FFF;
}
p {
margin-top: 13px;
}
a {
color: #FFF;
font-weight: bold;
text-decoration: none;
}
a:hover {
color: #edbc81;
}
ul {
margin-top: 13px;
list-style-type: none;
}
img {
border: 1px solid #000;
}
a img:hover {
border: 1px solid #990000;
}
select {
width: 112px;
margin-right: 5px;
}
.orange {
font-size: 12px;
font-weight: bold;
color: #FF9900;
}
.border {
margin: 2px 0;
font-size: 14px;
color: #FF9900;
clear: both;
}
.espace {
margin-left: 13px;
}
.small {
font-size: 10px;
}
.strong {
font-weight: bold;
}
.center {
text-align: center;
}
.margin-top{
margin-top: 18px;
}
.clear {
clear: both;
}
.right {
float: right;
clear: both;
}
.left {
float: left;
margin: 5px;
}
.vertical {
vertical-align: middle;
}
.margin {
margin: 0
}
.top {
margin-top: 60px;
display: block;
}
.menu {
margin-left: 80px;
}
.gys {
margin-top: 5px;
text-align: center;
}
.guest {
margin-left: 110px;
}
.video {
margin-top: 7px;
height: 85px;
}
.video .left {
float: left;
margin: 5px;
}
/* Biography */

#line-up {
margin-left: 274px;
width: 272px;
}
#bio {
float: left;
width: 274px;
}
.birth {
margin: 0;
font-size: 10px;
color: #FFF;
}
.puce {
float: left;
border: 0;
margin-right: 4px;
vertical-align: middle;
}
.droite a img:hover {
border: 0;
}
#bio-text {
width: 450px;
text-align: left;
margin: 3px 0 0 5px;
}
#text {
font-size: 9px;
margin: 0 30px;
}

/* Discography */

.disco_haut {
margin: 20px 0 19px 0;
}
.disco {
margin: 15px 0 19px 0;
}
.img-disco {
float: left;
margin-right: 40px;
}
.dvd {
clear: both;
margin-top: 40px;
}

/* Media */

.media {
margin: 0 auto;
width: 400px;
}
.droite {
margin-left: 223px;
width: 173px;
text-align: left;
}
.gauche {
float: left;
width: 223px;
text-align: left;
}
.first {
float: left;
margin-left: 40px;
border: 1px solid #FFF
}
.photos {
float: left;
margin-left: 30px;
border: 1px solid #FFF
}
.block { 
margin-bottom: 15px;
height: 75px;
}

/*Merch */

.div_ts {
height: 80px;
}
.shirt {
float: left;
margin-right: 15px;
border: 1px solid #FFF;
}
.shirtback {
float: left;
margin-right: 5px;
border: 1px solid #FFF;
}

/* Wallpaper */
.w-gauche {
float: left;
width: 250px;
text-align: left;
}
.w-droit {
margin-left: 250px;
width: 250px;
text-align: left;
}
.w-left {
float: left;
margin: 0 3px 0 40px;
}
.milieu{
height: 30px;
}

/* video */

#video {
background: url(images/fond_video.jpg) no-repeat;
width: 350px;
height: 310px;
}
#video object{
margin: 20px auto;
border: 1px solid black;
}

/* Press Kit */

.margin-press {
margin-left: 30px;
}

/* Concerts */
.concert_new {
height: 125px;
}
.concert_new li {
margin-bottom: 10px;
}
.concert li{
margin-bottom: 10px;
}
.concert ul{
margin: 0;
}

/* Links */
.menu_links {
margin-left: 20px;
}
.bands {
float: left;
width: 290px;
margin-left: 20px;
}
.zines {
margin-left: 320px;
}

/* Architecture */

#conteneur {
position: relative;
margin: auto;
width: 993px;
text-align: left; 
}
#head {
position: absolute;
width: 993px;
height: 152px;
background: url(images/design/head.jpg) no-repeat;
}
#content {
position: absolute;
top: 152px;
width: 993px;
height: 364px;
background: url(images/design/content.jpg) no-repeat;
}
#navbar {
position: absolute;
top: 516px;
width: 993px;
height: 110px;
background: url(images/design/navbar.jpg) no-repeat;
}
#frame {
position: absolute;
margin: 10px 0 0 154px;
width: 690px;
height: 340px;
overflow: auto;
}
#contenu {
position: absolute;
margin-left: 64px;
width: 550px;
height: 340px;
}
.banniere {
position: absolute;
width: 468px;
height: 60px;
top: 34px;
left: 475px;
}

/* Navbar */

#news a {
position: absolute;
top: 19px;
left: 460px;
width: 32px;
height: 29px;
background: url(images/design/navbar/news.gif) no-repeat;
}
#news a:hover {
background: url(images/design/navbar/news.gif) 0 -29px no-repeat;
}
#trait_news {
position: absolute;
top: 19px;
left: 492px;
width: 7px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#biography a {
position: absolute;
top: 19px;
left: 499px;
width: 55px;
height: 29px;
background: url(images/design/navbar/biography.gif) no-repeat;
}
#biography a:hover {
background: url(images/design/navbar/biography.gif) 0 -29px no-repeat;
}
#trait_bio {
position: absolute;
top: 19px;
left: 554px;
width: 8px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#discography a {
position: absolute;
top: 19px;
left: 562px;
width: 67px;
height: 29px;
background: url(images/design/navbar/discography.gif) no-repeat;
}
#discography a:hover {
background: url(images/design/navbar/discography.gif) 0 -29px no-repeat;
}
#trait_disco {
position: absolute;
top: 19px;
left: 629px;
width: 7px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#concept a {
position: absolute;
top: 19px;
left: 636px;
width: 44px;
height: 29px;
background: url(images/design/navbar/concept.gif) no-repeat;
}
#concept a:hover {
background: url(images/design/navbar/concept.gif) 0 -29px no-repeat;
}
#trait_concept {
position: absolute;
top: 19px;
left: 680px;
width: 8px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#contact a {
position: absolute;
top: 19px;
left: 688px;
width: 43px;
height: 29px;
background: url(images/design/navbar/contact.gif) no-repeat;
}
#contact a:hover {
background: url(images/design/navbar/contact.gif) 0 -29px no-repeat;
}
#trait_contact {
position: absolute;
top: 19px;
left: 731px;
width: 8px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#media a {
position: absolute;
top: 19px;
left: 739px;
width: 34px;
height: 29px;
background: url(images/design/navbar/media.gif) no-repeat;
}
#media a:hover {
background: url(images/design/navbar/media.gif) 0 -29px no-repeat;
}
#trait_media {
position: absolute;
top: 19px;
left: 773px;
width: 7px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#concerts a {
position: absolute;
top: 19px;
left: 780px;
width: 50px;
height: 29px;
background: url(images/design/navbar/concerts.gif) no-repeat;
}
#concerts a:hover {
background: url(images/design/navbar/concerts.gif) 0 -29px no-repeat;
}
#trait_concerts {
position: absolute;
top: 19px;
left: 830px;
width: 9px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#merchandising a {
position: absolute;
top: 19px;
left: 839px;
width: 82px;
height: 29px;
background: url(images/design/navbar/merchandising.gif) no-repeat;
}
#merchandising a:hover {
background: url(images/design/navbar/merchandising.gif) 0 -29px no-repeat;
}
#guestbook a {
position: absolute;
top: 48px;
left: 512px;
width: 56px;
height: 29px;
background: url(images/design/navbar/guestbook.gif) no-repeat;
}
#guestbook a:hover {
background: url(images/design/navbar/guestbook.gif) 0 -29px no-repeat;
}
#trait_guest {
position: absolute;
top: 46px;
left: 568px;
width: 7px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#forum a {
position: absolute;
top: 48px;
left: 575px;
width: 37px;
height: 29px;
background: url(images/design/navbar/forum.gif) no-repeat;
}
#forum a:hover {
background: url(images/design/navbar/forum.gif) 0 -29px no-repeat;
}
#trait_forum {
position: absolute;
top: 46px;
left: 612px;
width: 10px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#gys a {
position: absolute;
top: 48px;
left: 622px;
width: 85px;
height: 29px;
background: url(images/design/navbar/grind-your-soul.gif) no-repeat;
}
#gys a:hover {
background: url(images/design/navbar/grind-your-soul.gif) 0 -29px no-repeat;
}
#trait_gys {
position: absolute;
top: 46px;
left: 707px;
width: 7px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#sgf a {
position: absolute;
top: 48px;
left: 714px;
width: 113px;
height: 29px;
background: url(images/design/navbar/soul-grinding.gif) no-repeat;
}
#sgf a:hover {
background: url(images/design/navbar/soul-grinding.gif) 0 -29px no-repeat;
}
#trait_sgf {
position: absolute;
top: 46px;
left: 827px;
width: 7px;
height: 29px;
background: url(images/design/navbar/trait.gif) no-repeat;
}
#links a {
position: absolute;
top: 48px;
left: 834px;
width: 55px;
height: 29px;
background: url(images/design/navbar/links.gif) no-repeat;
}
#links a:hover {
background: url(images/design/navbar/links.gif) 0 -29px no-repeat;
}