/* bbxdesign css document */

/* Theme Name: bbxdesign
Theme URI: http://bbxdesign.com/
Description: Th&egrave;me de base de <a href="http://bbxdesign.com/">bbxdesign</a>.
Version: 1.0
Author: Jeremy Thomas
Author URI: http://bbxdesign.com */

/*
#0072bc
#41a62a
*/
*{ color:#333; list-style-type:none; margin:0; outline:none; padding:0; text-decoration:none;}
body{ background:url(hab/body.gif) top center repeat-x; font-family:"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;}

a,li,p{ font-size:12px;}
h1{ font-size:18px;}
h2{ font-size:16px;}
h3{ font-size:14px;}

a:hover{ text-decoration:underline;}
acronym{ border:none; cursor:help;}
img{ border:none;}
ol{ margin-left:10px;}
ol li{ list-style:decimal inside;}

/* $$$$$$ STRUCTURE $$$$$$ */

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =header */
#header{ background:url(hab/header.jpg) no-repeat; height:200px; margin:0 auto; position:relative; width:950px;}
#logo{ display:block; height:77px; margin-left:46px; width:271px;}
#flash{ position:absolute; right:0; top:0;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =navbar */
#navbar{ left:93px; margin:0 auto; position:relative; width:930px;}
#navbar li{ display:inline;}
#navbar li a{ color:#fff; display:block; float:left; font-size:16px; font-weight:bold; height:40px;/*33*/line-height:38px;/*33*/ outline:none; text-align:center; width:186px;/*186px*/}
#navbar li a:hover{ background:url(hab/navbar.gif) center no-repeat; text-decoration:none; width:186px;/*186px*/}

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =main */
#main{ clear:both; margin:0 auto; position:relative; top:20px;/*35px*/ width:950px;}
#main li,
#main p{ line-height:20px;}
#main blockquote{ background:#f5f5f5; border:1px solid #ccc; font-weight:bold; margin:0 10px 12px 10px; padding:10px;}
#content{ float:left; padding:10px; padding-top:0; width:660px;}/* 680px */

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
#sidebar{ float:right; padding:10px; padding-top:0; width:250px;}/* 270px */
#sidebar h2{ background:#eee url(hab/sidebar-h2.gif) no-repeat; color:#41a62a; font-family:Georgia, "Times New Roman", Times,"Trebuchet MS", Arial, Verdana, Helvetica, serif, sans-serif; font-size:18px; font-weight:normal; height:30px; line-height:30px; text-align:center;}
#sidebar ul{ margin-bottom:30px;}
#sidebar ul li a{ border-bottom:1px solid #eee; display:block; font-weight:bold; height:25px; padding:0 10px; position:relative;}/*dashed #ccc*/
#sidebar ul li a:hover{ background:#fafafa; color:#41a62a; text-decoration:none; text-indent:10px;}

#tag-cloud{ bottom:20px; position:relative; text-align:center;}
#tag-cloud h2{ background:url(hab/tag-cloud.gif) top center no-repeat; color:#0072bc; font-family:"Century Gothic", Georgia, Verdana, Arial, Helvetica, sans-serif; height:133px; line-height:123px;}
#tag-cloud a{ color:#0072bc;}

#recent a{ border-bottom:1px solid #eee; display:block; font-weight:bold; padding:5px 10px;}
#recent a .recent-author{ color:#0072bc; display:block;}
#recent a:hover{ background:#fafafa; text-decoration:none;}

#footer{ background:url(hab/footer.jpg) bottom center no-repeat; clear:both; height:350px; padding-top:0px;}/*50px*/
#footer h2{ color:#41a62a; font-family:Arial, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; letter-spacing:2px; position:relative; text-align:center; top:85px;}/*85px*/
#footer h2 a{ font-size:12px;}

/* $$$$$$ CLASSES $$$$$$ */

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =post */

#main .post{ margin-bottom:40px;}
#main .post a{ color:#0072bc;}
#main .post h1{ background:url(hab/post-h1.gif) no-repeat; font-family:Georgia, "Times New Roman", Times,"Trebuchet MS", Arial, Verdana, Helvetica, serif, sans-serif; font-size:18px; font-weight:normal; height:50px; line-height:50px; padding-left:100px;}
#main .post h1 a{ color:#0072bc; font-size:18px; height:50px; line-height:50px;}
#main .post .post-info{ background:url(hab/post-info.gif) no-repeat; font-weight:bold; padding:2px 20px 3px 20px;}
#main .post .post-date{ color:#41a62a; float:right;}
#main .post .post-category a{ color:#41a62a;}
#main .post .post-entry{ background:url(hab/post-entry.gif) repeat-y; font-family:Arial, Verdana, Helvetica, sans-serif; padding:20px; padding-bottom:0px;}
.post-entry h2{ border-bottom:1px solid #0072bc; color:#0072bc; height:25px; line-height:25px; margin-bottom:12px;}
.post-entry h2 acronym{ color:#0072bc;}
.post-entry h3{ color:#41a62a;}
.post-entry p,
.post-entry ul,
.post-entry ol{ padding-bottom:12px;}
.post-entry p img.excerpt{ float:left; margin:0 20px 10px 0;}
.post-entry ul{ margin-left:10px;}
.post-entry ul li{ border-left:2px solid #ccc; padding-left:10px;}
#main .post .more-link{ background:url(hab/ico-more.gif) right no-repeat; color:#41a62a; margin-bottom:0px; padding-right:20px;}
#main .post .post-meta{ background:url(hab/post-meta.gif) no-repeat; padding:2px 20px 3px 20px; text-align:right;}
#main .post .comments-link{ background:url(hab/ico-comments.gif) no-repeat; padding-left:20px;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =single */
#main .single{ padding:0 10px 50px 10px;}
#main .single a{ color:#0072bc;}
#main .single h1{ background:url(hab/single-h1.gif) no-repeat; font-family:Georgia, "Times New Roman", Times,"Trebuchet MS", Arial, Verdana, Helvetica, serif, sans-serif; font-weight:normal; height:50px; line-height:50px; text-align:center;}
#main .single h1 a{ color:#0072bc; font-size:18px; height:50px; line-height:50px;}
#main .single-entry{ background:url(hab/single-entry.gif) repeat-y; font-family:Arial, Verdana, Helvetica, sans-serif; padding:20px;}
.single-entry h2{ border-bottom:1px solid #0072bc; color:#0072bc; height:25px; line-height:25px; margin-bottom:12px;}
.single-entry h2 acronym{ color:#0072bc;}
.single-entry h3{ border-bottom:1px solid #ccc; color:#41a62a; display:inline; line-height:25px;}
.single-entry p,
.single-entry ul,
.single-entry ol,
.single-entry pre{ margin-bottom:12px;}
.single-entry pre{ color:#009;}
.single-entry pre strong{ color:#f0f; font-weight:normal;}
.single-entry pre em{ color:#000fff; font-style:normal;}
.single-entry blockquote p acronym{ border-bottom:none;}
.single-entry p acronym{ border-bottom:1px dotted #333;}
.single-entry p img.excerpt{ display:none;}
.single-entry p.album{ text-align:center;}
.single-entry p.album img{ border:1px solid #ccc; padding:5px;}
.single-entry ul{ margin-left:10px;}
.single-entry ul li{ border-left:2px solid #ccc; padding-left:10px;}
.single-entry pre{ border:1px solid #ccc; color:#0072bc; padding:10px;}
#main .single-tags{ background:url(hab/ico-tag.gif) 10px 10px no-repeat; height:32px; line-height:32px; margin-top:20px; padding-left:35px;}
#main .single-nav{ background:#333 url(hab/single-nav.gif) no-repeat; height:50px; line-height:50px;}
#main .single-nav .previous-link a,
#main .single-nav .next-link a{ color:#41a62a; display:block; height:50px; font-weight:bold; line-height:50px; padding:0 10px; position:absolute; width:445px;}
#main .single-nav .next-link a{ left:475px; text-align:right;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =comments */
#comments{ background:url(hab/ico-comments.gif) no-repeat; line-height:16px; padding-left:20px;}
.commentlist{ margin:20px 0; padding-top:10px; padding-bottom:20px;}
.commentlist li{ border:1px solid #0072bc; list-style-position:outside; list-style-type:none; margin-bottom:20px; padding:10px; position:relative;}
.commentlist li.alt{ border-color:#41a62a;}
.commentlist li .commentauthor{ background:url(hab/ico-user-comment.gif) no-repeat; font-style:normal; font-weight:bold; line-height:25px; padding-left:20px; width:450px;}
.commentlist li .commentauthor a{ color:#41a62a; font-size:16px; font-style:normal; font-weight:bold;}
.commentlist li.alt .commentauthor a{ color:#0072bc;}
.commentlist li .commentmetadata a{ background:#fff url(hab/ico-date.gif) no-repeat; display:block; font-weight:bold; padding-left:20px; position:absolute; left:510px; top:10px;}/*color:#41a62a;*/

/* =comment form */
#commentform textarea{ margin:10px 0; width:500px;}
#commentform input#submit{ padding:0 10px;}

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* =active & focus */
#tag-cloud a:active{ background:#eee; text-decoration:none;}
#tag-cloud a:focus{ background:#eee; text-decoration:none;}

/*
#0072bc
#41a62a
*/

/* //////////////////////////////////////////////////////////////////////////////////////////////////// */
#tut01{ border:1px solid #5b9400; height:36px; list-style:none; margin:0 auto; padding:0; width:400px;}
#tut01 li{ /**/border:none; display:inline; /**/padding:0;}
#tut01 li a{ background:#434b4a; border-bottom:18px solid #070607; display:block; float:left; height:18px; line-height:18px; text-align:center; text-decoration:none; width:100px;}
#tut01 li a span{ color:#fff; font-weight:bold; position:relative; top:9px;}
#tut01 li a:hover{ background:#a2d84e; border-bottom:18px solid #7dbf0f;}