/* FOOLHOUSE CSS (SPIP) */

/*
** HTML elements
*/
body
{
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	color: #808080;
	margin: 20px;
  padding: 0;
}

form {
  margin: 0;
  padding: 0;
}

a {
	color: #BC9D5E;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

img {
  border: 0;
}

table {
  border-collapse: collapse;
}

/* Specific classes */


/* LAYOUT */

#page
{
	/* Use a 11px base font size with a 15px line height */
  font-size: 12px;
  line-height: 15px;

	margin: 0;
  width: 965px;
}

#main {
	clear: both;
}

#content
{
	clear: both;
  width: 965px;
  margin: 0;
  padding: 0;
}

/* Header */

#logo
{
	float: left;
  margin: 5px 0 0 0;
  padding: 0;
}

h1#site-name /* The name of the website */
{
	font-size: 12px;
	float: left;
	margin: 10px 0 0 10px;
	font-weight: normal;
	width: 50px;
	color: #FFF;
}

#logo-title {
	float: left;
}

/* Recherche */

#formulaire-recherche {
	width: 137px;
	float: right;
	margin: 10px 0 0 0;
}

#formulaire-recherche #recherche-input {
	width: 125px;
	padding: 3px 5px 2px 5px;
	border: 1px solid #808080;
	height: 16px;
	background-color: black;
	color: #808080;
	line-height: 14px;
}

#formulaire-recherche label {
	display: none;
}

/* Newsletter */

#formulaire-newsletter {
	margin: 0 0 0 0;
}

#formulaire-newsletter #newsletter-input {
	width: 170px;
	padding: 3px 5px 2px 5px;
	border: 1px solid #808080;
	height: 16px;
	background-color: black;
	color: #808080;
	line-height: 14px;
}

#formulaire-newsletter label {
	display: none;
}

/* Navigation */

#navbar {
	clear: both;
	padding-top: 25px;
	padding-bottom: 12px;
	border-bottom:1px solid #262626;
	font-size: 12px;
}


#navbar .navigation {
	display: inline;
}

#navbar .menu {
  display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #4D4D4D;
}

#navbar .menu li
{
  display: inline;
  list-style-type: none;
  padding: 0;
	margin: 0;
}

#navbar .menu a.on {
	color: white;
}

.navigation {
	float: left;
}

.langue {
	float: right;
	text-align: right;
	display: inline;
}

.langue .language {
	color: white;
}

#footer {
	clear: both;
	margin-top: 50px;
	border-top:1px solid #262626;
	padding-top: 8px;
	padding-bottom: 20px;
}

#footer a {
	color: #4D4D4D;
}

#footer #footer-message {
	float: right;
}

#footer #footer-contact {
	float: left;
}

#footer #footer-links {
	display: inline;
}

#footer #footer-links a.on {
	color:  white;
}

#footer ul {
  display: inline;
	margin: 0;
	padding: 0;
	list-style: none;
	color: #4D4D4D;
}

#footer li
{
  display: inline;
  list-style-type: none;
  padding: 0;
	margin: 0;
}

/* Home */

.grid {
	clear: both;
}

#recherche .grid {
	margin: -20px 0 20px 0;
}

.grid .bloc {
	float: left;
	width: 229px;
	margin: 20px 16px 0 0;
	padding: 0 0 12px 0;
	border-bottom:1px solid #262626;	
}

.grid .first  {
	clear: both;
}


.grid .last  {
	margin: 20px 0 0 0;
}

.grid .bloc h2, .grid .bloc h3 {
	margin: 0;
	padding: 5px 0 2px 0;
}

.grid .bloc p {
	margin:0;
	padding:0;
	color: #4D4D4D;
}

#content .grid .bloc a {
	color: white;
}

/* Sectors */

.top {
	padding: 10px 0 10px 0;
	border-bottom:1px solid #262626;	
}

.top h2 {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}

.top .pagination {
	float: left;
	margin: 8px 0 0 15px;
	padding: 0;
}

.pagination a {
	color:#4D4D4D;
	padding: 0 2px;
}

.pagination .on {
	color: white;
	/* font-weight: bold;	*/
}


/* Article */
p {
	margin: 0;
	padding: 0 0 15px 0;
}

#content a {
	color: white;
}

#content .cover a {
	color: #BC9D5E;
}

#content .column a {
	color: #BC9D5E;	
}

#content .column .agenda a {
	color: white;
}

#content h3.spip {
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
	color: #4D4D4D;		
}


#content .descriptif {
	margin: 0;
	padding: 0;
}

#content .chapo {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

#content .chapo h3 {
	font-weight: bold;
	color: #4D4D4D;
	margin: 0 0 0 0;
	padding: 0;
	font-size: 12px;
}

