/*
Theme Name: AMAZINA 2 
Theme URI: http://www.amazina.com/am2/
Description: Le theme developpe pour le site AM2
Version: 0.9
Author: Nyamagan Butera Ignace
Author URI: http://nyams.planbweb.com/

This theme was designed and built by  Nyamagana Butera Ignace Philippe
whose blog you will find at http://nyams.planbweb.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

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; }

/* form */
input[type="text"]   { width:60%; font: 1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", lucida,verdana,helvetica,arial,sans-serif; margin:0; padding: 3px; border:1px solid #999; background:#efefef; color: #444; }
input[type="submit"] { border:1px solid #999; background:#efefef; color:#444; cursor:pointer; }
textarea             { width:80%; font:1em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", lucida,verdana,helvetica,arial,sans-serif; margin:0; padding: 3px; border:1px solid #999; background:#333; color:#eee; }

/* entete du site */
#header  { margin:0; padding:.3em; min-height:120px; border-bottom:1px 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; }
#header div.navigation   { margin:0 auto; width:680px; }
#header div.navigation a { background:transparent; color:#000; }
#header div.navigation a:hover,
#header div.navigation a:focus { background:transparent; color:#AF4E00; text-decoration:none; }
#header ul { margin:0; padding:0; width:100%; overflow:hidden; clear:both; font-size:1.2em; list-style:none; }
#header ul li { float:left; margin-right:.3em; padding:0 .3em; font-weight:bold; }
#header ul li:last-child:after { content:""; }
#header ul li:after { content:"\0000a0|"; color:#000; font-weight:bold;  }
#page       { clear:both; overflow:hidden; width:960px; margin:0 auto; padding:0; text-align:justify; }
#content    { float:left; width:650px; }
#hotstuffs  { float:left; width:49%; }
#oldstuffs  { float:right; width:49%; }
#page .container { clear:both; overflow:hidden; width:100%; margin:1em 0; padding:0; background:#fefefe; color:#000; }
#lastnews   { clear:both; margin-bottom:1em; padding:.3em; background:#000; color:#fff; }
#sidebar    { float:left; width:290px; padding:0 1% 1%; font-size:.8em; }
#sidebar h2 { margin:.3em 0; font-size:1.3em; }
#sidebar .sdb-box { margin:0 0 .3em 0; }
#newsletter *  { font:normal small/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", lucida,verdana,helvetica,arial,sans-serif; }
#newsletter .inputText   { border:1px solid #999; background:#fff; color:#1a1a1a; }
#newsletter .inputSubmit { border:1px solid #999; background:#f1f1f1; color:#1a1a1a; }
#email { border:1px solid #eee; width:45%; font-size:.75em; }
#submit { border:1px solid #eee; } 
a img { border:1px solid #ccc; margin:.3em; padding:.1em; background:#fff; }
ul.playlist           { margin:0; padding:0; width:285px; list-style:none; font:bold 1em sans-serif; }
ul.playlist li        { clear:both; overflow:hidden; width:100%; margin:.1em; padding:.2em; background:#000; color:#fff; }
ul.playlist li strong { background:transparent; color:#fc8; }
ul.playlist li strong:after { content:"\0000a0\0000bb\0000a0"; background:transparent; color:#fc8; }
ul.playlist li span  { float:left; width:250px; margin:0; padding:0; }
ul.playlist li em    { float:right; width:30px; margin:0; padding:0; text-align:right; }
.wp-polls    {  clear:both; overflow:hidden; width:285px; margin:0; padding:0; background:#fff; color:#1a1a1a; } 
.wp-polls .Buttons { border:1px solid #999; background:#f1f1f1; color:#1a1a1a; cursor:pointer; }
.wp-polls a  { padding-right:5px; float:right; color:#1a1a1a; }
.wp-polls a:hover { color:#369; }
ul.wp-polls-ul    { clear:both; overflow:hidden; width:100%; margin:0; padding:0; list-style:none; outline:none; }
ul.wp-polls-ul li { float:left; width:45%; margin:.1em; padding:.1em; }
#footer     { clear:both; overflow:hidden; width:100%; margin:0; padding:0 0 .3em 0; border-top:2px solid #666; background:#1a1a1a; color:#666; font:normal .8em/1.5em sans-serif; }
#footer h2  { display:none; }
#footer ul  { margin:.3em; padding:0; outline:none; list-style:none; clear:both; width:100%; overflow:hidden; }
#footer li  { float:left; margin:.1em .3em .1em 0; }
#footer li:after { content:"\0000a0|\0000a0"; }
#footer li:last-child:after { content:""; }
#footer a       { background:transparent; color:#999; text-decoration:none; }
#footer a:hover { background:transparent; color:#fff; }
#copyrights address { padding-right:5px; font-style:normal; text-align:right; }


.post { position:relative; margin:0 auto 1em; border-bottom:1px dotted #666; }

/* post header */
.post-head             { margin:0; padding:0; }
.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-tags             { margin:.3em 0; padding-left:.3em; width:100%; overflow:hidden; clear:both;}
.post-tags li          { float:left; list-style:none; padding-left:18px; margin-right:5px; background:transparent url(images/tag_blue.png) no-repeat 0 2px scroll; }
.post-tags a           { background:transparent; color:#369; }
.post-category         { margin:.3em 0; padding-left:.3em; width:100%; overflow:hidden; clear:both;}
.post-category li      { float:left; list-style:none; padding-left:18px; margin-right:5px; background:transparent url(images/folder.png) no-repeat 0 2px scroll; }
.post-category a       { background:transparent; color:#369; }

/* post content */
.post-excerpt { margin:.3em auto; padding:.3em .5em; background:#E0E7EF; color:#059; font:normal 1.1em/1.5em "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", lucida,verdana,helvetica,arial,sans-serif; }

.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; }
.post-content p.code    { width:80%; margin:.5em auto; padding:.5em; border-left:4px solid #efb286; background:#fffbef; color:#c15e17; line-height:2.5em; }
.post-content p.code em { color:#000; font-size:.9em; font-family:inherit; }
.post-content ol.download { margin:.3em 0 1em 0; padding:0; list-style:none; }
.post-content a.compress  { padding-left:20px; background:transparent url(images/compress.png) no-repeat left center; }
.post-content a.compress[title]:after  { content:"\0000a0"attr(title); font-size:.9em; font-style:italic; background:transparent; color:#999; }

.post-content small code { background:#efefef; color:#333; padding-left:.3em; padding-right:.3em; }

/* post footer */
.post-foot          { padding:.3em; background:#eff6ff; color:#333; }
.post-foot a        { color:#059; }
.post-foot a:hover,
.post-foot a:focus  { text-decoration:underline; }

/* fine tuning navigation and images */
#lastnews div.navigation { clear:both; overflow:hidden; width:100%; }
#lastnews div.navigation a { background:transparent; color:orange; }
#lastnews div.navigation .left  { float:left; width:48%; text-align:left; }
#lastnews div.navigation .right { float:right; width:48%; text-align:right; }
#lastnews img,
#lastnews object { margin:.1em auto; padding:0; display:block; }

/* COMMENTS */

/* main comments container */
#comments      { margin:40px auto 0; padding:0 0 10px 0;  }
#comments h3   { margin:1em auto; padding:0 0 0 24px; background:transparent url(images/comment.png) no-repeat left center; font-size:14px; }
#comments form { width:auto; }

/* comments + comments form container */
#clist,
#cform  { width:90%; padding:.3em; margin:.5em auto; }

#cform textarea.contacterror,
#cform input.contacterror  { border: 1px solid #fefefe; }
#cform input[type="text"]  { border:1px solid #999; background-color:#333; color:#fff; }
#cform button              { border:1px solid #999; background-color:#333; color:#fff; text-align:center; cursor:pointer;}

/* comments listing */
#clist ul                { margin:0; padding:0; list-style:none; width:auto; background:transparent; font-size:.9em; }
#clist ul a              { background:transparent; color:#369; font-weight:normal }
#clist ul a:hover,
#clist ul a:focus        { text-decoration:underline; }
#clist ul                { margin: 5px; padding: 10px; }
#clist li                { margin:1em 0; padding:.3em; border-left:7px solid #666; background-color:#1a1a1a; color:#eee; }
#clist p                 { margin:0; padding:0 .3em .3em; }
#clist div.cmt-head      { margin:.3em 0; padding:0 .3em; }
#clist div.cmt-head a    { background:transparent; color:#ccc; font-weight:bold; }
#clist div.cmt-content   { margin:0; padding:0; }
#clist li.cmt-author div.cmt-head { background:#111; }
#clist li.cmt-author div.cmt-head a { color:orange; }

a.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 22px/1.5em impact,tahoma,helvetica,arial,sans-serif; text-decoration:none; text-align:center; }
a.zshare_button:hover { background:#000; color:#f3c800; }