@import "layout.css";

body{
	background: #000 url(../layout_clandestino2008/img/bckg.jpg);
	color: #000;
	font-size: 14px;
	font-family: "Trebuchet MS", sans-serif
        }

pre {
	border: 1px solid #CCC;
	font-size: 1.1em;
	line-height: 1.2em;
	overflow: auto;
	width: 100%;
}

html>body pre {
	overflow: auto;
	width: auto;
}

acronym, abbr{
	border-bottom: 1px dotted;
	cursor : help;
}

/* General linkology */
    
a:link, a:visited {
    font-weight : bold;
    text-decoration : none;
    color: #000;
    background: transparent; 
    }

a:hover {
    font-weight : bold;
    text-decoration : underline;
    color: #ed008c;
    background: transparent;
    }

a:active {
    font-weight : bold; 
    text-decoration : none;
    color: #000;
    background: transparent;  
    }


a img{
	border: 0;
}

input[type=text], textarea{
	border: 1px solid #AAA;
}

input[type=text]:focus, textarea:focus{
	border: 1px solid #666;
}

textarea{
	width: 99%;
}

/* 
Classes spéciales pour insérer des images par exemple 
Les élements rendus "flottants" avec ces classes ne
dépassent pas du billet grâce à la classe .post-info-co
*/
.right{
	float: right;
	margin-left: 1em;
}

.left{
	float: left;
	margin-right: 1em;
}

/* Page
********************************************/
#page{
	background: url(../layout_clandestino2008/img/page.png) repeat-y;
}

/* Top
********************************************/
#top{
	color: #000;
	background: #FFF url(img/page.jpg);
        padding-top:0px; padding-left:0px;
		height:195px;
}

#top p { font-size: 1.4em;margin-top:0px;padding-left:200px;margin-bottom:5px;padding-top:23px;font-weight: bold;
}

#top h1{
	margin: 0;
	line-height: 60px;
	padding-left: 80px; padding-top: 0px;
}

#top h1 a{ font-size: 60%;
	text-decoration: none;
	color: #000;   color : #FFF;
	background: transparent;
}

#prelude{
	color: #DDD;
	background: transparent;
	text-align: right;
	padding-right: 30px;
}

#prelude a{
	color: #DDD;
	background: transparent;
	text-decoration: none;
}

#prelude a:hover{
	color: #999;
	background: transparent;
}

#lang {margin-left: 730px;height:22px;margin-top:-22px;}

/* Contenu
********************************************/
#venue{border-bottom: 2px solid #000;border-top: 2px solid #000;}
#subtitle{}
.clear{clear:both;}
#artistname{float:left;margin:0px;padding:0px;}
.detail{border-bottom: 2px solid #000; width: 500px;margin-left:10px;}
.clear{clear:both;}
#content{ 
	line-height: 1.6em;margin-top:5px;

}

#content #text{ 
	border-bottom: 2px solid black;		width: 400px;
	margin: 2em auto;
	margin-top:0px;
color: #000;
}

#content #artisttext{ 
	
border-bottom: 2px solid black;		width: 400px;
	margin: 2em auto;
	margin-top:0px;
}


#content #artisttext .spip_documents {margin: 10px;
}

#content #artisttext .spip_documents_right {margin: 10px;margin-right: 0px;
}

#content #artisttext .spip_documents_left {margin: 10px;margin-left: 0px;
}
.mp3{width: 200px;
}

#content ul li{
	list-style-image: url(img/li.png);
}

#content    h1{font-size:16px;color :#000;padding:0px;
    background-color:transparent; padding-left: 5px; margin-bottom: 10px;
    }
    
#content #ct_title p {margin:0;font-size:20px;color :#000;padding:0px;color:white;width:300px;float:right;
    background: transparent ; padding-left: 0px; margin-top: -20px;  line-height:1.5;
    }
#content #ct_title p strong{color :#FFF;  
    background-color:#ed008c; 
    }

#content h2,#content h3{   margin-left:10px;color: #F00;text-transform:uppercase;
	padding-left: 0px;
	margin-bottom: 0;
	margin-top: 0;
	font-variant:small-caps;
}

#content #subtitle{margin-left:10px; color: #F00;font-size:20px;}

