/*
Theme Name: Durabilithe
Theme URI: http://durabili-the.com/
Description: Durabilithe Theme - Blog for Lipton
Version: 1.0
Author: STEAW
Author URI: http://steaw-webdesign.com/
Tags: fixed-width, yellow

	Durabilithe
	http://durabili-the.com/

*/

/* R3S3T */
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,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;}

/* 1NTR0 */
body{ background:#fadc30 url(hab/body-gradient.png) repeat-x top center; color:#2e251f; font-family:Arial,sans-serif; font-size:14px; line-height:20px;}
a{ color:#337a7e/*#337a7e*/; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
button,input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:12px;}
input.text,
textarea{ background:#fff url(hab/input.png) repeat-x top left; border:2px solid #bcab8b; color:#a8a8a8; font-size:14px; font-weight:bold; padding:5px;}

/* C0MM0N */
.wrap{ margin:0 auto; position:relative; width:1000px;}
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}

.follow li{ background:url(hab/white-40.png); -moz-border-radius:5px; -webkit-border-radius:5px; display:block; height:16px; line-height:16px; margin-bottom:5px; padding:5px;}
.follow a{ background:url(hab/follow.png) no-repeat top left; float:left; height:16px; padding-left:20px;}
.follow .mail a{ background-position:0 0;}
.follow .rss a{ background-position:0 -20px;}
.follow .twitter a{ background-position:0 -40px;}

.flickr li{ display:inline;}
.flickr a{ background:url(hab/white-40.png); border:1px solid #fff; float:left; margin:0 3px 3px 0; padding:3px;}
.flickr a:hover{ background:#fff;}
.flickr img{ display:block; width:50px;}

.pagination{ height:30px;}
.pagination a,
.post-content .more-link{ background:url(hab/white-60.png) repeat; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:14px; height:20px; padding:5px 10px;}
.pagination .next a{ float:left;}
.pagination .prev a{ float:right;}

.title{ font-family:Georgia,serif; font-size:22px; font-style:italic; line-height:26px; margin-bottom:20px;}

/* H34D3R */
.global,
.global-top{ margin:0 auto; position:relative;}
.global{ background:url(hab/global.png) repeat-y top center; width:1000px;}
.global-top{ background:url(hab/global-top.jpg) no-repeat top center; padding:0 20px 100px; position:relative; width:960px; z-index:1000;}
.header{ height:210px; position:relative; z-index:1200;}
.logo{ display:block; height:190px; left:0; overflow:hidden; position:absolute; text-indent:-290486px; top:40px; width:306px; z-index:1400;}
.nav{ left:320px; position:absolute; top:135px; width:640px; z-index:1400;}
.nav li{ background:url(hab/nav-li.gif) no-repeat top left; float:left; height:34px; padding-left:1px;}
.nav li.first{ background:none;}
.nav a{ color:#0c6e0a; float:left; font-size:15px; font-weight:bold; height:34px; line-height:34px; letter-spacing:-.05em; margin-right:11px; padding:0 5px 0 15px; position:relative;}
.nav li a{
[letter-spacing:-.05em;
letter-spacing:-1px;
]letter-spacing:-.05em;
}
.nav a .bkg{ background:no-repeat top right; height:34px; position:absolute; right:-10px; top:0; width:10px;}
.nav .on a,
.nav a:hover{ background:no-repeat top left; color:#fff; text-decoration:none;}
.nav .on a,
.nav .on .bkg,
.nav a:hover,
.nav a:hover .bkg{ background-image:url(hab/nav-hover.png);}
.nav li.first a,
.nav li.first a .bkg{ background-image:url(hab/nav-first.png); color:#0c6e0a;}

/* STRµCµR3 */
.main{ float:right; margin-right:60px; width:550px;}
.side{ float:left; margin-left:40px; padding-top:320px; width:240px;}
.hello{ font-size: 16px; background:url(hab/white-50.png) repeat; -moz-border-radius:10px; -webkit-border-radius:10px; color:#555; margin-bottom:25px; padding:10px 30px; text-align: center;}

/* P0ST */
.post,
.comments{ border-bottom:1px solid #fff; margin-bottom:20px; padding-bottom:20px; position:relative;}
.post-title,
.comments-title,
.respond-title{ font-size:26px; font-weight:bold; line-height:30px;}
.post-title a,
.comments-title,
.respond-title{ color:#004b00;}
.post-avatar{ left:-78px; position:absolute; width:68px;}
.post-avatar{ display:block; height:68px; top:0;}
.post-edit{ display:none; font-family:Verdana,Arial,sans-serif; font-size:11px; font-weight:bold; padding-left:5px;}
.post-edit a{ color:#fff !important; text-decoration:none !important;}
.post:hover .post-edit{ display:inline;}
.post-edit a{ background:#337a7e; color:#fff; padding:2px 5px;}
.post-info,
.post-info a,
.post-meta,
.post-meta a,
.comment-meta,
.comment-meta a{ color:#9e6109;}
.comment-content p{margin-bottom: 7px;}
.post-info,
.post-meta,
.comment-meta{ font-size:12px; line-height:16px;}
.post-info a,
.post-meta a,
.comment-meta a{ text-decoration:underline;}
.post-info{ margin-bottom:10px;}
.post-comments{ float:right;}
.post-content{ font-size:14px; line-height:20px;}
#myAlternativeContent,
.post-content p{ padding-bottom:15px;}
.post-content li{ background:url(hab/ico-leaf.png) no-repeat 0 -2px; padding-bottom:12px; text-indent:37px !important;}
.post-content ul,
.post-content ol{ padding-bottom: 14px;}
.post-content strong{ color:#9E6109;}
.post-content small,
.post-content sup{ font-size:11px; line-height:16px;}
.post-content p img{ background:url(hab/white-40.png); border:1px solid #fff; padding:4px;}
.post-content img a:hover{ background:#fff;}
.post-content .more-link{ display:block; width:98px; text-align:center; margin-left:auto; margin-right:auto; font-weight: 700;}
.sociable{ float:right; height:16px; line-height:16px; margin-right:10px;}
.sociable div,
.sociable ul,
.sociable li{ display:inline;}
.sociable li,
.sociable div{ margin-right:5px;}
.sociable img{ vertical-align:bottom;}
.category-twitter .post-content p{ display: inline;}
.category-twitter .post-meta{ margin-top: 10px; }

.comment-title{ }
.comments-list li{ background:url(hab/white-60.png) repeat; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:10px; padding:10px 52px 10px 10px; position:relative;}
.comment-number{ color:#ba161b; font-family:Georgia,serif; font-size:20px; font-style:italic; height:20px; left:-30px; line-height:20px; position:absolute; text-align:center; top:10px; width:20px;}
.comment-avatar{ position:absolute; right:10px; top:10px;}
.comment-meta{ margin-bottom:5px;}

.respond label{ color:#4a4a4a; float:left; font-size:14px; margin-right:10px; padding-top:5px; text-align:right; width:80px;}
.respond input.text{ width:188px;}
.respond-connected,
.respond-line{ margin-bottom:10px;}
.respond-connected,
.respond-submit{ padding-left:90px;}
.respond-message textarea{ height:120px; margin-bottom:10px; resize:none; width:445px;}

/* P4G3 */
.page .post-content{ font-size:18px; line-height:24px;}
.page .post-content p{ padding-bottom:20px;}
.page .post-content li{ padding-bottom:20px;}

.maps{position:relative;}
.maps img{position:absolute; right:8px; top:8px;}
.maps img.right{top:15px;}
.maps img.bottom{top:299px;}
.maps img.left{right:233px; top:15px;}

.intro{ margin-bottom:20px;}
.intro h1{ background:transparent none no-repeat scroll left top; overflow:hidden; text-indent:-290486px; width:600px;}
.intro h1.voyage{ background-image:url(img/voyage.png); height:94px;}
.intro h1.challenge{ background-image:url(img/challenge.png); height:93px;}
.intro h1.jeu{ background-image:url(img/jeu.png); height:61px;}
.intro h1.gagnants{ background-image:url(img/gagnants.png); height:62px;}
.intro h1.credits{ background-image:url(img/credits.png); height:62px;}
.intro h1.mentions{ background-image:url(img/mentions.png); height:62px;}

.rules{ background:url(hab/white-40.png); -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:30px; padding:20px 30px 0 20px;}
.rules p{ margin-bottom:0; padding:10px 0 30px 105px !important;}
.rules .rule-01{ background:url(hab/rule-01.png) no-repeat top left; height:100px;}
.rules .rule-02{ background:url(hab/rule-02.png) no-repeat top left; height:97px;}
.rules .rule-03{ background:url(hab/rule-03.png) no-repeat top left; height:90px;}
.rules .rule-04{ background:url(hab/rule-04.png) no-repeat top left; height:104px;}
.rules .rule-05{ background:url(hab/rule-05.png) no-repeat top left; height:103px;}

.resultats{ background:url(hab/white-40.png); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:20px; padding:20px 10px 10px 20px;}
.resultats p{ padding:0 0 20px 80px !important;}
.resultats em{ font-size:14px; line-height:20px; font-style: italic;}
.resultats .crousee{ background:url(avatars/crousee.png) no-repeat top left;}
.resultats .mrboo{ background:url(avatars/mrboo.png) no-repeat top left;}
.resultats .sylvie{ background:url(avatars/sylvie.png) no-repeat top left;}
.resultats .larcenette{ background:url(avatars/larcenette.png) no-repeat top left;}

.choose{ margin:0 auto; width:490px; font-size:12px; line-height: 16px;}
.choose-box{ background:url(hab/choose-box.png) no-repeat top left; display:block; height:90px; margin-bottom:5px; position:relative; width:467px;}
.choose-box span{ display:block;}
.choose-box input{ position:absolute; left:3px; top:36px;}
.choose-box .user-avatar{ left:26px; position:absolute; top:11px;}
.choose-text{ left:106px; position:absolute; top:10px;}
.choose-text .user-nickname{ color:#9e6109; font-size:18px; margin-bottom: 5px;}

.user{ background:url(hab/white-60.png); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:10px; padding:10px 10px 30px;}
.user-avatar{ color:#9e6109; font-size:18px; font-weight:bold; letter-spacing:-.05em;}
.user-name{ color:#9e6109; font-size:18px; font-weight:bold; letter-spacing:-.05em;}
.user-nickname{ color:#5e5e5e; font-size:16px; font-weight:bold; letter-spacing:-.05em;}
.user-blog{ font-size:16px;}
.user-blog a{ color:#618f25;}
.user-quote{ font-style:italic; margin-bottom:5px;}
.user-article a{ background:url(hab/arw-reply.png) no-repeat 0 0; color:#337a7e; padding-left:15px;}
.user-text{ float:left; height:190px; width:240px;}
.user .user-avatar{ float:left; height:190px; margin-bottom:20px; width:200px;}
.user .user-blog{ margin-top:40px;}
.user .user-quote{ clear:left; font-size:16px; line-height:18px;}
.user .user-article{ font-size:14px;}


/* PNG */
.png{ background:no-repeat top left; overflow:hidden; text-indent:-290486px;}

/* S1D3 */
.side a{ color:#004b00;}
.side-bloc{ margin-bottom:20px; width:180px;}
.side-title{ color:#555; font-family:Georgia,serif; font-size:16px; font-style:italic; line-height:20px; margin-bottom:5px;}

/* F00T3R */
#footer {clear:both; float:right; margin-right:60px; padding-top:40px; width:550px; font-size: 11px; text-align: center;}
#footer, #footer a {color: #897455;}