/**
 * $Id: stylesheet.css 219 2010-10-03 12:00:36Z matthieu $
 */


 
 /* ====================== General ==================== */
* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
    background-color: black;
    font-family: "Verdana", "Helvetica", "Arial", "Sans serif";
    font-size: 11px;
}

a:link,a:visited,a:active {
    color: black;
}

form {
    clear: both;
}

img {
    border: none;
}

ul {
    list-style-type: none;
}

#page0 {
    background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -280px;
	min-width: 800px; 
}

        
#page {
    color: black;
    background-color: white;
    margin-left: auto;
    margin-right: auto;
    width: 800px;

}


/* ====================== navigation ==================== */

.nav {
    float: right;
    clear: right;
    
    text-align: left;
    height: 40px;
}

.nav a.navup, .nav a.navdown {
    display: block;
    margin-bottom: 5px;
    width: 16px;
}


#news-liste .nav {
	width: 200px;
    margin-top: 250px;
}

.photos .nav {
	width: 230px;
   margin-top: 200px;

}
    
    
.links .nav {
    width: 170px;
    margin-top: 200px;
    
}

.faq .nav {
	width: 120px;
    margin-top: 250px;

}

.back a , a.back{
    text-decoration: none;
    font-size: 16px;
    font-family: "Helvetica", "Arial", "Sans serif";
    font-weight: bold;
    letter-spacing: -3px;
}


/* ====================== header.html ==================== */
#header {
    position: absolute;
    z-index:2;
    

}
#header img {
    margin-top: 45px;
    margin-left: 20px
}
#header h1 {
display: none;
}

#cclicense {
    background: url('images/HEADER_bars.gif') top right no-repeat;
    position: absolute;
    z-index:2;
    text-align: right;
   
    width: 780px;
    padding-top: 80px;
    font-size: 10px;
}
#cclicense img {
    display: none;
}
#cclicense a {
    font-weight: bold;
    text-decoration: underline;
}


/* ====================== main.html ==================== */



#sectionFrame {
    width: 800px;
    overflow: hidden;
}

#sectionContainer {
    background: white url('images/BACKGROUND.png') no-repeat ;
    height: 380px;
    width: 4800px;

     /*space for the logo*/
    padding-top: 130px;
}


.section {
	float: left;
    width: 800px;
    height: 380px;
    overflow: hidden;

}

.intersection {
	float: left;
    width: 200px;
    height: 380px;
    background: url(images/MAIN_intersection_background.gif) repeat;
}



#scrollbar {
	height: 12px;
    background: gray url('images/MAIN_scrollbar_bg.gif') repeat;
    position: relative;
  
}

#scrollbar div{
	
    width: 160px;
    height: 12px;
    background-color: black;
}




.section h2 {
    width: 120px;
    text-align: right;
    border-style: none;
    float: right;
    font-size: 40pt;
    font-family: "Arial", "Sans serif";
    font-weight: bolder;
    letter-spacing: -10px;
    line-height: 0.8em;
    padding-top: 10px;
    padding-right: 30px;
}
/* ====================== news.html ==================== */



#news-liste ul {
    width: 538px;
    height:339px; /* doit etre 3x le li ci-dessous: 3x(92+12+8+1) */
    overflow: hidden;
    margin-left: 20px;
}


#news-liste li {

    height: 92px;
    /*_height: 100px; *//* ie6 hack */

    margin: 0px 0px 12px 0px;
    border-width: 8px 0px 1px 0px;
    border-color: black;
    border-style: solid none dashed none;
    overflow: hidden;
}

#news-liste li img {
    border: 0px;
    display: block;
    float: left;
    margin: 10px 15px 10px 0px;
}

#news-liste li .info {
    margin: 10px 0px 0px 0px;

    width: 337px;
    font-size: 10px;
    display: block;
    float: left;
}

#news-liste .expand {
    width: 22px;
    display: block;
    clear: left;
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
    margin-bottom: 8px;
}


