body{
	background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg');
    font-size: 12px; 
	line-height: normal;
	font-family: Arial,"Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0; margin-left: auto; margin-right: auto; width: 980px;	
	border-left: 0px solid #982A11;
	border-right: 0px solid #982A11;
}

h1, h2, h3, h4, h5, h6{ font-family: "Lucida Grande", Lucida, Verdana, sans-serif; }

h1{font-size: 1.5em;}
h2{font-size: 1em;}
h3{font-size: 1.3em;}
h4{font-size: 1.2em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

pre, code{ font-size: 1.2em;}
pre{ width: 100%; border: 1px solid #CCC;}
fieldset{ border: none; }
.field label{ display: block; }

.title-org-12 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #D55017; word-spacing: 1px; }
.title-yel-12 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #CC9900; word-spacing: 1px; }
.title-yel-10 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; font-size: 10px; font-weight: bold; color: #CC9900; word-spacing: 1px; }
.title-org-16 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; font-size: 16px; font-weight: bold; color: #D55017; word-spacing: 1px; }
.text-white-12 { color: white; font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-variant: normal;	word-spacing: 1px;}
.text-bio-10 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; color: #303030; font-size: 10px;}
.text-org-10 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; color: #D55017; font-size: 10px;}
.text-yel-10 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; color: #CC9900; font-size: 10px;}
.title-blue-18 { font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; color: #2D8BB0; font-weight: bold; font-size : 18px;}




.white-border { border: 1px solid #FFFFFF; }
.grey-border { border: 1px solid #CCC; }

/* couleur de liens par défaut */
a:link, a:active, a:visited {text-decoration: none; color : #AE2317; }
a:visited {text-decoration: none; color : #AE2317; }
a:hover { text-decoration: none; color : #111111; }

hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px;}

td.black {background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg'); }
td.darkGrey {background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg'); }


#page{ 
	color: inherit; 
	background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg'); 
}

/**************************************** 
 * L'entête
 ****************************************/
#top{
	background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg');
	color: inherit;
	text-align: center;
}

/****************************************
 * Barre de navigation 
 ****************************************/
#navbar{
	color : #ffffff;
	padding: 0px;
	height: 20px;
	width:950px;
	margin-left:27px;
	margin-right:27px;
	font-size: 12px;
	padding: 2px;
	padding-top: 5px;
	text-align: center;
	background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/back4.png') repeat scroll center top #86160D ;
	
}
#navbar a, #navbar a:link, #navbar a:active, #navbar a:visited { font-weight:bold; color: #ffffff; text-decoration: none; }
#navbar a:hover { text-decoration: underline;  }


/****************************************
 * Contenu 
 ****************************************/
#content {
	padding: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg') transparent;
}

/****************************************
 * Elements (default)
 ****************************************/

#title {
	color: #f1f1f1; background-color: #101010;
	padding: 5px;
	background: #000000 url(../images/img-note.jpg.gif) no-repeat center top; 
	height: 52px;
	margin: 2px;
}


.floatBoxLeft {
	float: Left;
}

.mainTitle { }





/***************************************
 * News Boxes
 ****************************************/
#news{ padding: 0px; background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg'); }

.newsBoxContainer { margin: 10px; background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg');}
.newsFootBox { }

.newsBox { padding: 10px; }
.newsHeader {  padding: 2px; margin: 0 0 5px 0; background-color: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg'); color: #000000; font-weight: bold; font-size : 18px; border-bottom: solid #a0a0a0 2px;}
.newsSubHeader { padding: 2px; margin: 0 0 5px 0; background-color: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg');  color: #333333; font-size : 10px;}
.newsContent { font-size: 12px; font-style: normal; line-height: normal; font-variant: normal;	word-spacing: 1px; color: #000000;}

.newsFooter {
  border-bottom: dotted #e0e0e0 1px;
}

/***************************************
 * Side Bar
 ****************************************/
#sidebar{ padding: 0px; background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg');}
.sideBoxContainer { margin: 10px; margin-left: 0px; background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg'); width:333px;}
.sideBox { background: url('http://www.johnbutlertrio.fr/v4/squelettes/images/pat.jpg'); margin-bottom: 10px; }
.sideBoxTitle { background: #333333; padding: 4px; color: #f0f0f0; font-size: 12px; font-weight: bold}
.sideBoxContent { padding: 5px; text-align: center; color: #000000;border:1px solid gray;}

/*****************************************
* Side Bar : Gigs
******************************************/

#sideGigs ul { 
	margin-left: 0 px;
	}
#sideGigs li { 
    padding: 2px;
	padding-left: 14px;
	font-size: 11px;
	background: transparent url(../images/sub.png) no-repeat left center;
	list-style-type: none; 
	text-align: left;
	border-bottom: dotted #333333 1px;
	}
#sideGigs li.rss a {
	padding-left: 14px;
	background: transparent url(../images/feed-icon-10x10.png) no-repeat left center;
	}
	/*
#sideGigs a:link, a:active, a:visited { text-decoration: none;}
#sideGigs a:hover { text-decoration: underline; color : #000000; }
*/


/*****************************************
* Side Bar : Social Networks
******************************************/
#sideSocialNetworks {
    padding-top: 3px; 
	border: dashed #000000 0px;
	}

/*****************************************
* ThumbBoxes (defaults)
******************************************/
	
.ThumbBoxHeader { color: #000000; }
.ThumbBoxContent { color: #808090; }
img.ThumbBoxImage{ width: 140px; margin: 5px; padding: 1px;	border: solid #808090 2px; }
.ThumbBoxDetails { height: 60px; margin:	0px; padding: 5px; }
.ThumbBox{ float: left ; width: 170px; height: 200px; border: solid #2d2725 0px; background-color: #ffffff; margin: 2px; }
	
/*****************************************
* Rubriques (defaults)
******************************************/

.rubrikHeader td{ vertical-align:middle;	}
.rubrikHeader { background-color: #dedede; height: 35px;}
.rubrikDetails { background: #ffffff; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; }
.rubrikTitle { font-size: 14px; font-weight: bold; color: #000000; padding: 10px; background: #ffffff; }
.rubrikContent { background: #ffffff; padding-left: 0px;	}
.rubrikNavBar {
	font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; 
	color: #E6D9D1; 
	font-size: 12px;
	background-color: #000000;
	line-height: normal;
	text-align: center; 
	padding: 10px;
}

/*****************************************
* Rubrique(s)
******************************************/

#videos { padding: 10px; background: #000000; }
#photos { padding: 10px; background: #000000; }
#bio { padding: 10px; background: #000000; }
#tourdate { padding: 10px; background: #000000; }

/*****************************************
* Rubrique(s) : Disco
******************************************/

#disco { padding: 10px; background: #000000; }

#disco .rubrikHeader { background-color: #101010; font-size: 48px; height: 60px; font-weight: bold; color: #e0e0e0; }
#disco .rubrikDetails { background: #000000; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; border-bottom: solid #101010 2px; }
#disco .rubrikTitle { width: 100px; font-size: 14px; font-weight: bold; color: #e0e0e0; padding: 10px; background: #000000; text-align: center;}
#disco .rubrikContent { background: #000000; padding-left: 0px;	}

#disco .ThumbBoxHeader { color: #e0e0e0; }
#disco .ThumbBoxContent { color: #9090A0; }
#disco img.ThumbBoxImage{ width: 100px; margin: 5px; padding: 1px;	border: solid #808090 2px; }
#disco .ThumbBoxDetails { height: 60px; margin:	0px; padding: 5px; }
#disco .ThumbBox { height: 220px; width: 120px;  background-color: #000000; }

/*****************************************
* Rubrique(s) : Tour Dates
******************************************/

#tourdate .rubrikHeader { background-color: #101010; font-size: 14px; height: 60px; font-weight: bold; color: #e0e0e0; }
#tourdate .rubrikDetails { background: #000000; padding-left: 20px; padding-right: 20px; margin-bottom: 10px; border-bottom: solid #101010 2px; }
#tourdate .rubrikTitle { font-size: 14px; font-weight: bold; color: #e0e0e0; padding: 10px; background: #000000; text-align: left;}
#tourdate .rubrikContent { background: #000000; padding-left: 0px;	}

/*****************************************
* Rubrique(s) : Biographie
******************************************/

#bio .rubrikDetails{
	font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif; 
	color: #E6D9D1; 
	font-size: 12px;
	background-color: #101010;
	line-height: normal;
	text-align: justify; 
	padding: 10px;
}





/* DEBUG */
.rubrikHeader { border: dashed #808090 0px; }
.rubrikDetails { border: dashed #808090 0px; }
.rubrikTitle { border: dashed #808090 0px; }
.rubrikContent { border: dashed #808090 0px;	}





















.mainTitle {  
	padding: 5px;
}

.container-black { 
  padding: 0px; 
  border: solid #2d2725 1px;
  color: #f1f1f1; background-color: #000000;
}

.tbl-td-grey {
  color: #f1f1f1; background-color: #202020;
}
  
.name { 
  margin: 0 0 0 0; padding: 5 5 5 5;  
  color: #f1f1f1; background-color: #202020; }
.details {  
  margin: 0 0 0 0; padding: 15 5 5 15; 
  color: #f1f1f1; }
.content { 
  margin: 0 0 0 0; padding: 15 5 15 15; 
  color: #f1f1f1; }
.border-right {
  border-right: solid #202020 1px; border-collapse:collapse; }
.border-bottom { 
  border-bottom: solid #202020 1px; border-collapse:collapse; }

  
.discoCover {
  width: 160px; 
  margin: 5px; padding: 1px;
  border: solid #2d2725 1px; }
.discoDetails {
	margin: 5px; 
}

.ThumbBox180x200{
	float: left ;
	width: 180px;
	height: 200px;
	border: solid #2d2725 1px; 
	background-color: #ffffff; 
	margin: 2px;
 }

 .ThumbBox180x250{
	float: left ;
	width: 180px;
	height: 250px;
	border: solid #2d2725 1px; 
	background-color: #ffffff; 
	margin: 2px;
 }

 
 
.tracks {
	font-family:  Arial,"Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: bold;
	word-spacing: 1px;
}

/* VIDEOS */

#item .videoThumb {
  width: 160;
  margin: 0 0 0 0; padding: 5px;
  color: #f1f1f1; }

#item .videoThumbImage {
  margin: 2 2 2 2;
  width: 120; height: 90;
  border: solid #2d2725 1px; }

#item .video {
  margin-top: 15; padding: 15 5 5 5;
  width: 450; height: 350;
  border: solid #202020 1px; 
  background-color: #000000; }

#item .photoViewer {
  height: 800;
  border: solid #202020 1px; 
  background-color: #000000; }

#item .videoViewer {
  height: 500;
  border: solid #202020 1px; 
  background-color: #000000; }

#item .videoNews {
  padding: 5 5 5 5;
  width: 200; height: 160;
  border: solid #202020 1px; 
  background-color: #000000; }
  
.news {
  padding: 5px;
  background-color: #000000; 
  border: solid #202020 1px;
  -moz-border-radius: 5px;
   
}

.news-title {
  padding: 2px;
  margin: 0 0 5px 0;
  background-color: #101010; 
  border: solid #303030 1px;
  -moz-border-radius: 2px;
  color: #2D8BB0;
  font-weight: bold;
  font-size : 12px;
}

.badge {
  margin-top: 15; padding: 15 5 5 5;
  width: 500; height: 450;
  border: solid #303030 1px; 
  background: #202020 url(../images/jbbadge2.jpg) no-repeat center; }
  -moz-border-radius: 2px;

/*
#top-photos{
  height: 50px;
	background: #000000 url(images/top-photo.jpg) no-repeat left top; 
	color: inherit;
}
#top-videos{ height: 50px; background: #000000 url(images/top-video.jpg) no-repeat center; }
#top-disco{ height: 50px;	background: #000000 url(images/top-disco.jpg) no-repeat center; }
#top-audio{ height: 50px;	background: #000000 url(images/top-audio.jpg) no-repeat center; }
#top-tourdates{ height: 0px; background: #000000 url(images/top-tourdate.jpg) no-repeat center; }
*/

select.photos {   
  color:white;
  background-color:black;
	font-family:  "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 11px;
  margin: 5 0 0 0;
}

#tourdates .border-tbl {
/*  color: #D1D7DC; */
  padding: 5 5 5 5;
  font-size: 10px;
  border-collapse:collapse;
  border: solid #3d3735 1px;
  color: #f1f1f1;
}


.tourdates-table {
  padding: 5px;
  font-size: 10px;
  border-collapse:collapse;
  border: solid #3d3735 1px;
  color: #f1f1f1; background-color: #000000;
}

.tourdates-cell {
  padding: 5px;
  font-size: 10px;
  border-collapse:collapse;
  border: solid #3d3735 1px;
  color: #f1f1f1; background-color: #000000;
}

.tourdates-column-header {
  font-size: 10px;
  border: solid #3d3735 1px; 
  border-collapse:collapse;
  color: #E1E7EC;  background-color: #D55017;
}

#phpbb .border-tbl {
  margin: 5 5 5 5;
  padding: 5 5 5 5;
  font-size: 10px;
  border-collapse:collapse;
  border: solid #3d3735 1px;
  color: #000000;
  background-color: #CCCCCC;
}

#phpbb th {
  color: #CCCCCC; background-color: #101010;
}

#phpbb td {
  padding: 2 0 2 2;
}

#phpbb a:link { text-decoration: none;  color : #000000; }
#phpbb a:active { text-decoration: none;  color : #000000; }
#phpbb a:visited { text-decoration: none;  color : #000000; }
#phpbb a:hover { text-decoration: underline; }

/****************************************
 * Pied de page 
 *****************************************/ 
#foot{
  margin-top: 5px;
  padding: 1 0 2 0;
  background: #86160d ;
	text-align: center;
}
#foot td.copyright {
	font-size: 9px;
	color: #2B040D;
}

#foot td.copyright {
	font-size: 9px;
	color: #2B040D;
}
#foot a  { color: #2B040D; text-decoration: none; }
#foot a:hover { text-decoration: underline;  }


#content-video { width: 600px; margin: 10px; background-color: #ffffff; }

#content-video .title { border-bottom: solid 2px #999; 	text-align: center; font-size: 16px; font-weight: bold; padding: 10px; margin: 10px; }
#content-video .text { padding: 10px; border-bottom: solid 2px #999; text-align: center; padding-bottom: 20px; }
#content-video .year { font-size: 16px; font-weight: bold; text-align: center; }
#content-video .link { text-align: center; }
#content-video .soustitre { text-align: center; }

#content-disco { width: 600px; margin: 10px; background-color: #ffffff; }
#content-disco .title { font-size: 16px; font-weight: bold; padding: 10px; background-color: #dedede; }
#content-disco .logo { padding: 10px; background-color: #ffffff; color: #000000;}
#content-disco .text { padding: 10px; background-color: #ffffff; color: #000000;}
#content-disco .details { padding: 10px; background-color: #ffffff; color: #000000; text-align: center;}


#sidebar { width: 350px; }