/*  
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/photos/wp-content/themes/ap2009-photo/images/fond-art-poemes.jpg); }

a { text-decoration: none; color: #63382a; }
a:hover { text-decoration: underline; color: #63382a; }

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

.tof { border: 0; text-align:center; }

.googlesearch { margin:0; }

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: 12px; }

.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/photos/wp-content/themes/ap2009-photo/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/photos/wp-content/themes/ap2009-photo/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: 5px; font-size: 13px; }
p a { color: #1e4f2a; text-decoration: underline; }
p a:hover { color: #1e4f2a; text-decoration: underline; }
p img { padding: 5px; border:0; }
p a img { padding: 5px; border:0; }

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

#comments { margin-bottom: 20px; border-top: 1px solid #654b23; width: 511px; }
#comments h2 { margin: 8px 0 20px 0; }

.commenttext { background-color: #fcfeee; margin: 0; padding: 0px 10px; display: block; width: 511px; }
.commenttext p { margin: 0; padding: 5px 0; width: 511px; }

.data { color: #666; font-size: 10px; margin: 5px 0 30px 0; }
.data a { color: #654b23; text-decoration: underline; }
.data .poster strong { font-weight: bold; color: #654b23; }


/* ---------------- Formulaire ------------------*/

#commentform { margin-bottom: 25px; border-top: 1px solid #654b23; }
#commentform strong { color: #654b23; }
#commentform h2 { margin: 8px 0 20px 0; }
#commentform .guidelines strong { font-weight: bold; color: #654b23; }

#commentform .name { float: left; margin-right: 21px; }
#commentform .email { float: left; }
#commentform .url { margin: 10px 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; }