html, body{
width:100%;
height:100%;
margin:0;
padding:0
}

body{
background:#A6ACAE;
text-align: center;
font-family:Geneva,Verdana;
}

form,fieldset{margin:0;border:0;padding:0}
legend{display:none;}
.skip{position:absolute;top:-9999em;left:-9999em}

a{text-decoration:none}
a img{border-width:0;margin:0}

br.clear, div.clear{
clear:both;
height:0;
margin:0;
font-size: 1px;
line-height: 0;
}
/* Hides from IE-mac \*/
* hmtl br.clear{
display:none;
}
/* End hide from IE-mac */

.sep01{height: 33px}
div.title{height:57px;text-indent:-9999em;position:relative;
background-position: 31px 20px;
background-repeat: no-repeat;
}

#wrapper{
margin:0 auto;
width:775px;
text-align:left;
background:url(../img/bg_content.gif) right 0 repeat-y transparent;
}
#header{
background-position:30px 0;
background-repeat:no-repeat;
background-color:transparent;
height:173px;
}

.home #header{
height:392px;
position:relative;
}
.home #menu{
position:absolute;bottom:0;width:745px;
}
.home #header img.pic{
position:absolute;left:30px;top:34px;z-index:1
}
.home #header h1{
position:absolute;z-index:2
}
#nextgigs{
position:absolute;
left:402px;
top:34px;
width:373px;
height:327px;
background:#FFF
}
#nextgigs h2{
width:100%;
width:373px;
height:30px;
background:url("../img/t_proximosconciertos.gif") 27px 7px no-repeat #333;
margin:0;
text-indent:-9999em
}
#nextgigs div{
height:297px;
overflow: auto;
}

.gigs{
margin:20px;
border-collapse:collapse;
border-spacing:0;
}
#nextgigs .gigs{
width:330px;
margin: 12px;
}

.bio .gigs{
width: 322px;
margin-left:30px
}
.gigs th{
background: #F6F6F6;
font-weight: normal;
text-transform: uppercase;
border:1px solid #FFF;
padding:1px 3px;
font-size: 65%;
}
.gigs th, .gigs td{
vertical-align: top;
font-family: Geneva, Verdana, Arial;
color:#333;
}
.gigs td{
border-bottom:1px solid #F6F6F6;
padding: 8px 4px;
font-size: 60%;
}
.gigs td.place{
font-size: 65%;
}
.gigs td.date{
white-space:nowrap
}
#header h1{
width:255px;
height:142px;
margin:0;
float:left;
}
#header h1 a{
background:url(../img/logo.png) 0 0 no-repeat transparent;
display:block;
width: 171px;
height: 171px;
cursor: pointer;
outline: none;
}
#header h1 a span{
display:none
}

#options{
float:right;display:inline;position:relative;
background: url(../img/bg_options.png) 0 0 repeat transparent;
/*background: url(../img/bg-options.gif) 0 0 repeat transparent;*/
background
width:172px;
border-left:1px solid #333;
font: normal 9px Small Fonts, Geneva, Verdana;
color:#fff;
text-align: right;
padding:6px;
voice-family: "\"}\""; 
voice-family:inherit;
width:160px;
} 
html>body #options{
width:160px;
}
*html #options{
background-image: url(../img/bg-options.gif)
}
#options{top:8px}
.home #options{top:5px}
#options a{color:#FFF}
#options span{color:#D3D9DA}
#options input.txt{
border:0;
background:#FFF;
width:138px;
height:14px;
padding-right:2px;
text-align: right;
font: normal 9px Small Fonts, Geneva, Verdana;
color:#333
}
#options input.txt:focus{background:#CCE8FE}
#options input{float:left;margin-top:4px}

.home #options{
width: 372px;
position:relative;
voice-family: "\"}\""; 
voice-family:inherit;
width: 360px;
} 
html>body .home #options{
width: 360px;
}
.home #options form {
position: absolute;
top: 0;
left: 6px;
text-align:left
}
.home #options input.txt {
width: 140px;
}
.home #options input {
float: none 
}
.home #options label {
display: inline;
clear: none
}

#menu{
background:#333;
display:block;
height:31px;
margin:0 0 0 30px;
padding:0;
list-style:none;
}

div.iemacclear{clear:both}

/* Hides from IE-mac \*/
#menu {
clear:both;}
div.iemacclear{display:none}
/* End hide from IE-mac */

#menu li{
float:left;
display: inline;
margin: 9px 0 0 28px;}