#news-liste li .info .title {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

/* ====================== news_detail.html ==================== */

#news-view  div.view {
    padding: 10px 0px 4px 0px;
    width: 538px;
    border-color: black;
    border-width: 8px 0px 1px 0px;
    border-style: solid none dashed none;
    float: left;
    margin-left: 20px;
}


#news-view div p {

    margin-bottom: 8px;
}




#news-view .date {
    display: blocK;
    font-size: 10px;
    margin-bottom: 12px;
}

#news-view .title {
    font-size: 13px;
    color: white;
    background: black;
    text-transform: uppercase;
    padding: 0px 4px 0px 4px;
}

#news-view .left_column {
    float: left;
    width: 220px;
    margin-top: 16px;
}

#news-view #right_column {
    display: block;
    float: left;
    text-align: justify;
    width: 300px;
    margin: 16px 0px 0px 16px;
    height: 210px;
    overflow: hidden;
    margin-bottom: 10px;
}

#news-view div a {
    font-weight: bold;
}
    
#news-view .back {
    float: right;
}

/* ====================== releases.html ==================== */



#release-liste .share em {
    background-color: black;
    color: white;
    font-size: 16px;
    margin-right: 16px;
    padding: 0 3px;
    
}


#release-liste .horizScroll  {
	
	margin-left: 20px;
	border-top-width: 8px;
    border-top-color: black;
    border-top-style: solid;
    
	display: inline-block;
    width: 550px;
    height: 300px;
    overflow: hidden;
}

#release-liste .horizScroll ul{
	
    width: 2000px;
}


#release-liste .horizScroll  li{
    width: 245px;
    display: inline-block;
    text-align: left;
    margin-left: 30px;
    margin-top: 20px;
}

 	
#release-liste li img {
    width: 220px;
    height: 220px;
    vertical-align: middle;
    display: block;
}
 	
#release-liste li span {
   
    display: block;
}

#release-liste li span.title {
    font-weight: bold;
    font-size: 12px;
    /*margin: 10px;*/
}

#release-liste li a.download {
    font-size: 10px; 
    text-decoration: none;
    white-space: nowrap;
}



#release-liste .share {
    float: right;
    clear: right;
    width: 120px;
    margin-right: 10px;
    margin-top: 150px;
    font-size: 9px;
    font-weight: bold;
    border: 1px dashed black;
    text-align: center;
    background: white;
    padding: 4px;
}



#release-show #relaseinfo {
    text-align: left;
    display: inline-block;
    width: 200px;
    height: 350px;
    margin-top: 0;
    margin-left: 20px;
}

#release-show #relaseinfo p.title {
    margin-top: 20px;
    font-weight: bold;
}


#release-show #relaseinfo .releasecomments {
    margin-top: 20px;
    font-size: 9px;
    width: 170px;
}

#release-show  .notes {
    font-size: 9px;
    display: block;
   margin: 20px 0px 12px 0px;
}

#release-show #relaseinfo .releasecomments a, 
#release-show .notes a {
    font-weight: bold;
}



#releasetracks {
    margin: 0;
    width: 400px;
    display: inline-block;
    vertical-align: top;
}


#releasetracks table {
    margin: 0;
    width: 400px;
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: bold;
}


#releasetracks table td {
    border-bottom: 1px solid black;
    padding: 1px;
    padding-left: 0;
}

#releasetracks table .title {
    background-color: black;
    color: white;
    padding: 2px;
}
#releasetracks table .title em {
font-weight: normal;
   
}

#releasetracks table td.listenlinks {
    border: 1px dashed black;
    text-align: center;
}

#releasetracks table td.listenlinks a {
  text-decoration: none;
  
}
 
.releases .back {
    margin-left: 20px;
    margin-bottom: 5px;
}


#paypal {
    float: right;
    clear: right;
    width: 100px;
    height: 50px;
    
    margin-top: 30px;
    
}