#flash h2{  text-align:left;font-size :12px;
	padding-left: 0px;
	color: #960;
	margin-bottom: 0;
	margin-top: 0;
}


#content h4, #content h5, #content h6{font-size :12px;	font-weight: normal;
	color: #F00;	margin-bottom: 0;
	margin-top: 0; text-align:right;
}

#content p{padding:0px; margin:0px;margin-bottom:15px;
}

#content p strong {background-color:#FFFFAF;color :#000000;}

#content p i{font-weight : bold;text-decoration:line-through;}

#content table {width : 100%}


    /* General linkology */
    
#content a:link, #content a:visited {
    font-weight : bold;
    text-decoration : underline;
    color: #F4008E;
    background: transparent;
    }

#content a:hover {
    font-weight : bold;
    text-decoration : underline;
     color: #F4008E;
    background: transparent;
    }

#content a:active {
    font-weight : bold; 
     text-decoration : underline;
    color: #F4008E;
    background: transparent;  
    }
/********************************************/
#sidebar{margin-top:5px;font-size:16px;}



#sidebar div{
	color: #666;
	background: transparent;
}

 #sidebar h2{
	margin: 0px;
	padding: 2px;
	font-weight: normal;
	font-size: 1em;
	
}
#sidebar ul {
list-style: none;
}

#sidebar ul {padding-left:0px;}

#sidebar li {margin:10px;text-transform:uppercase;}


#sidebar a:link, a:visited {
	color: #FFF;
	background: transparent;
	text-decoration: none;
}
#sidebar a:hover {
  text-decoration:underline;
    color: #F00;
    }
#sidebar a:active {
    text-decoration : none;
    color: #000;
    background: transparent;
    }

#sidebar .on{font-size:20px;};  

#search #q{
	border: 1px solid #CCC;
	background: #FFF;
	padding-left: 14px;
}



/* Footer
********************************************/
#footer{   border: 0;
    border-top: 1px solid white;
    color: #666;
    vertical-align:top;
    padding:px 7px 7px 0px;
    text-align: left;
    clear: both;
    font-size: xx-small;
    voice-family: "\"}\"";
    voice-family:inherit;
    font-size: x-small;
}


#footer #linkology{   border: 0;border-bottom: 1px solid white;
    color: #666;  width:780px;
     background: #54BEAF;
    margin: 0px;
	margin-bottom:10px;
    text-align: center;
    vertical-align:bottom;
    clear: both;
    font-size: 18px;
}

    /* General linkology */
    
#footer #linkology a{
    text-decoration : underline;
    color: #FFF;
    background: transparent;padding:10px;
    }
	
#footer #linkology  a:hover {
    font-weight : bold;
    text-decoration : underline;
    color: #000;
    }

	
	    /* General linkology */
    
#footer a:link , #footer a:visited{
    text-decoration : underline;
    color: #000;
    background: transparent;
    }

#footer a:hover {
    font-weight : bold;
    text-decoration : underline;
    color: #FF0000;
    background: transparent;
    }

#footer  a:active {
    font-weight : bold; 
    text-decoration : none;
    color: #000;
    background: transparent;  
    }

#menu { font-size: 13px;
      margin: 0;
      padding: 0;
      height : 42px;
	   background: #000;
	  
      }

#menu ul {
         border: 0;
         margin: 0;
         padding: 0;
         list-style-type: none;
         text-align: center;
         }

#menu ul .topic {
                display: block;
                float: left;
                padding: 0;
                margin: 0;
                }

#menu ul .topic a { 
                  background-color :#54BEAF;
				 
                  width: 194px;
                  height: 22px;
                  border-top: 1px solid white;
                  border-left: 1px solid white;
                  border-bottom: none;
                  border-right: none;
                  padding: 0px;
                  margin: 0 0 0px 0;
                  color: #000;
                  text-decoration: none;
                  display: block;
                  text-align: center;
                  font-weight: normal;
                  letter-spacing: 1px;
                  line-height: 2em;  
                  voice-family: "\"}\"";   
                  voice-family: inherit;    
                  }


#menu ul .topic a:hover {  background-color :#0098EB;
         color: #000;
        text-decoration: none;
    }
	
	#social {
	position:absolute;
                margin-left:600px;
                float: left;
                #padding: 0;
                margin-top: -15px;
                }