/*  
Theme Name: Art Poeme V2009
Theme URI: http://www.art-poemes.com/poeme/
Description: Nouvelle version Art et Poemes.
Author: Valerie S
Author URI: http://www.art-poemes.com
*/




/* ---------------- General ------------------*/




body { background: #44160A; margin: 0; font-family: Verdana, 'Trebuchet MS', Times, serif; font-size: 13px; color: #000000; background-image:url(http://www.art-poemes.com/poeme/wp-content/themes/ap2009-poeme/images/fond-art-poemes.jpg); }
a { text-decoration: none; color: #155b15; }
a:hover { text-decoration: underline; color: #155b15; }
.metadata { border-top: 1px solid #ccc; padding: 5px; }
.clear { clear: both; font-size: 0px; line-height: 0px; visibility: hidden; margin: 0; }
.poeme { background: #DEFDCB; margin: 0; padding-left:10px; }
.retourpoeme { text-decoration: underline; color:#155b15; }




blockquote { margin: 10px; padding: 0px 0px 0px 50px; color:#666; background: url(images/blockquote.gif) no-repeat left top; }
code{ display:block; overflow:auto; text-align:left; margin: 5px 0 10px 0; padding: 5px 10px 5px 10px; background-color: #f4f4f4; }




.navigation { display: block; padding-bottom: 20px; margin: 0 auto; font-size: 13px; font-weight: bold; }
.alignright { float: right; }
.alignleft { float: left; }




/* ---------------- Dispositions ------------------*/
#header { position: relative; width: 1004px; margin: 0 auto; height: 80px; background-image:url(http://www.art-poemes.com/poeme/wp-content/themes/ap2009-poeme/images/fond-header.jpg); }
#header img, #header img:hover { border: none; text-decoration: none; }
#content { background: transparent url(images/bg.gif) repeat-y top left; position: relative; width: 1004px; margin: 0 auto; clear: both; }




/* ---------------- Header ------------------*/




h1 { font-family: Georgia, Times, serif; font-size: 26px; font-weight: normal; color: #f2f2f2; font-size: 100%; margin: 0; padding: 0; }
h1 a, h1 a:link, h1 a:hover { color: #f2f2f2; } 
.description { color: #f2f2f2; padding-left: 50px; font-size: 100%; font-weight: normal; }




/* ---------------- Mise en page post ------------------*/
#bodycontent { width: 521px; float: left; margin: 0 0 0 10px; }
#bodycontent h1 { margin: 0; padding: 0; font-size: 19px; font-family: verdana, helvetica, sans-serif; font-weight: bold; color: #155b15; }
#bodycontent h2 { line-height: 28px; background-image: url("http://www.art-poemes.com/poeme/wp-content/themes/ap2009-poeme/images/fond-titre-poeme.jpg"); margin: 0; padding-left: 30px; font-size: 12px; font-family: verdana, helvetica, sans-serif; font-weight: bold; color: #DBFBC5; }
.post { padding: 5px; background: transparent; }
.posttitle, .posttitle a, .posttitle a:link { color: #DBFBC5; margin-bottom: 0; font-size: 15px; font-weight: bold; }
.posttitle a:hover { text-decoration: underline; color: #DBFBC5; }
.info { border-top: 1px solid #155b15; margin-top: 10px; font-size: 11px; }
p { padding-top: 2px; font-size: 13px; }
p a { color: #1e4f2a; font-weight: bold; text-decoration: underline; }
p a:hover { color: #000000; text-decoration: underline; }
p img { padding: 5px; border:0; }
p a img { padding: 5px; border:0; }
.stvalentin{ padding: 5px; background: transparent; }


/* ---------------- Commentaires ------------------*/




#comments { margin: 0; border-top: 1px solid #654b23; width: 511px; }
#comments h2 { margin: 5px 0 5px 0; }
.commenttext { background-color: #fcfeee; margin: 0; padding: 0px 10px; display: block; width: 511px; }
.commenttext p { margin: 0; padding-left: 5px; width: 511px; }
.data { color: #666; font-size: 10px; margin: 0; }
.data a { color: #654b23; text-decoration: underline; }
.data .poster strong { font-weight: bold; color: #654b23; }
/* ---------------- Formulaire ------------------*/
#commentform { margin-bottom: 15px; border-top: 1px solid #654b23; }
#commentform strong { color: #654b23; }
#commentform h2 { margin: 8px 0 10px 0; }
#commentform .guidelines strong { font-weight: bold; color: #654b23; }
#commentform .name { float: left; margin-right: 21px; }
#commentform .email { float: left; }
#commentform .url { margin: 4px 0; float: left; }
#commentform .name input { border: 1px solid #ccc; width: 298px; }
#commentform .email input { border: 1px solid #ccc; width: 298px; }
#commentform .url input { border: 1px solid #ccc; width: 509px; }




#commentform textarea { border: 1px solid #ccc; width: 509px; height: 90px; margin-bottom: 10px; }
#commentform .remember input { border: 0; margin-bottom: 1px; }
#commentform .submit { margin-left: 117px; }
.star { font-weight: bold; color: #654b23; }




/* ---------------- Barre de gauche ------------------*/
#barre-gauche { width: 185px; margin-left: 15px; float: left; font-size: 11px; }
#barre-gauche h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #745627; font-size: 15px; color: #745627; line-height: 25px; }
#barre-gauche ul { margin: 0; padding: 0 0 15px 0; list-style: none; }
#barre-gauche ul li { margin: 0; background: url('images/border-bottom.jpg') bottom left no-repeat; padding: 5px 0 5px 0; }
#barre-gauche ul li a { text-decoration: none; padding: 5px 0 5px 0; }
#barre-gauche ul li a:hover { background: #fff; }
#barre-gauche ul li a p { margin: 0; padding: 0; }




#search { margin-bottom: 20px; text-align: right; }
#searchform { margin-bottom: 20px; }
#searchform input { width: 150px; background: #fff; }
#searchform .searchbtn { width: 22px; }
/* ---------------- Barre de droite ------------------*/
#barre-droite { width: 210px; float: right; margin-right: 25px; font-size: 11px; }
#barre-droite h2 { margin: 0 0 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #745627; font-size: 15px; color: #745627; line-height: 25px; }
#barre-droite ul { margin: 0; padding: 0 0 30px 0; list-style: none; }
#barre-droite ul li { margin: 0; background: url('images/border-bottom-right.jpg') bottom left no-repeat; padding: 5px 0 5px 0; }
#barre-droite ul li a { text-decoration: none; padding: 5px 0 5px 0; }
#barre-droite ul li a:hover { background: #e3d6c2; }
#barre-droite ul li a p { margin: 0; padding: 0; }
/* ---------------- Footer ------------------*/
#footer { background: transparent url(images/footer.jpg) no-repeat top left; position: relative; margin: 0 auto; width: 1004px; height: 280px; }
#footer { text-align: right; }
#footer p { font-size: 9px; margin: 0; padding: 10px 10px 5px 5px; list-style: none; }