#menu li a,#menu li strong{
background: transparent url(../img/m.gif) 0 0 no-repeat;
line-height:16px;
height:16px;
width:49px;
float: left;
text-indent:-1000em;
text-decoration: none;
display: inline;
outline: none;
}
#menu li a:hover,#menu li strong{background-position:0 -16px;}
#menu li a#disco,#menu li strong#disco{background-position:0 -32px;width:69px}
#menu li a#disco:hover,#menu li strong#disco{background-position:0 -48px;}
#menu li a#fotos,#menu li strong#fotos{background-position:0 -64px;width:33px}
#menu li a#fotos:hover,#menu li strong#fotos{background-position:0 -80px;}
#menu li a#bio,#menu li strong#bio{background-position:0 -96px;width:142px}
#menu li a#bio:hover,#menu li strong#bio{background-position:0 -112px;}
#menu li a#prensa,#menu li strong#prensa{background-position:0 -128px;width:40px}
#menu li a#prensa:hover,#menu li strong#prensa{background-position:0 -144px;}
#menu li a#foros,#menu li strong#foros{background-position:0 -160px;width:33px}
#menu li a#foros:hover,#menu li strong#foros{background-position:0 -176px;}
#menu li a#contacto,#menu li strong#contacto{background-position:0 -192px;width:53px}
#menu li a#contacto:hover,#menu li strong#contacto{background-position:0 -208px;}
#menu li a#multimedia,#menu li strong#multimedia{background-position:0 -224px;width:69px}
#menu li a#multimedia:hover,#menu li strong#multimedia{background-position:0 -240px;}
#menu li a#blog,#menu li strong#blog{background-position:0 -256px;width:26px}
#menu li a#blog:hover,#menu li strong#blog{background-position:0 -272px;}

#content{
padding-left:30px;
}
*html #content{
height:1%
}

.album{
padding: 20px 20px 0 20px;
}
div.cd01{
background:#FFF;
float:left;
width:372px;
voice-family: "\"}\""; 
voice-family:inherit;
width:332px;
} 
html>body .cd01{
width:332px;
}


.cd02{
background:#f6f6f6;
float:left;
width:373px;
font-family:Geneva,Verdana;
padding-top: 20px;
voice-family: "\"}\""; 
voice-family:inherit;
width:333px;
} 
html>body .cd02{
width:333px;
}

.cd01 img{
float:left
}
.album h2{font-size:95%}
.album p{margin:0 0 14px 0;padding:0;font-size: 60%;}
.album h2,.album h3,.prensa h4{
float:right;
width: 178px;
margin:0;
font-family: Georgia;
font-style:italic;
text-align:right;
}
.album h3,.prensa h4{
font-weight:normal;
color:#7E8A8C;
font-size:70%
}
.prensa h4{
float:none;
margin:20px 20px 0 30px;
width:auto;
text-align:left
}
.cd02 h2,.cd02 h3{
float:none;
width: auto;
text-align:left;
}
.cd02 h3{
margin-bottom:10px
}
.album ol{
float:right;
list-style:none;
text-align:right;
margin: 10px 0 0 0;
width: 178px;
padding:0;
}
.album ol li{
display:block;
margin:0;
padding:0
}
.album ol a,.album ol strong{
display:block;
font-family:Geneva,Verdana;
font-size: 60%;
line-height: 12px;
vertical-align: top;
padding-bottom:1px;
font-weight: normal;
}
.album ol a:hover,.album ol strong{
color:#FFF
}
.lha ol a,.lha_fr ol a{
color:#40B042;
}
.lha ol a:hover,.lha ol strong,.lha_fr ol a:hover,.lha_fr ol strong{
background:#40B042;
}

.tiny ol a {
color: #CE130C;
}
.tiny ol a:hover,.tiny ol strong {
background: #CE130C;
}

.teomt ol a {
color: #5aac9d;
}
.teomt ol a:hover,.teomt ol strong {
background: #5aac9d;
}


.album hr {
visibility:hidden;
clear:both;
}
.album ul{
border-top:1px solid #7E8A8C;
background:#F7F7F7;
list-style:none;
padding: 8px 12px;
margin:40px 0 0 0!important;
clear:both;
}
.album ul li{
display:block;
background: url(../img/bullet_arrow.gif) 0 6px no-repeat transparent;
line-height:0.8em;
padding-left: 9px;
position: relative;
}
.album ul a{
color:#232323;
font-family:Verdana,Geneva;
font-size: 58%;
}
.album ul a:hover{
text-decoration:underline
}
.cd .title{
background-position: 31px 20px;
background-repeat: no-repeat;
height: 57px;
}	
.ttt ol a{
color:#C63708;
}
.ttt ol a:hover,.ttt ol strong{
background:#C63708;
}
.tsd ol a{
color:#1887BC;
}
.tsd ol a:hover,.tsd ol strong{
background:#1887BC;
}