#content .chapo ul, .links ul, .text ul, .shops ul {
	margin: 0 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#content .chapo li, .links li, .shops li {
	margin: 0 0 3px 0;
	padding: 0;
  list-style-type: none;	
}

#content .info {
	float: left;
	width: 454px;
	margin: 20px 10px 0 10px;
}

#content .descriptif {
	margin: 0;
	padding: 10px 0 0 0;
}

#content .info .meta {
	float: left;
	width: 217px;
	margin: 0 10px 15px 0;
}

#content .info .meta b {
	color: #4D4D4D;
}

#content .cover {
	float: left;
	margin: 20px 10px 0 0;
}

#release #content .cover {
	width: 474px;
}

#content .cover img {
	padding-bottom: 20px;
	float: left;
	clear: left;
}

#content .cover .audio {
	text-align: left;
}

#content .audio ul {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

#content .audio ul.digital {
	margin: 0 0 25px 0;
}

#content .audio li {
	margin: 0 0 4px 0;
	padding: 0 0 2px 0;	
	clear: both;
	border-bottom:1px solid #262626;		
}

#content .audio .track {
	float: left;
	color: white;
}

#content .audio .track strong {
	padding: 0 5px 0 0;
	color: #4D4D4D;	
}

#content .audio .listen {
	float: right;
	text-align: right;
}

#content .audio h3 {
	clear: both;
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
	color: #4D4D4D;		
}

#content #foolPlayer {
}


#content .shops {
	margin: 30px 0 0 0 ;
}

#content .shops h3 {
	clear: both;
	margin: 0 0 4px 0;
	padding: 0;
	font-size: 12px;
	color: #4D4D4D;		
}


.info h1 {
	margin: -3px 0 0 0;
	padding: 0;
}

.info h2 {
	margin: -5px 0 0 0;
	padding: 0;
}

.ruler {
	clear: both;
	height: 0px;
	width: 50px;
	border-bottom: 1px solid #262626;
	margin: 0 0 20px 0;
}

.ruler hr {
	display: none;
}

p.filet_sep_2 {
	clear: both;
	height: 0px;
	width: 50px;
	border-bottom: 1px solid #262626;
	margin: 0 0 20px 0;
	padding:0;	
}

.text {
	margin: 20px 0 15px 0;
}

.front {
	width: 719px;
	float: right;
	margin: 0 0 0 0;
}

.column {
	width: 229px;
	float: left;
	margin: 20px 10px 0 0;
	text-align: right;	
}

.column div {
	text-align: left;
}

.column .links {
	width: 105px;
	margin: 15px 10px 0 0;
	float: left;
}

.column .contact {
	width: 104px;
	margin: 15px 10px 0 0;
	float: left;
}

.extra h4 {
	font-weight: bold;
	color: #4D4D4D;
	margin: 0;
	padding: 0;
}

#artist-info .front {
	margin-bottom: 35px;
}

#artist-meta, #artist-info {
	clear: both;
}

#artist-meta h4 {
	margin: 0;
	padding: 0;
}

#artist-meta .column {
	margin: 0px 10px 0 0;
}

#artist-meta h3 {
	padding: 0 0 10px 0;
	border-bottom:1px solid #262626;
	margin: 0 0 20px 0;
}

#artist-meta .grid h3 {
	margin: 0;
}

#mediaGrid, #newsGrid {
	clear: both;
}

.medias {
	padding: 40px 0 20px 0;
}

.agenda {
	
}

.agenda .agenda_item {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom:1px solid #262626;
}

.agenda .agenda_item h4 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.agenda .agenda_item h4 a {
	color: white;
}

.agenda .agenda_item .type {
	color: #BC9D5E;
}

/* Media */

#page_media .top h2 {
	background: url(images/arrow-left.png) no-repeat 0 10px;
	padding: 0 0 0 20px;
}

#media-info {
	float: left;
	width: 229px;
	margin: 20px 10px 0 0;
}

#media-info .infos {
	border-bottom:1px solid #262626;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
}

#media-info h4 {
	font-weight: bold;
	color: #4D4D4D;
	margin: 0;
	padding: 0;
}

#media-info .infos p {
	padding: 0 0 0 0;
	margin: 0;
}

#media-zone {
	float: left;
	margin: 20px 0 0 0;
	width: 719px;
}

#media-zone h3 {
	padding: 0 0 10px 0;
	border-bottom:1px solid #262626;
	margin: 0 0 20px 0;
}
/*

#mediaGrid ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mediaGrid  ul li {
	list-style: none;
	float: left;
	margin: 0 20px 0 0;
}
*/

/* Press */

#documents .text {
	clear: both;
	padding: 20px 0 0 0;
}


/*
** Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear {
	clear: both;
}

.invisible {
	display: none;
}