html, body { min-width:970px; margin:0; padding:0; font:normal small/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", lucida,verdana,helvetica,arial,sans-serif; outline:none; text-align:justify; }
body { background:#ccc; color:#000; }
form { margin:0; padding:0; }
img { border:none; }

/* entete du site */
#header           { margin:0; padding:.3em; min-height:120px; border-bottom:20px solid #333; background:#fff url(images/am2-headphone.png) no-repeat center right scroll; color:#000; }
#header h1 a      { display:block; width:273px; height:67px; background:transparent url(images/am2-title.png) no-repeat top left scroll; color:#000; text-decoration:none; }
#header h1 a span { display:none; }

/* homeheadlines */
#homeheadlines { margin:0; padding:.3em 0; background:#000; color:#fff; }
#homecontent   { margin:0 0 3em 0; padding:0; }

div.container  { overflow:hidden; clear:both; width:830px; margin:0 auto; padding:0; }
div.column    { float:left; width:48%; margin:.5%; padding:0; text-align:center; }
div.cover     { text-align:right; }
div.artists   { text-align:left; }
div.container span              { display:block; background:#fff; color:#000; padding:3px; width:400px; }
div.container div.cover span    { float:right; width:315px; }
div.container div.artists span { float:left; width:400px; }
div.container div.playlist   { float:left; width:320px; padding-top:1em; text-align:center; }
div.container div.playlist a { color:#800; text-decoration:none; }
div.container div.playlist a:hover,
div.container div.playlist a:focus { color:#080; text-decoration:none; }

#navigation    { margin:0; padding:0; background:#333; color:#fff; text-align:center; }
#navigation ul { list-style:none; margin:0 auto; padding:0; width:600px; clear:both; overflow:hidden; }
#navigation li { float:left; width:100px; margin:0 .3em; padding:0; font:normal 1.5em/1.5em impact,tahoma,helvetica,arial,sans-serif; }
#navigation a  { text-decoration:none; background:transparent; color:#eee; }
#navigation a:hover,
#navigation a:focus { background:transparent; color:#fa0; }

#lastnews        { float:left; width:480px; margin:1em 3px 3px 3px; padding:0; border:3px solid #fff; }
#lastnews img,
#lastnews object { margin:.1em auto; padding:0; display:block; }
#lastnews span   { width:auto; }

.post { position:relative; margin:0; padding:.3em; background:#000; color:#e1e1e1; }

/* post header */
.post-head             { margin:0 1em 0 0; padding:1em; }
.post-head a:hover,
.post-head a:focus     { text-decoration:underline; }
.post-head h3          { margin:0; padding:0; font-weight:normal; font-size:medium; clear:both; overflow:hidden; width:100%; }
.post-head h3 a        { background:transparent; color:#dfbe29; }
.post-head h3 a:hover  { background:transparent; color:#ffa07f; }
.post-date             { float:left; width:12%; margin-right:.5%; padding:.2% 0; background:#fff; color:#000; font-size:.68em; text-align:center; }

/* post content */
.post-content .more-link:hover,
.post-content .more-link:focus { color:#ffa500; text-decoration:underline; }
.post-content           { width:100%; clear:both; overflow:hidden; }
.post-content p         { width:100%; clear:both; overflow:hidden; }
.post-content p.alert   { width:90%; margin:.3em auto; padding:.3em .3em .3em 3em; border:solid #800; border-width:2px 0; background:#fbd8d8 url(images/exclamation.png) no-repeat 10px 8px scroll; color:#8b2525; font-size:.9em; }
.post-content a         { color:#369; }
.post-content a:hover,
.post-content a:focus   { text-decoration:underline; }
.post-content em        { font:italic 1.2em "times new roman",times,serif; }
.post-content img       { border:1px solid #000; }

#footer        { position:fixed; bottom:0; width:100%; background:#333; color:#fff; }
#footer button { background:#333; border:1px solid #444; color:#444; height:18px; line-height:17px; text-align:center; cursor:pointer; }
#footer button:hover,
#footer button:focus { border-color:#fa0; color:#fa0; }
#footer label  { color:#999; }
#footer input  { padding-left:.3em; background:#444; border:none; color:#f1f1f1; margin-right:.3em; }
#footer input:focus,
#footer input:hover { color:#fa0; }

#copyrights         { font:normal 1em/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", lucida,verdana,helvetica,arial,sans-serif; text-align:justify; }
#copyrights a       { background:transparent; color:#e5b77a; text-decoration:none; }
#copyrights span    { float:left; width:38%; padding:.3em; font-style:normal; text-align:left; }
#copyrights address { float:right; width:58%; padding:.3em; margin:0 .3em; font-style:normal; text-align:right; }

#ok-news,#ko-news { display:none; }
#zshare_button       { display:block; -moz-border-radius:10px; border:1px solid #fff; background:#333; color:#fff; width:80%; margin:.3em auto; padding:.3em; font:normal 1.5em/1.5em impact,tahoma,helvetica,arial,sans-serif; }
#zshare_button:hover { background:#000; color:#f3c800; }