.photo_album h2,.col h2, .foros h2{
height:57px;
display:block;
margin:0;
padding:0;
background-position:31px 20px;
background-repeat:no-repeat;
text-indent:-9999em
}
h2.webnews{
background-image:url(../img/t_webnews.gif);
background-color:#8ABDE1
} 
h2.news{
background-image:url(../img/t_news.gif);
background-color:#6FAE40
} 
h2.pastgigs{
background-image:url(../img/t_pastgigs.gif);
background-color:#EFE825
} 
h2.bio{
background-image:url(../img/t_bio.gif);
background-color:#E75B6A
} 
h2.presscoverage{
background-image:url(../img/t_presscoverage.gif);
background-color:#7BD982
}
h2.dossier{
background-image:url(../img/t_dossier.gif);
background-color:#6BC972
}
h2.contact_tsd{
background-image:url(../img/t_contact_tsd.gif);
background-color:#88C9DF
}
h2.contact_december{
background-image:url(../img/t_contact_december.gif);
background-color:#9D4455
} 
h2.contact_mushroom{
background-image:url(../img/t_contact_mushroom.gif);
background-color:#BDD043
} 
h2.contact_naive{
background-image:url(../img/t_contact_naive.gif);
background-color:#F89443;
background-position:31px 16px;
}
h2.contact_rockindiana{
background-image:url(../img/t_contact_rockindiana.gif);
background-color:#EF3535;
}
h2.video {
background-image:url(../img/t_video.gif);
background-color:#7AD0AF
}
h2.audio {
background-image:url(../img/t_audio.gif);
background-color:#FFA3C6
} 
.photo_album div a{font-size:0;padding:0;margin:0;display:inline}
.photo_album div img{float:left;}

.photo{
position:relative;
height:522px;
}
.photo img{
float: none
}
.photo a{
position:absolute;
top:56px;
left:0;
width:50%;
height:468px;
text-align:center;
display:block;
text-indent:-1000em;
font: bold 700% "Courier New", Arial;
letter-spacing: -0.2em;
color: #FFF;
line-height:400%;margin:0
}
.photo a{
background: url(../img/x.gif) transparent;
}
.photo a.next{
left:50%;
}

.photo a:hover{
text-indent:0
}
.foot{
background:url(../img/foot.jpg);margin-left:30px;height:32px;
position:relative;
}

.foot p{
margin:0;
text-align:right;
padding: 0 20px
}
.foot span{
background:#FFF;
font: normal 9px Small Fonts, Geneva, Verdana;
padding:2px 4px;
color:#333;
margin: auto 0;
line-height: 32px;
}
.foot a{
font: normal 9px Small Fonts, Geneva, Verdana;
text-transform: uppercase;
padding: 1px 2px 2px 9px;
color:#333;
background:url(../img/but_back.gif) 0 0 no-repeat transparent;
margin: auto 0;
line-height: 32px;
}
.foot a:hover{
background-position:0 -15px;
color:#FFF
}
.foot a.next{
padding: 1px 9px 2px 2px;
background:url(../img/but_next.gif) right 0 no-repeat transparent;
}
.foot a.next:hover{
background-position:0 -15px;;
}

.foot a.rss{
background: transparent;
padding: 0; 
position: absolute;
top:9px;
right:20px;
line-height: 0;
}

.col{
float:left;
width: 372px;
padding-bottom:20px;
}
.c2{
width: 373px;
}

.col img{margin:25px 20px 0 30px;}
.col h3{
margin:25px 20px 0 30px;
font-family:Georgia, Times New Roman, Arial;
font-size:70%;
font-weight:bold;
color:#333;
}
.col h3.img{
margin-top:5px
}
.col h3 span{
display:block;
color:#909B9D;
font-family: Geneva , Verdana;
font-weight: normal;
font-size:90%
}
.col p, .col dl, .col ul{
margin:12px 20px 0 30px;
color:#333;
font-family: Geneva , Verdana;
font-weight: normal;
font-size:65%;
}
.col ul{
padding-left: 40px
}
.col dt{
width: 20%;
float: left;
margin: 0;
padding: .5em 0;
}

