body {
margin: 0;
padding: 0;
font: 16px Trebuchet MS, Verdana, sans-serif;
background: #2e3539;
}
a {
color: #000;
border-bottom: 1px dashed #000;
text-decoration: none;
}
a:hover {
border-bottom: none;
}
h1, h2, h3, h4, div {
margin: 0;
padding: 0;
}

img {
border: none;
}
ul { list-style-type: square; padding: 0; }
li { margin-left: 1em; }

#frame {
margin: 0 auto;
padding: 0;
width: 750px;
background: #fff;
}
#header {
height: 70px;
border-bottom: 5px solid #ffd400; 
background: #ac1c0d;
}
#header img {
float: left;
padding: 2px 12px 2px 4px; 
}
#header h1 {
padding: 4px 0 0 14px;
}
#header h1 a {
font-size: 80%;
color: #fff;
border: none;
}
#path {
padding: 4px 0 0 14px;
font-size: 80%;
color: #fff;
border: none;
}
#path a {
border: none;
color: #fff;
}
#event {
padding: 6px;
height: 65px;
border-bottom: 5px solid #ffd400;
}
#content {
position: relative;
margin: 0;
padding: 1em;
}
#content img { margin: 0.3em 0.6em; }
#content .spip_documents a { border: none; }
#content p {
line-height: 1.5em;
}
#stamp {
float: right;
margin: 0 0 15px 15px;
padding: 0.2em 1em;
font-size: 90%;
color: #a57c44;
background: #fad914;
-moz-border-radius: 8px;
width: 200px;
}
#stamp a { color: #a57c44; border: none; }

#stamp h4 { border-bottom: 1px solid #a57c44; }
#stamp dt { font-weight: bold; }
#stamp dd { margin: 0 0 5px 0; }
#stamp dd a { border-bottom: 1px dashed #a57c44; }

#direct {
margin: 0 1em 1em 0;
padding: 0.4em 1em;
font-size: 90%;
color: #fff;
background: #ac1c0d;
-moz-border-radius: 8px;
}
#content .listen {
float: right;
margin: -1.65em 0.6em;
padding: 0.32em;
background: #fff;
}
#content .listen a {
border: none;
background: url("../images/audio.png") no-repeat 4px;
}
#masthead {
margin: 0;
padding: 0.4em 0.2em 0 1em;
border-top: 4px solid #332000;
background: #a57c44;
}
#masthead .column {
float: left;
width: 350px;
padding: 0;
margin: 0 0.2em 0 0.2em;
}
#masthead h3 {
margin: 1.2em 0 0 0;
padding: 0 0.2em 0 0.2em;
color: #e8c386;
border-bottom: 2px solid #332000;
}
#masthead ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#masthead li {
padding-left: 0.4em;
font-size: 90%;
line-height: 1.5em;
border-bottom: 1px dashed #332000;
}
#masthead li a {
color: #ac1c0d;
border: none;
font-weight: bold;
}
#masthead p {
margin: 0.3em;
font-size: 90%;
}
#list {
margin: 0;
padding: 0 1em 0.2em 1em;
border-top: 4px solid #332000;
background: #cc3;
}
#list h3 {
margin: 0.4em 0.2em;
}
#list dt {
background: #969600;
margin-top: 1.6em;
padding: 0.2em 0.8em;
font-size: 90%;
font-weight: bold;
-moz-border-radius: 4px;
}
#list dd {
margin: 0 1em 0 1em;
padding: 0.2em 0.8em;
font-size: 90%;
}
#list dt a {
border: none;
}

.spip_doc_m3u {
margin: 5px 15px 5px 5px;
padding: 20px 10px 0 60px;
float: right;
font-weight: bold;
height: 48px;
border: none;
color: #a57c44;
}
#content .listen {
float: right;
padding: 5px 5px 5px 60px;
margin: 0 0 0 auto;
width: 300px;
}

#content .spip_doc_m3u, #content .listen {
background: #cc3 url("../images/document-audio.png") no-repeat 7px;
-moz-border-radius: 8px;
}

#list .listen {
padding-left: 25px;
background: url("../images/document-audio-small.png") no-repeat 0px;
}

#footer {
text-align: right;
padding: 0.3em 1em;
border-top: 4px solid #332000;
background: #855800;
}
#footer a {
color: #fff;
font-size: 80%;
padding-left: 20px;
border: none;
}
#footer a.feed {
background: url("../images/feed.png") no-repeat;
}
#footer a.license {
background: url("../images/license.png") no-repeat;
}
#footer p {
margin: 0;
padding: 0;
}

#content:after {
content: "."; 
display: block; 
height: 0;
clear: both; 
visibility: hidden;
}

* html #content { height: 1%; }