/*

<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
  width:100%;
}
</style>
<![endif]-->



*/


 /* General styles */
 body {
		background-color:black;
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    min-width:900px;    /* Minimum width of layout - remove line if not required */
				/* The min-width property does not work in old versions of Internet Explorer */
		
	
		color:#d0c8aa;
		font-family: Arial,Helvetica,sans-serif;
		font-size:80%;
	
		
}

#wrap-it-all {
/*	border: 1px solid red;*/
	margin:0; 
	padding:0px;
	text-align:center;
	height:100%;
	margin-top:10px;
}

#mid {
/*	border: 1px solid red;*/
	width:900px;
	margin:0px auto;
	text-align:left;
	height:100%;
}


#mid.accueil {	background: url(/public/images/bg_accueil.jpg) no-repeat 0 0;}
#mid.disco {	background: url(/public/images/bg_disco.jpg) no-repeat 0 0;}
#mid.shows {	background: url(/public/images/bg_shows.jpg) no-repeat 0 0;}
#mid.photos {	background: url(/public/images/bg_photos.jpg) no-repeat 0 0;}
#mid.contact {	background: url(/public/images/bg_contact.jpg) no-repeat 0 0;}
#mid.bio {	background: url(/public/images/bg_bio.jpg) no-repeat 0 0;}
#mid.presse {	background: url(/public/images/bg_presse.jpg) no-repeat 0 0;}
#mid.liens {	background: url(/public/images/bg_liens.jpg) no-repeat 0 0;}
#mid.download {	background: url(/public/images/bg_download.jpg) no-repeat 0 0;}
#mid.videos {	background: url(/public/images/bg_videos.jpg) no-repeat 0 0;}
#mid.download_key {	background: url(/public/images/bg_download_key.jpg) no-repeat 0 0;}
#mid.goodies {	background: url(/public/images/bg_goodies.jpg) no-repeat 0 0;}
#mid.unsubscribe {	background: url(/public/images/bg_desinscrire.jpg) no-repeat 0 0;}
#mid.admin {	background: black;}





a { color:#86120c;text-decoration:none; cursor:hand;}
a:visited {}
a:hover { color:#ccc;}

a.sand { color:#d0c8aa; text-decoration:none;}
a.sand:hover { color:#86120c;}

/*a.fantom {color:transparent;}
a.fantom:hover {color:transparent;}
a.fantom:visited {color:transparent;}*/


p { margin:0;}



/* Header styles */
 #header {     width:100%;	}


#player {
	background: url(/public/images/mp3_player_off.jpg) no-repeat 0 0;
	position:relative;
	float:right;
	right:0px;
	top:0px;
	width:105px;
	height:50px;
	cursor:hand;
}
#player.on{
	
	background: url(/public/images/mp3_player_on.jpg) no-repeat 0 0;
}


#marquee {
	display:inline-block;
	/*color:#d0c8aa;*/
	/*color:#86120c;*/
	color:#a80000;
	
	width:170px;
	font-size:12px;
	position:relative;
	float:left;
	
	left:0;
	top:-40px;
}



#psycho-logo {
	background: url(/public/images/psycho_logo.png) no-repeat 0 0;
	width: 370px;
	height:88px;
}



/* column container */
.wrap-content {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
/*	float:left;*/
  width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}


/* 2 column left menu settings */
.main {}

.main .content {
		float:left;
		width:200%;
		position:relative;
		left:200px;
/*		background:gray;*/
}

.main .offset-right {
	float:right;
	width:50%;
	position:relative;
	right:200px;
	padding-bottom:1em;
}
.main .page-info {
   
   position:relative;
   right:100%;
   overflow:hidden;
}

.main .page-info.accueil,
.main .page-info.bio, 
.main .page-info.presse, 
.main .page-info.unsubscribe {
	padding-top:10%;
	margin:0 15px 0 215px;
}

.main .page-info.disco{
	margin:0 15px 0 49%;
}

.main .page-info.shows {
	padding-top:10%;
	line-height:1.5em;
}

.main .page-info.shows {
	margin:20px 30% 0 170px;
}

.main .page-info.liens {
	margin:10% 30% 0 215px;
}

.main .page-info.download, 
.main .page-info.contact,
.main .page-info.download_key,
.main .page-info.goodies, 
.main .page-info.videos {
	margin:0 15px 0 215px;
}

.main .page-info.photos {
	margin:0 0 0 190px;
}


.main .page-info.admin, 
.main .page-info.marquee, 
.main .page-info.admin_shows,
.main .page-info.admin_mailing {
	margin:0 15px 0 175px;
}

.main .menu {
     float:left;
     width:170px;
     position:relative;
     right:185px;
 }


#quick_message,
#info  {
	float:left;
	display:inline-block;
	padding:15px;
}

#quick_message {
	width:360px;
}

/*#quick_message,*/
/*#form_get_download_link */
INPUT {
	color:white;
	background-color:transparent;
}

#quick_message TEXTAREA {
	color:white;
	background-color:transparent;
	width:100%;
}


#confirmation {
	color:red;
	display:none;
/*	border:1px solid gray;*/
/*	background-color:	transparent; */
	padding:5px;
}

#notice.error,
#key_notice.error, 
#confirmation.error {
	color:red;
}

#key_message.error {
	color:#E0E0E0;
}

input.error,
textarea.error {
	border:1px solid red;
}



/* Footer styles */
#footer {
	clear:both;
/*	float:left;*/
	width:100%;
/*	border-top:1px solid red;*/

}

#eboutique-link {
	background: url(/public/images/eboutique.png) no-repeat 0 0;
	width:180px;
	height:40px;
	display:inline-block;
	line-height:43px;
	margin-left:25px;
	
}

#boutiques {
	background:black;
	position:relative;
	float:left;
	clear:right;
	top:-10px;
	left:33px;
	line-height:15px;
	margin:0;
	padding:0;
	width:300px;
}

#footer p {
	 padding:10px;
	 margin:0;
}

 

.title {
	color:#86120c;
	border-left:8px solid #86120c;
	padding-left:5px;
	line-height:0px;
	padding-top:8px;
	font-size:18px;
	margin-bottom:10px;
}

.dot {
	
	background: url(/public/images/dot.gif) no-repeat 0 0;
	width:15px;
	height:15px;
	margin-left:10px;
	display:inline-block;
/*	border:0px;*/
}

.tag { 
	font-size:15px;
	color:#86120c;
	padding-left:25px;
}


/*--------------- ????----------*/
.label {
	font-size:15px;
	color: #d0c8aa;
}





/*adm */

.adm p {
	padding:5px;
}

.adm label {
	display:inline-block;
	width:200px;
}