#paymentThanks p {
    font-size: 18pt;
    text-align: center;
    margin-top: 5em;
    margin-bottom: 7em;
    font-weight: bold;
}

/* ================= photos.html, photos_gallery.html =============== */
.photos {
    text-align: left;
}


.photos ul {
    border-top-width: 8px;
    border-top-color: black;
    border-top-style: solid;
    
    width: 505px;
    height: 315px;
    overflow: hidden;

    display: blocK;
    
    padding: 0px;
    margin: 0px;
    margin-left: 20px;
}

.photos li {
    height: 84px;

    padding-top: 10px;
    padding-bottom: 10px;
    
    margin: 0px ;
    margin-left: -15px;

    list-style-type: none;
    border-bottom: 1px;
    border-bottom-style: dashed;
    
}

.photos li a {
    margin-right: 15px;
    margin-left: 15px;
}

.photos li .title {
    display: blocK;
    float: right;
    margin-right: 0px;
    font-size: 10px;
    margin-top: 4px;
}
.photos .expand {
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
    margin-right: 0px;
}



#photo-show img.mainPic {
    margin-left: 20px;
    height: 330px;
}


.photoAlbumFooter {
	width: 500px;
	text-align: center;
	padding-top: 10px;
	font-weight: bold;
}

.photoAlbumFooter a.back{
    float: left;
    margin-left: 20px;
}


.photoFooter {
	width: 500px;
	text-align: center;
    padding-top: 10px;
    font-weight: bold;
}

.photoFooter a.back{
    float: left;
    margin-left: 20px;
}

.photoFooter .title {
   text-align: center;
}

.photoFooter .prevnext {
	float: right;
}
.photoFooter .prevnext a {
	margin-left: 5px;
}


/* ================= link.html =============== */
.links ul {
    width: 570px;
    height: 320px;
    overflow: hidden;
    border-top-width: 8px;
    border-top-style: solid;
    border-top-color: black;
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

.links li {
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: black;
    height: 24px;
    list-style-type: none;
    padding-top: 8px;
    font-size: 10px;
}

.links li a {
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
    margin-right: 16px;
}


/* ====================== FAQ ==================== */
#faqframe {
    width: 620px;
    height: 320px;
    overflow: hidden;
    border-top: 8px solid black;
    padding: 0;
    font-weight: normal;
     margin-left: 20px;
}

#faqHeader {
    margin-top :3px;    
    margin-bottom :3px;   
     
    
}

    
#faqframe dd {
    border-bottom: 1px dashed black;
    height: 24px;
    padding-top: 8px;
    font-size: 11px;
    font-weight: normal;
    background-color: white;
}

#faqframe dt {
    padding-left: 20px;
    font-weight: normal;
    background-color: white;
}



/* ====================== menu.html ==================== */




#menu {

    padding: 3px;
    padding-left: 25px;
   
    color: black;
    height: 30px;
    background-color: white;
}

#menu a {
    font-family: "Helvetica", "Arial", "Sans serif";
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    float: left;
    white-space: nowrap;
    background: white;
    color: black;

    padding: 2px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 4px;
    margin-right: 40px;

}

#menu a#contactmenu {
	margin-right: 4px;
}

#menu a.selected {
    background: black;
    color: white;
}


#player {
    float: right;
    margin: 3px;
    margin-top: 6px;
}

#ajaxWait {

    height: 25px;
    width: 25px;
}


.message, .error {
	border: 1px solid black;
	background-color: white;
	padding: 1em;
	margin: 1em;

}

.error {
	font-weight: bold;
	color: red;
}

#dev {
    background-color: white;
    position: absolute;
    color: red;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

#contact p{
	color: white;
	padding: 5px;
	text-align: center;
	font-size: 11pt;
	margin: 2em;
}
#contact p a{
	color: white;
	font-weight: bold;
	display: inline-block;
	margin: 1em;
}