/*
Theme Name: bbxjulie
Theme URI: http://bbxdesign.com/
Description: bbxjulie
Version: 1.0
Author: Jeremy Thomas
Author URI: http://bbxdesign.com/
Tags: fixed-width, bbx

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

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

*/

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

body{ background:#050504 url(hab/night.png) no-repeat top center; color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px;}
a{ color:#025189; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
input.text,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px;}
input.submit{ cursor:pointer;}

.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}

.wrap{ margin:0 auto; position:relative; width:980px;}
.header{ height:220px;}
.nav{ height:35px; padding-left:55px;}
.nav li{ float:left; padding-top:5px; position:relative;}
.nav a{ background:url(hab/nav-off.png) no-repeat top left; color:#fff; float:left; font-size:16px; font-weight:bold; height:30px; line-height:30px; margin-right:10px; padding-left:10px; position:relative; text-align:center;}
.nav a .bkg{ background:url(hab/nav-off.png) no-repeat top right; height:30px; position:absolute; right:-10px; top:0; width:10px;}
.nav-01 a{ width:50px;}
.nav-01 .corner{ background:url(hab/nav-01.png) no-repeat top left; display:none; height:10px; left:5px; position:absolute; top:35px; width:10px;}
.nav-02 a{ width:80px;}
.nav-03 a{ width:60px;}
.nav-04 a{ width:70px;}
.nav-sep{ background:url(hab/nav-sep.png) repeat-x bottom left; float:left; height:30px; width:15px;}
.nav-end{ background:url(hab/nav-end.png) repeat-x bottom right; float:left; height:30px; width:530px;}

.main{ background:url(hab/main.png) repeat-y top left; float:left; margin:10px 0 40px 55px; padding:20px 5px 0; position:relative; width:560px;}
.main-top{ background:url(hab/main-top.png) no-repeat top left; height:10px; left:0; position:absolute; top:-10px; width:570px;}
.main-bottom{ background:url(hab/main-bottom.png) no-repeat top left; bottom:-20px; height:20px; left:0; position:absolute; width:570px;}

.wide{ background:url(hab/wide.png) repeat-y top left; float:left; margin:10px 0 40px 55px; padding:20px 5px 0; position:relative; width:910px;}
.wide-top{ background:url(hab/wide-top.png) no-repeat top left; height:10px; left:0; position:absolute; top:-10px; width:920px;}
.wide-bottom{ background:url(hab/wide-bottom.png) no-repeat top left; bottom:-20px; height:20px; left:0; position:absolute; width:920px;}

.post{ clear:both; margin-bottom:40px; padding:0 30px; position:relative;}
.post-title{ border-bottom:2px solid #e5edf3; font-size:32px; font-weight:bold; letter-spacing:-1px; line-height:30px; margin-bottom:10px; padding-bottom:5px;}
.post-title a{ color:#025189;}
.post-title a:hover{ color:#333; text-decoration:none;}
.post-meta{ background:#e5edf3; font-size:11px; font-weight:bold; padding:10px 30px; position:relative; top:-20px;}
.post-date{ background:url(hab/tab.png) no-repeat top left; color:#fff; font-weight:bold; height:48px; left:-55px; padding:2px 0 0 2px; position:absolute; text-align:center; top:0; width:48px;}
.post-date span{ display:block; text-shadow:#333 0 -1px 0;}
.post-day{ font-size:30px; letter-spacing:-1px; line-height:30px;}
.post-month{ font-size:14px; letter-spacing:2px; line-height:16px; opacity:0.8; text-transform:uppercase;}
.post-comments{ background:url(hab/tab-comment.png) no-repeat top left; color:#fff; display:block; font-size:20px; font-weight:bold; height:41px; left:-55px; line-height:27px; padding:9px 0 0 6px; position:absolute; text-align:center; text-shadow:#333 0 1px 2px; top:60px; width:44px;}
.post-comments:hover{ text-decoration:none;}
.post-content{ font-size:16px; line-height:26px;}
.post-content h3{ border-bottom:2px solid #e1e7d0; color:#678713; font-size:24px; font-weight:bold; line-height:26px; margin:30px 0 15px;}
.post-content h4{ color:#6b6334; font-family:Georgia,serif; font-size:18px; font-style:italic; margin:15px 0;}
.post-content blockquote,
.post-content p,
.post-content ol,
.post-content ul{ margin-bottom:15px;}
.post-content ol,
.post-content ul{ margin-left:30px;}
.post-content ol{ list-style-type:decimal;}
.post-content ul{ list-style-type:disc;}
.post-content a{ border-bottom:2px solid #e5edf3;}
.post-content a:hover{ border-color:#333; text-decoration:none;}
.post-content blockquote{ background:#f7f7f5 url(hab/quote-left.png) no-repeat 10px 10px; color:#6b6334; font-family:Georgia,serif; font-style:italic; left:-30px; padding:15px 20px 15px 60px; position:relative; width:480px;}
.post-content blockquote p{ background:url(hab/quote-right.png) no-repeat bottom right; margin-bottom:0;}
.post-edit a{ background:#025189; color:#fff; display:none; font-weight:bold; padding:2px 5px; position:absolute; right:0; top:0;}
/*.post:hover .post-edit a{ display:inline;}*/
.post-nav{ background:#e5edf3; height:33px; margin-bottom:20px; padding:0 30px 10px; position:relative; top:-20px;}
.post-nav a{ display:block; font-size:14px; height:33px; width:200px;}
.post-next a{ background:url(hab/next.png) no-repeat top left; float:left;  padding-left:50px;}
.post-prev a{ background:url(hab/prev.png) no-repeat top right; float:right; padding-right:50px; text-align:right;}
.post-excerpt{ font-size:16px; line-height:22px; max-height:135px; overflow:hidden;}
.post-excerpt br{ display:none;}
.post-thumb{ border:2px solid #025189; margin:0 10px 10px 0; padding:5px;}
.post-thumb img{ height:120px; width:120px;}
.wp-caption{ background:#f0efea; border:2px solid #b5b19a; margin-bottom:10px; padding:10px 0 5px 10px;}
.wp-caption-text{ font-size:11px; line-height:15px; }

.comments-title{ color:#6b6334; font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:30px; margin-bottom:20px; padding:0 30px; position:relative;}
.comments-icon{ background:url(hab/tab-comments.png) no-repeat top left; display:block; height:50px; left:-55px; position:absolute; top:-10px; width:50px;}
.comments-list{ border-top:1px solid #f0efea;}
.comments-list li{ border-bottom:1px solid #f0efea; min-height:80px; overflow:hidden; padding:10px 80px; position:relative;}
.comments-list li.alt{ background:#f7f7f5;}
.comments-list li.author{ background:#e7f8fb;}
.comment-number{ font-family:Georgia,serif; font-size:120px; height:80px; left:-15px; line-height:80px; opacity:0.1; position:absolute; text-align:right; top:-15px; width:40px;}
.comment-author{ font-size:16px; font-weight:bold; line-height:18px; margin-bottom:10px;}
.comment-content{ font-family:Georgia,serif; font-size:16px; line-height:20px;}
.comment-content p{ margin-bottom:10px;}
.comment-avatar{ background:url(hab/comment-avatar.png) no-repeat top left; display:block; height:32px; padding:3px; position:absolute; right:10px; top:10px; width:32px;}
.comment-info{ font-size:11px; opacity:0.5; text-transform:uppercase;}
.comment-moderation{ background:#f6e69f; margin-bottom:5px; padding:5px;}

.trackbacks-icon{ background:url(hab/tab-trackbacks.png) no-repeat top left; display:block; height:50px; left:-55px; position:absolute; top:-10px; width:50px;}
.trackbacks-list{ margin-bottom:20px;}
.trackbacks-list li{ border-bottom:1px solid #f0efea; overflow:hidden; padding:10px 80px; position:relative;}
.trackback-number{ font-family:Georgia,serif; font-size:40px; height:80px; left:0px; line-height:80px; opacity:0.1; position:absolute; text-align:right; top:-15px; width:40px;}
.trackbacks-list li.alt{ background:#f7f7f5;}

.add-title{ color:#678713; font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:30px; margin-bottom:20px; padding:0 30px; position:relative;}
.add-icon{ background:url(hab/tab-add.png) no-repeat top left; display:block; height:50px; left:-55px; position:absolute; top:-10px; width:50px;}
.add-form{ background:#f7f9f3; border:solid #f0f3e8; border-width:1px 0; margin-bottom:10px; padding:20px 30px 10px;}
.add-form input.text,
.add-form textarea{ font-family:Georgia,serif; font-size:14px;}
.add-line{ margin-bottom:5px;}
.add-submit{ padding-left:90px;}
.add-label{ color:#678713; float:left; font-size:16px; font-weight:bold; padding:7px 10px 0 0; text-align:right; width:80px;}
.add-input{ background:url(hab/add-input.png) no-repeat top left; float:left; height:33px; position:relative; width:220px;}
.add-input .bkg{ background:url(hab/add-input.png) no-repeat top right; display:block; height:33px; position:absolute; right:-10px; top:0; width:10px;}
.add-input input.text{ background:none; border:none; left:10px; position:absolute; top:9px; width:210px;}
.add-area{ background:url(hab/add-area.png) no-repeat top left; float:left; height:133px; padding:10px 9px; position:relative; width:380px;}
.add-area textarea{ background:none; border:none; height:133px; width:380px;}
	.add-line.website .add-label{ font-weight:normal;}
	.add-line.website .add-input{ width:260px;}
	.add-line.website .add-input input.text{ color:#aaa; width:250px;}
.subscribe-to-comments{ font-size:14px; margin-top:10px; padding-left:90px;}
.subscribe-to-comments input{ vertical-align:sub;}
.subscribe-to-comments label{ cursor:pointer;}
	
.wp-pagenavi{ font-size:12px; font-weight:bold; height:20px; margin:0 30px 30px;}
.wp-pagenavi a,
.wp-pagenavi span{ border:2px solid #fff; /*color:#025189;*/ float:left; margin-right:2px; padding:3px 7px;}
.wp-pagenavi a{ border-color:#ccdce7;}
.wp-pagenavi a:hover{ border-color:#025189; text-decoration:none;}
.wp-pagenavi .current{ background:#025189; border-color:#025189; color:#fff;}
.wp-pagenavi .pages{ display:none;}
	
.title{ font-size:36px; font-weight:bold; letter-spacing:-1px; line-height:30px; margin-bottom:10px; padding:0 30px 5px;}
.title #cat{ float:right; font-size:14px; letter-spacing:0; margin-top:5px;} 

/* archive */
.query{ background:#f6e69f;}
.archive .post{ clear:none; float:left; height:202px; margin:0 0 28px; overflow:hidden; padding:0 0 0 30px; width:410px;}
.archive .post-title{ font-size:28px; line-height:25px;}
.archive.results .post{ clear:none; float:left; height:202px; margin:0 0 28px; overflow:hidden; padding:0 0 0 30px; width:500px;}

/* body */
.body-archive .nav-end{ background-image:url(hab/nav-end-wide.png);}
.body-archive .nav-01{ padding-top:0;}
.body-archive .nav-01 a{ background-image:url(hab/nav-on.png); color:#333; padding-top:5px;}
.body-archive .nav-01 a .bkg{ background-image:url(hab/nav-on.png); height:35px;}
.body-archive .nav-01 .corner{ display:block;}

/* sidebar */
.side{ float:left; width:345px;}
.side-top{ background:url(hab/side-top.png) no-repeat top left; height:10px; width:345px;}
.side-bottom{ background:url(hab/side-bottom.png) no-repeat top left; height:10px; width:345px;}
.side-sep{ background:url(hab/side-sep.png) repeat-x top left; height:2px; width:345px;}
.side-bloc{ background:url(hab/side.png) repeat-y top left; color:#ddd; font-family:Georgia,serif; padding:15px;}
	.side-bloc.portfolio{ padding-right:0;}
	.side-bloc.listing{ padding-right:0;}
.side-title{ font-size:16px; line-height:20px; margin-bottom:10px;}
.side-text{ font-size:12px; line-height:18px; margin-bottom:10px;}
.side-text a{ color:#ddd; text-decoration:underline;}
.side-text a:hover{ color:#fff;}
.side-rss{ height:24px; margin-bottom:10px; position:relative;}
.side-rss-link{ background:url(hab/ico-rss.png) no-repeat top left; color:#fff; float:left; font-size:16px; height:24px; line-height:24px; padding-left:30px;}
.side-rss-counter{ position:absolute; right:0; top:3px;}
.side-twitter{ height:24px; position:relative;}
.side-twitter-link{ background:url(hab/ico-twitter.png) no-repeat top left; color:#fff; float:left; font-size:16px; height:24px; line-height:24px; padding-left:30px;}
.side-duo{ float:left; margin-right:5px; width:155px;}
#TwitterCounter{ position:absolute; right:0; top:0;}
.search{ background:url(hab/search.png) no-repeat top left; height:35px; margin-bottom:10px; position:relative; width:345px;}
.search input.text{ background:none; border:none; color:#777; left:35px; position:absolute; top:8px; width:250px;}
.search input.submit{ background:none; border:none; color:#777; height:30px; position:absolute; right:5px; text-indent:-290486px; top:0; width:50px;}
.thumb{ background:url(hab/thumb.png) no-repeat top left; display:block; float:left; height:90px; margin:0 10px 10px 0; padding:4px; width:90px;}
.thumb img{ opacity:0.5;}
.thumb:hover img{ opacity:1;}
.side li{ font-family:Arial,Verdana,sans-serif; font-weight:bold;}
.side li a{ color:#ffba53; display:block; font-size:12px; position:relative; line-height:12px;}
.side li a:hover{ text-decoration:none;}
.listing .side-title{ margin-bottom:5px;}
.listing a{ padding:5px;}
.listing a:hover{ background:url(hab/white-10.png);}
/* Derniers articles */
.side .latest a,
.side .latest a:hover{ color:#ff6f30; left:-15px; padding-left:15px; width:140px;}
/* Top articles */
.best{ list-style-type:decimal; list-style-position:outside; margin-left:20px;}
.side .best a,
.side .best a:hover{ color:#ffba53; left:-10px; width:150px;}
.side .recent a{ color:#c9e9ff;}
.side .related a{ color:#c9e9ff;}
/* Commentaires récents */
.recent li{ margin-bottom:10px;}
.recent-author{ background:url(hab/recent-author.png) no-repeat top left; float:left; height:20px; line-height:20px; padding:0 0 5px 5px; position:relative;}
.recent-author .bkg{ background:url(hab/recent-author.png) no-repeat top right; display:block; height:20px; position:absolute; right:-5px; width:5px;}
.recent-excerpt{ clear:left; display:block; padding:5px;}
.recent a:hover .recent-excerpt{ background:url(hab/white-10.png); opacity:1;}

.twitter{ background:#aaeaee url(hab/twitter.png) no-repeat top right; border:1px solid #d4d4d4; bottom:0; position:fixed; right:10px; width:280px; z-index:2000;}
.twitter span{ display:block;}
.twitter a{ color:#000; display:block; font-size:11px; line-height:12px; min-height:33px; padding:5px 15px 5px 43px; position:relative;}
.twitter a:hover{ text-decoration:none;}
.twitter a:hover *{ opacity:0.5;}
.twitter a:hover .twitter-overlay,
.twitter a:hover .twitter-link{ display:block; opacity:1 !important;}
.twitter-avatar{ height:33px; left:5px; position:absolute; top:5px; width:33px;}
.twitter-name{ font-weight:bold;}
.twitter-status{ margin-right:10px;}
.twitter-timestamp{ color:#707070; font-size:10px; line-height:10px;}
span.twitter-overlay{ display:none; left:50%; position:absolute; top:50%; width:120px;}
.twitter-link{ background:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-weight:bold; height:20px; left:-60px; line-height:20px; padding:5px; position:relative; text-align:center; top:-15px; width:120px;}