/*

Theme Name: Pur Café

Theme URI: http://www.pur-cafe.com/blog/

Description: Le thème du site Pur Cafe

Version: 2.0

Author: Maud Rubeaud

Author URI: http://www.hypaepa.com/

Tags: green, brown, coffee, custom header, fixed width, two columns, widgets 



Pur Café v2.0

http://www.pur-cafe.com



*/



/*********************************************************

          1. SQUELETTE

**********************************************************/

* {padding:0; margin:0;}



html { background-color:#ecd8be ;}

body { background:url("images/fond-body.gif") repeat-x; font-family:Arial,Helvetica,sans-serif; text-align:center; }

#page { margin:0 auto; position:relative; text-align:left; width:1000px;}

#content { float:left; margin-top:10px; width:625px; }

#sidebar { float:left; margin-top:10px; width:375px; }



li { list-style:inside;}

small { font-size:11px; line-height:1.5em; }

a:hover { text-decoration:underline; }

a img { border:none; }



.center { text-align:center; }

.hidden { display:none; }

hr { display:none; }

 .clear { clear:both; }



select {  width:130px; }

.alt { margin:0; padding:10px; }

.children { padding:0; }



/*********************************************************

          2.HEADER

**********************************************************/

#header { background:url("images/header.jpg") no-repeat scroll center top transparent; height:154px; }

#header .description { display:none;}

#header h1 { display:none; }





/*********************************************************

          3. MENU HORIZONTAL

**********************************************************/

#menu-hor { font-family:Arial; 	font-size:12px; font-weight:bold; text-transform:uppercase; margin-top:1px; }

#menu-hor ul li { float:left; height:39px; list-style:none outside none; margin:auto 10px; }

#menu-hor a { color:black; display:block; height:39px; padding:10px;}

#menu-hor a:hover { color:white; background:url(images/fond-menu-on.gif) no-repeat center top;}





/*********************************************************

          4. DIV CENTRALE

**********************************************************/



/* Postmetadata */

.postmetadata { clear:both; }

.narrowcolumn .postmetadata { font-size:12px; margin:20px;  padding-top:5px;}

.narrowcolumn .postmetadata a {background:url("images/fond-tag.gif") no-repeat scroll right center transparent; color:white; padding:2px 25px 2px 10px;}

.narrowcolumn .postmetadata a.comments-link; .narrowcolumn .postmetadata a.post-edit-link {background:none repeat scroll 0 0 transparent; color:grey; font-weight:bold;}



.postmetadata ul, .postmetadata li { display:inline; list-style-image:none; list-style-type:none; }



/* Entry */

/*.entry {color:#303030; font-size:12px; margin:20px; padding:0 0 0 20px;} 

.entry p {line-height:17px; margin:10px 20px auto auto;}

.entry li {line-height:17px;}

.entry a { color:#86b500;}

.entry form { text-align:center; }
*/

.entry {padding:0px 20px; color:#303030;}

.entry p {line-height:17px; margin:10px auto;}

.entry li {line-height:17px;}

.entry a { color:#86b500; }



.post .meta {color:#999999; font-size:11px; margin:15px; padding:0;}

.post .meta a { color:#86b500; }


/*
html > body .entry ul { list-style:none outside none; margin-left:0; padding:0 0 0 10px; text-indent:-10px; }
*/
html > body .entry li { margin:7px 0 8px 10px; }

.entry ol { margin:0; padding:0 0 0 35px; }

.entry ol li { margin:0; padding:0; }



.post { background-color:white; text-align: justify; width:610px; margin-bottom:20px; padding-bottom:15px; font-size:12px; }

.post hr { display:block; }



p.nav-billets {background:none repeat scroll 0 0 #2B1C13; font-size:12px; margin:10px 0; padding:3px; width:620px;}

p.nav-billets a { color:#86b500; margin:auto 100px;}



div.story {padding:0px 20px; color:#303030;}

div.story p {line-height:20px; margin:10px auto;}

div.story li {line-height:20px;}

div.story a { color:#86b500; }



/* Widecolumn */

.widecolumn { padding:10px 0 20px; width:450px; }

.widecolumn .postmetadata { margin:30px 0; }

.widecolumn .smallattachment { float:left; margin:5px 5px 5px 0; text-align:center; width:128px; } 

.widecolumn .attachment { margin:5px 0; text-align:center; }

.widecolumn .post { margin:0; }





/* Img */

p img { max-width:100%; padding:0; }

img.centered { display:block; margin-left:auto; margin-right:auto; }

img.alignright {  display:inline; margin:0 0 2px 7px; padding:4px; }

img.alignleft { display:inline; margin:0 7px 2px 0; padding:4px; }





/* Annexe */

code { font:12px 'Courier New',Courier,Fixed; }

.navigation .alignright {margin:5px 55px 0 0;}

.alignright {  float:right; margin:5px 5px 0 0; }

.alignleft { float:left; margin:5px 0 0 5px; }

.alignleft a, .alignright a { color:#86B500; font-weight:bold;} 

.aligncenter, div.aligncenter { display:block; margin-left:auto; margin-right:auto; }









/*********************************************************

          5. TAILLES DE H

**********************************************************/

h1, h2, h3 { font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif; font-weight:bold; }

h1 { font-size:4em; text-align:center; margin:0; padding-top:70px; }

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { color:white; text-decoration:none; }



h2 { color:white; background:url('images/fond-h2-post.jpg') no-repeat left top; font-weight:normal; padding:30px 70px 5px 15px;  font-size:18px; font-family:Arial,Sans-Serif;}

h2 a { color:white;}



h3 { font-size:1.3em; margin:0; padding:0;}

h3, h3 a, h3 a:visited { color:#86B500; display:block; font-size:17px; padding:20px 10px; }



h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration:none;}





/*********************************************************

          6. COMMENTAIRES

**********************************************************/

h3#comments { background:none repeat scroll 0 0 #FFFFFF;

color:#303030;

font-size:13px;

/*margin:20px 30px -20px 0;     */
margin:20px 15px -20px 0;

text-decoration:underline;}



h3.comments { margin:40px auto 20px; padding:0; }



.commentlist li ul li { font-size:1em; }

.commentlist li { font-size:13px; font-weight:normal; list-style:none outside none; }

.commentlist li .avatar { background:none repeat scroll 0 0 #FFFFFF; border:1px solid #EEEEEE; float:left; margin-right:20px; padding:2px; }

.commentlist cite, .commentlist cite a { font-size:13px; font-style:normal; font-weight:normal; }

.commentlist p { background:none repeat scroll 0 0 #FAF2E7; font-weight:normal; line-height:1.5em; text-transform:none;  font-size:11px; margin:10px 5px 10px 0; padding:10px; width:90%;  margin:10px 5px 10px 0;}



#commentform input { margin:5px 5px 1px 0; padding:2px; width:170px; }

#commentform { margin:5px 10px 0 0; width:620px; }

#commentform textarea { padding:2px; width:100%; }

#commentform  {color:#86B500;}



#respond {background:none repeat scroll 0 0 #3B170A; color:white; font-size:18px; font-weight:normal; margin:20px 0 0; padding:0 10px; width:600px;}

#respond:after { clear:both; display:block; height:0; visibility:hidden; }



#commentform #submit { float:right; margin:0 0 5px auto; }



.commentlist {background:none repeat scroll 0 0 white;

border-bottom:1px double white;

padding:0 0 0 15px;

text-align:justify;

width:595px;}

.commentlist li { background:none; list-style:none outside none; margin:15px 0 10px; padding:5px 5px 10px 10px; width:600px; }

.commentlist li a { color:#86B500; text-decoration:none; }

.commentlist li ul li { margin-left:10px; margin-right:-5px; }





#commentform p { margin:5px 0; font-size:12px; }

.nocomments { margin:0; padding:0; text-align:center; }

.commentmetadata { display:none; }



p.cmttime {background:none repeat scroll 0 0 transparent; font-weight:bold; margin:0; padding:0; border:none;}

p.posted {background:none repeat scroll 0 0 #FFFFFF;

/*margin:0 30px 0 -20px;   */
margin:0 -5px 0 -20px;

padding:10px;}





/*********************************************************

          7. SIDEBAR

**********************************************************/


div.leftsidebar { float:left; margin:0 10px 0 0;}
div.rightsidebar { float:left; margin:10px 0 0 0;}

/* Calendar */

#wp-calendar #prev a, #wp-calendar #next a { font-size:9pt; }

#wp-calendar a { text-decoration:none;  display:block;}

#wp-calendar caption { font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif; text-align:center; }

#wp-calendar th { font-style:normal; text-transform:capitalize; }

#wp-calendar { empty-cells:show; margin:10px auto 0; width:155px; }

#wp-calendar #next a { padding-right:10px; text-align:right; }

#wp-calendar #prev a { padding-left:10px; text-align:left; }



#wp-calendar caption { text-align:center; width:100%; }

#wp-calendar td { padding:3px 0; text-align:center; }

#wp-calendar td.pad:hover { background-color:#FFFFFF; }



/* Caption */

.wp-caption { -moz-border-radius:3px 3px 3px 3px; background-color:#F3F3F3; border:1px solid #DDDDDD; margin:10px; padding-top:4px; text-align:center;

}

.wp-caption img { border:0 none; margin:0; padding:0; }

.wp-caption p.wp-caption-text { font-size:11px; line-height:17px;  margin:0; padding:0 4px 5px; }



/* Rechercher */

label.screen-reader-text { display:none;}







#sidebar h2 {background:url("images/haut-de-box.gif") no-repeat scroll 0 0 transparent; font-family:arial; font-size:14px; font-weight:bold; height:22px; padding:10px 0 0 15px;}

#sidebar .widget_text { background:none;}

#sidebar ul, #sidebar ul ol { margin:0; padding:0; }

#sidebar ul li { list-style-image:none; list-style-type:none; margin-bottom:15px; width: 219px; background:url("images/fond-box.gif") bottom center;padding-bottom:7px; }

#sidebar ul li form { margin:10px 0 0 10px; }

#sidebar ul li form input[type=text] { width:60%;}

#sidebar ul p, #sidebar ul select { margin:5px 0 8px; }

#sidebar ul ul, #sidebar ul ol { margin:5px 0 0 10px; }

#sidebar ul ul ul, #sidebar ul ol { margin:0 0 0 10px; }

ol li, #sidebar ul ol li { list-style:decimal inside none;}

#sidebar ul ul li, #sidebar ul ol li { background:none repeat scroll 0 0 transparent; border-bottom:1px solid #E8E8E8; font-size:11px; list-style:none outside none; margin:5px 0 0; padding:0 0 8px; width:206px; }

#sidebar ul ul li a { color:#303030; text-decoration:none;}

#sidebar ul ul li a:hover { color:#669900;}

#sidebar #searchform #s { padding:2px; width:108px; }

#sidebar #searchsubmit { padding:1px; }

#sidebar form { margin:0;}







/*********************************************************

          FOOTER

**********************************************************/

#footer { clear:both; margin:0 auto; padding:10px 0; width:100%; background:url("images/fond-footer.gif") repeat-x; }

#footer span { color:white; font-size:12px; margin:0 20px; }

#footer span a{ color:#adc500; text-decoration:none; }







/*********************************************************

          ANNEXES

**********************************************************/

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color:#777777; }



acronym, abbr, span.caps { font-size:0.9em; letter-spacing:0.07em; }

acronym, abbr, span.caps { cursor:help;}

acronym, abbr { border-bottom:1px dashed #999999; }

blockquote {  border-left:5px solid #DDDDDD; margin:15px 30px 0 10px; padding-left:20px; }

blockquote cite { display:block; margin:5px 0 0; }



.navigation { background-color:white; font-size:11px; text-align:center; }

table#MBL_COMM { margin:5px 15px;}