.contactform{
margin:8px 20px 0 30px;
}
.contactform label, .contactform input, .contactform textarea {
float:left;
width:101px;
border:0;
font-size: 65%;
color:#333;
margin-top:4px
}
.contactform input, .contactform textarea{
background: #F0F0F0;
float: right;
width: 210px;
padding:0;
font-family: Geneva, Verdana, Arial;
}
.contactform input:focus, .contactform textarea:focus{
background: #CCE8FE
}
.contactform textarea{
height: 80px
}
.contactform input.button{
width:63px;
float:right;
clear: both;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.col dd{
float: left;
width: 70%;
margin: 0;
padding: .5em;
}

.home .col p{
margin:8px 20px 0 30px;
}
.col a, .gigs a, .disco a, .postlink {
color:#2598C7
}
.col a:hover, .gigs a:hover, .postlink:hover, .disco p a:hover{
background:#61C0F6;
color:#FFF
}
div.txt{
padding-top: 10px;
}

.back{
text-align: right;
}
.back a{
background:url(../img/but_back.gif) 0 0 no-repeat transparent!important;
text-transform: uppercase;
padding: 1px 2px 2px 9px;
font: normal 9px Small Fonts, Geneva, Verdana;
color:#7E8A8C;
}
.back a:hover{
background-position: 0 -15px!important;
color:#FFF;
}

p.dossierpics {
margin-left: 16px;
margin-right: 20px;
}
p.dossierpics a {
float:left;
margin:10px 0 0 14px;
}
p.dossierpics a:hover {
background-color:transparent
}
p.dossierpics a img {
margin:0
}

.col ul {
margin-left:0;
}

.prensa h3 {
clear: both;
}
.prensa p.download {
padding: 8px 0 6px 30px
}
.prensa p.pdf {
background: url(../img/ico-pdf.gif) 0 0 no-repeat transparent;
}
.prensa p.zip {
background: url(../img/ico-zip.gif) 5px 0 no-repeat transparent;
}
.prensa hr {
clear: both;
visibility:hidden;
margin: 10px 0
}


/*feedback styles*/
.txt span.ok, .txt span.wrong {
display: block;
line-height: 140%;
margin: 12px 20px 6px 30px;
padding: 3px;
font-size: 65%;
font-weight: bold
}
.txt span.wrong {
border: 1px solid #C82929;
background: #FFE3E3;
color: #C82929;
}
.txt span.ok {
border: 1px solid #63B3CE;
background: #EDFAFF;
color: #63B3CE;
}
#options span.ok, #options span.wrong {
display: block;
line-height: 110%;
font: normal 9px Small Fonts, Geneva, Verdana;
background-color: #fff;
color: #000;
margin: 2px;
}
#options span.wrong {
border: 1px solid #C82929;
color: #C82929;
}
#options span.ok {
border: 1px solid #63B3CE;
color: #63B3CE;
}
/*end feedback styles*/
/*start phorum styles*/
body.fotos #wrapper, body.foros #wrapper {
background:url(../img/bg_content2.gif) right 0 repeat-y transparent;
}
.foros h2 {
background-image:url(../img/t_foros.gif);
background-color:#95A8B0
}
.forumcontent { padding: 20px 30px }
.mainmenu {
background: #AFBCC2;
padding: 0 30px
}
.mainmenu a {
color: #FFF;
font-size: 11px;
line-height: 30px;
}
.mainmenu a:hover, .catLeft a:hover { background-color:#BFC9CD; }
.mainmenu span {
font-size: 11px;
padding:0 6px;
color:#D7DDE0
}
.foros table { border-spacing: 1px }
.foros th {
background: #95A8B0;
color: #FFF;
font-size: 11px;
font-weight: normal
}
.foros td {font-size: 10px }
th.catLeft{
background: #AFBCC2;
padding: 0 6px;
}
.catLeft a {color: #FFF }
.forumlink a {
color: #333;
font-size: 110%;
}
.forumlink a:hover {
color: #333;
background-color: #FFF;
}
.genmed, .gensmall { color: #454545 }
tr.row1 td { border-bottom: 1px solid #E9E9E9 }
.spaceRow {
background:#FFF;
height:2px;
border-top: 1px solid #E9E9E9
}
.code, .quote {
background:#FFF;
border-top: 1px solid #E9E9E9;
padding:6px
}
.nav {
font-family: Georgia;
font-style:italic;
color:#7E8A8C;
font-size:90%;
margin: 0;
}
.nav a { color:#7E8A8C }
.nav a:hover { background: #FFF }
.foros h3 {
background: #333;
margin:4px 1px 0 1px ;
font-family: Georgia;
font-style:italic;
font-size: 90%;
padding: 3px 6px
}
.foros h3 a {
color: #FFF;
}

/*end phorum styles*/

.prensa h4 {
display:block;
color:#909B9D;
font-family: Geneva , Verdana;
font-weight: normal;
font-style: normal;
font-size:65%
}

/*flickr thinghy*/
#flickr {
overflow: hidden;
height: 1%;
}
#flickr div {
float: left;
}
#flickr .txt {
width: 370px;
background: #FFF;
height: 150px;
padding: 0
}
#flickr h2 {
margin: 12px 12px 0 24px;
}
#flickr p {
margin: 12px 12px 0 24px;
font-size: 90%;
}
#flickr a {
color:#2598C7
}
#flickr a:hover{
background:#61C0F6;
color: #FFF
}

#flickr .pics {
width: 375px;
}
#flickr img {
vertical-align: bottom
}

/*unvlog thingy*/
#unvlogthesundaydrivers {
margin-left: -22px
}