/*
Theme Name: 29 minutes par jour
Theme URI: http://29minparjour.com/
Description: 29 minutes par jour
Version: 1.0
Author: Jeremy Thomas
Author URI: http://bbxdesign.com/
Tags: fixed-width

	Empty v1.0
	 http://bbxdesign.com/

	This theme was designed and built by Jeremy Thomas,
	whose blog you will find at http://bbxdesign.com/

*/

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0;}

body{ background:#f4f4f4 url(body.png) top center repeat-x; color:#222; font-family:Arial,sans-serif; font-size:12px;}
a{ color:#c52f24; text-decoration:none;}
a:visited{ color:#d76e66;}
a:hover{ color:#c52f24; text-decoration:underline;}
a:active{ background:#f6e69f;}
h2{ font-family:Georgia,serif; font-size:26px; line-height:30px;}
h3{ font-family:Georgia,serif; font-size:20px; line-height:20px;}
h4{ font-family:Georgia,serif; font-size:16px; font-style:italic; line-height:20px;}
em{ font-style:italic;}
pre{ font-family:'Courier New',monospace; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word;}
strong{ font-weight:bold;}

.title{ padding:5px 40px 10px 80px;}
.title h3 span{ background:#f6e69f; padding:2px;}
.post{ margin-bottom:20px; position:relative;}
.post-title{ line-height:30px; padding:5px 40px 10px 80px;}
.post-date{ background:url(date.png) top center no-repeat; font-weight:bold; height:60px; left:5px; position:absolute; text-align:center; top:0; width:50px;}
.post-date span{ display:block;}
.post-date .day{ color:#fff; font-size:30px; line-height:40px;}
.post-date .month{ color:#c52f24; font-size:16px; line-height:20px; text-transform:lowercase;}
.post-date .border{ background:url(date-border.png) top center repeat-x; display:block; height:2px; left:5px; position:absolute; top:20px; width:40px;}
.post-content{ font-size:14px; line-height:20px; padding:0 20px 10px 80px;}
.post-content h3{ background:#f6e69f; margin:30px 0 10px 0; padding:5px 0;}
.post-content h4{ color:#656565; margin:30px 0 10px 0;}
.post-content p,
.post-content ol,
.post-content ul{ margin-bottom:10px;}
.post-content pre{ padding:10px;}
.post-content ol{ list-style-type:decimal; padding:0 40px;}
.post-content ul{ list-style-type:disc; padding:0 40px;}
.post-content blockquote{ background:url(quote-left.png) top left no-repeat; color:#656565; font-family:Georgia,serif; font-size:16px; font-style:italic; margin:20px; padding-left:40px;}
.post-content blockquote p{ background:url(quote-right.png) bottom right no-repeat; margin:0; padding-right:40px;}
.post-content code{ background:#f4f4f4; border:1px solid #919191; font-family:monospace; padding:0 2px;}
.post-excerpt{ font-size:14px; line-height:20px; padding:0 40px 10px 80px;}
.post-meta{ height:20px; line-height:20px; padding:0 40px 10px 80px;}
.post-meta a{ padding:2px}
.post-meta .tags{ float:left;}
.post-meta .comment{ float:right;}
.post-nav{ height:60px; line-height:20px; margin:10px 20px 20px 80px;}
.post-nav h3{ margin-bottom:10px;}
.post-nav .next{ float:right;}
.post-nav .prev{ float:left;}
.post-nav a{ background:#f4f4f4; border:1px solid #919191; color:#c52f24; font-weight:bold; padding:5px 10px;}
.post-nav a:hover{ background:#f6e69f; border-color:#c52f24; text-decoration:none;}
.post-nav a:active{ background:#f6e69f; border-color:#f6e69f;}
.post-edit{ font-weight:bold; position:absolute; right:0; top:0;}
.post-edit a{ background:#c52f24; color:#fff; padding:2px 4px;}
.search-excerpt{ background:#f6e69f;}
.pagination{ height:20px; line-height:20px; margin:0 20px 10px 80px;}
.pagination .next{ float:left;}
.pagination .prev{ float:right;}
.pagination a{ background:#f4f4f4; border:1px solid #919191; color:#c52f24; font-weight:bold; padding:5px 10px;}
.pagination a:hover{ background:#f6e69f; border-color:#c52f24; text-decoration:none;}
.pagination a:active{ background:#f6e69f; border-color:#f6e69f;}
.chronology .post{ margin-bottom:0;}

#global{ margin:0 auto; position:relative; width:800px;}
#header{ height:120px; line-height:120px; position:relative; width:600px;}
#header h1{ left:50px; position:absolute; top:10px;}
#header h1 a{ background:url(logo.png) top left no-repeat; display:block; height:100px; outline:none; width:260px;}
#header h1 a:hover{ text-decoration:none;}
#header h1 a span{ visibility:hidden;}
#header h3{ line-height:120px; position:absolute; right:0;}
#main{ background:url(main.png) top left repeat-y; float:left; min-height:750px; width:620px;}
#main .bkg{ background:url(main-top.png) top left no-repeat; padding:20px 20px 0 0;}
#nav{ color:#919191; font-size:11px; height:30px; line-height:30px; padding-left:80px;}
#nav li{ border-right:1px solid #ccc; display:inline; font-weight:bold; margin-right:10px; padding-right:10px;}
#nav li a:visited{ color:#c52f24;}
#side{ color:#919191; float:left; font-size:11px; line-height:16px; padding-left:20px; width:160px;}
#side .bloc{ background:url(side-border.png) bottom center repeat-x; margin-bottom:20px; padding-bottom:22px;}
#side .bloc h3{ color:#222; margin-bottom:5px;}
#side .bloc strong{ color:#656565;}
#side .bloc.rss{ padding:0;}
#side .bloc.rss h3 a{ background:url(rss.png) center left no-repeat; color:#222; display:block; height:50px; left:-5px; line-height:50px; position:relative; text-indent:60px; top:-12px;}
#side .bloc.search #s{ display:block; float:left; padding:2px; width:120px;}
#side .bloc.todo ul li{ background:center left no-repeat; padding-left:16px;}
#side .bloc.todo ul .done{ background-image:url(done.png); text-decoration:line-through;}
#side .bloc.todo ul .current{ background-image:url(current.png);}
#side .bloc.last{ background:none; margin:0; padding:0;}
#side .bookmarks{ padding-bottom:10px;}
#side .blogroll{ margin:10px 0 10px 10px;}
#footer{ background:url(footer.png) top left no-repeat; clear:both; color:#919191; font-size:11px; height:20px; line-height:20px; padding:30px 0 20px 60px;}
#footer a{ padding:2px}
#footer a img{ vertical-align:middle;}
#footer .icons{ float:right;}
#footer .icons a{ background:url(footer-icons.png) no-repeat; display:block; float:left; height:20px; padding:0;}
#footer .icons a.wordpress{ background-position:top left; margin-right:8px; width:88px;}
#footer .icons a.bbxdesign{ background-position:top right; width:74px;}
#footer .icons a span{ visibility:hidden;}
#footer .icons a:hover{ text-decoration:none;}
#footer .icons a.wordpress:hover{ background-position:bottom left;}
#footer .icons a.bbxdesign:hover{ background-position:bottom right;}

#comments{ padding:5px 40px 10px 80px;}
.commentlist{ padding:0 20px 20px 80px;}
.commentlist li{ background:#e9e9e9; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 20px 40px; padding:10px; position:relative;}
.commentlist li .avatar{ left:-40px; position:absolute; top:0;}
.commentlist li p{ font-size:14px; line-height:20px; padding:10px;}
.says,
.comment-meta{ display:none;}
#respond{ padding:0 20px 10px 80px;}
#respond h3{ margin-bottom:10px;}
#commentform{ background:#f6e69f; -moz-border-radius:5px; -webkit-border-radius:5px; padding:20px;}
#commentform p{ margin-bottom:10px;}
#commentform p label{ display:block; float:left; padding:4px 10px 0 0; text-align:right; width:60px;}
#commentform p label span{ color:red;}
#commentform p input.text{ padding:2px;}
#comment{ font-family:Arial,sans-serif; height:140px; margin-left:70px; padding:10px; width:370px;}
#submit{ margin-left:70px;}
#commentform .subscribe-to-comments{ margin-left:70px;}
#commentform .subscribe-to-comments label{ cursor:pointer; display:inline; float:none; padding:0; text-align:left; width:auto;}