/*
Theme Name: bbxwall
Theme URI: http://bbxdesign.com/
Description: bbxwall theme
Version: 1.0
Author: Jeremy Thomas
Author URI: http://jthom.as/
Tags: fixed-width, dark, grungy

	bbxwall
	http://bbxdesign.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:#1d2128 url(hab/body.jpg) repeat top center; color:#606368; font-family:Arial,Verdana,sans-serif; font-size:14px; line-height:22px;}
a{ color:#8b3616; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:underline;}
button,input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:12px; resize:none;}

/* SH4R3D */
.name a,
.nav a,
.rss,
.twitter-count,
.twitter-count a,
.steaw,
.bestof,
.bestof a,
.item-title,
.slider-name,
.more,
.recent-comment-info
{ color:#e2ecb2; font-family:Georgia,serif;}

.post-day,
.respond-admin a,
.respond-label,
.item-title a,
.slider-name a,
.subscribe-to-comments a
{ color:#e2ecb2; }

.section,
.tagline,
.post-comments,
.post-tags,
.post-category,
.comment-date,
.search-text,
.steaw strong,
.item-description,
.slider-description,
.footer,
.contact-label
{ color:#a7c6a8; font-family:Arial,Verdana,sans-serif; font-size:12px; letter-spacing:2px; line-height:16px; text-transform:uppercase;}

.post-date,
.comment-number,
.comment-date a,
.twitter-time,
.twitter-text,
.recent-comment-info,
.recent-comment-info a
{ color:#a7c6a8;}

.title,
.post
{ border-color:#a7c6a8 !important;}

.title select,
.post-content h3,
.post-content img,
.comments-title,
.comments li,
.comment-avatar,
.comments-nav,
.post,
.single .post-content,
.post-content .wp-caption
{ border-color:#e2e5d5 !important;}

/* C0MM0N */
.wall{ background:url(hab/wall.jpg) repeat-x top center; min-height:1200px;}
.wrap{ margin:0 auto; position:relative; width:980px;}
.cl,.cr,.cb{ display:block !important; float:none !important; height:0 !important;}
.cl{ clear:left;}
.cr{ clear:right;}
.cb{ clear:both;}

.btn{ background:no-repeat top left; color:#fff; display:block; float:left; font-family:Arial,Verdana,sans-serif; font-size:12px; font-weight:bold; height:32px; line-height:32px; margin-right:10px; padding:0 10px 0 20px; position:relative;}
.btn-bkg{ background:no-repeat top right; display:block; height:32px; position:absolute; right:-10px; top:0; width:10px;}

/* H34D3R */
.header{ height:320px; position:relative;}
.logo a{ background:url(hab/logo.jpg) no-repeat top left; display:block; height:180px; left:20px; overflow:hidden; position:absolute; text-indent:-290486px; top:90px; width:240px;}
.name{ font-size:28px; line-height:28px; left:280px; position:absolute; top:150px;}
.tagline{ left:300px; position:absolute; top:180px;}
.nav{ height:130px; position:absolute; right:140px; top:105px; width:140px;}
.nav li{ display:inline;}
.nav a{ background:url(hab/nav.jpg) no-repeat top left; height:30px; display:block; font-size:18px; line-height:30px; margin-bottom:20px; outline:none; text-indent:40px; width:140px;}
.nav a:hover{ text-decoration:none;}
.body-index .nav-blog,
.body-portfolio .nav-portfolio,
.body-contact .nav-contact{ color:#fff !important;}
.nav .nav-blog{ background-position:0 0;}
.nav .nav-blog:hover{ background-position:0 -130px;}
.body-index .nav-blog,
.nav .nav-blog:active{ background-position:0 -260px !important;}
.nav .nav-portfolio{ background-position:0 -50px;}
.nav .nav-portfolio:hover{ background-position:0 -180px;}
.body-portfolio .nav-portfolio,
.nav .nav-portfolio:active{ background-position:0 -310px !important;}
.nav .nav-contact{ background-position:0 -100px;}
.nav .nav-contact:hover{ background-position:0 -230px;}
.body-contact .nav-contact,
.nav .nav-contact:active{ background-position:0 -360px !important;}

/* L34D */
.lead{ background:url(hab/lead.png) repeat-y top left; float:left; padding:0 80px; position:relative; margin:80px 0; width:520px;}
.lead-top,
.lead-bottom{ background:url(hab/lead-top.png) no-repeat top left; height:80px; left:0; position:absolute; width:680px;}
.lead-top{ top:-80px;}
.lead-bottom{ background-image:url(hab/lead-bottom.png); bottom:-80px;}

.title{ border-bottom:1px dashed; color:#1d2128; font-family:Georgia,serif; font-size:40px; font-style:italic; line-height:40px; margin-bottom:20px; padding-bottom:20px;}
.title select{ border:1px solid; -moz-border-radius:5px; cursor:pointer; float:right; font-size:14px; margin-top:8px; outline:none; padding:5px;}

/* P0ST */
.post{ border-bottom:1px dashed; margin-bottom:40px; position:relative;}
.post-title{ color:#1d2128; font-family:Georgia,serif; font-size:28px; line-height:32px; margin-bottom:10px;}
.post-title a{ color:#8b3616;}
.post-edit a{ background:#8b3616; color:#fff; display:none; font-size:11px; font-weight:bold; height:16px; line-height:16px; padding:0 5px; position:absolute; right:-20px; text-align:center; top:10px; width:20px;}
.post:hover .post-edit a{ display:block;}
.post-date{ background:#1d2128; background:rgba(29,33,40,.9); border-radius:30px; -moz-border-radius:30px; height:53px; left:-110px; padding-top:7px; position:absolute; text-align:center; top:-10px; width:60px;}
.post-date span{ display:block;}
.post-day{ font-family:Georgia,serif; font-size:28px; font-style:italic; line-height:28px;}
.post-month{ font-size:10px; letter-spacing:1px; line-height:12px; padding-top:2px; text-transform:uppercase;}
.post-content h3{ border-bottom:1px solid; color:#584032; font-family:Georgia,serif; font-size:20px; font-style:italic; line-height:20px; margin-bottom:10px; padding-bottom:10px;}
.post-content h4{ color:#1d2128; font-size:16px; font-weight:bold; line-height:16px; margin-bottom:20px;}
.post-content p,
.post-content ol,
.post-content ul,
.post-content pre,
.post-content .wp-caption{ margin-bottom:20px;}
.post-content ol,
.post-content ul{ margin-top:-20px; padding-left:40px;}
.post-content ol ol,
.post-content ol ul,
.post-content ul ol,
.post-content ul ul{ margin-top:0;}
.post-content ol{ list-style-type:decimal;}
.post-content ul{ list-style-type:disc;}
.post-content img{ border:1px solid; padding:9px;}
.post-content code{ background:#e7ebee; padding:2px 5px;}
/*.post-content pre{ background:#1d2128; color:#fff; padding:5px;}*/
.post-content pre{ background:#e7ebee; font-size:12px; padding:5px;}
.post-content blockquote{ font-family:Georgia,serif; font-size:20px; font-style:italic; line-height:24px; padding:20px 40px;}
.post-content .wp-smiley{ border:none; padding:0;}
.post-content .wp-caption{ background:#e2e5d5; border:1px solid; font-size:11px; line-height:14px; margin:0 auto 20px; padding:4px; text-align:center;}
.post-content .wp-caption img{ padding:0;}
.post-content .wp-caption p{ margin:0;}
.post-content .more-link{ background:url(hab/post-more.png) no-repeat top left; display:block; height:34px; margin-top:20px; outline:none; overflow:hidden; text-indent:-290486px; width:134px;}
.post-comments{ float:right;}
.post-comments,
.post-tags,
.post-category{ font-size:10px; line-height:16px;}
.post-nav{ display:none; font-size:11px; line-height:14px; margin:10px 0;}
.post-share{ margin-bottom:10px;}
.post-twitter{ float:left;}
.focus{ background:lightYellow; border:1px solid #E6DB55; padding:15px;}

.page{ position:relative;}

.single .post{ border-bottom:none; margin-bottom:0; padding-bottom:40px;}
.single .post-content{ border-bottom:1px solid; margin-bottom:20px; padding-bottom:20px;}

.comments{ margin-bottom:40px;}
.comments-title{ border-bottom:1px solid; color:#1d2128; font-family:Georgia,serif; font-size:20px; line-height:20px; padding-bottom:10px;}
.comments li{ border-bottom:1px solid; display:block; padding:10px 0 10px 58px; position:relative;}
.comments li.alt{ background:#f8f8f4;}
.comments li.author,.comments-nav{ background:#F0F5D8;}
.comment-number{ display:block; font-family:Georgia,serif; font-size:40px; font-style:italic; line-height:32px; position:absolute; right:0; text-align:center; top:10px; width:40px;}
.comment-number:hover{ color:#8b3616; outline:none; text-decoration:none;}
.comment-avatar{ border:1px solid; display:block; height:32px; left:10px; margin-right:10px; overflow:hidden; padding:2px; position:absolute; top:10px; width:32px;}
.comment-info span{ display:block;}
.comment-author{ color:#1d2128; font-family:Georgia,serif; font-size:18px; line-height:18px; margin-top:2px; padding-right:40px;}
.comment-date{ font-size:11px; line-height:12px; margin-top:4px;}
.comment-moderation{ background:#e2ecb2; clear:left; float:left; padding:0 5px;}
.comment-content{ clear:left; margin-top:4px; padding-right:40px;}
.comments-nav{ border-bottom:1px solid; font-size:12px; padding:5px 10px;}

.respond{ background:url(hab/respond.png) no-repeat top left; color:#b4b4b4; height:386px; padding:22px 24px; position:relative; right:4px; width:480px;}
.respond-line,
.respond-admin{ clear:left; height:30px; margin-bottom:10px;}
.respond-admin,
.respond-label{ font-size:12px; font-weight:bold; letter-spacing:1px; line-height:16px; text-shadow:0 1px 1px #000; text-transform:uppercase;}
.respond-label{ cursor:pointer; float:left; padding-top:2px; width:140px;}
.respond-admin{ margin-bottom:0;}
.respond-help{ color:#627390; cursor:text; display:block; font-size:8px; line-height:10px;}
.respond-area{ height:170px; margin-bottom:10px;}
.respond-text,
.respond-area textarea{ background:url(hab/respond-input.png) no-repeat top left; border:none; color:#b4b4b4; font-size:14px; height:18px; line-height:18px; padding:8px 10px 4px; width:200px;}
.respond-area textarea{ background-image:url(hab/respond-area.png); float:left; height:158px; padding:8px 10px 4px; width:320px;}
.respond-submit{ clear:left; padding-left:140px;}
.subscribe-to-comments label{ cursor:pointer;}

.wp-pagenavi{ height:20px; position:relative;}
.wp-pagenavi a,
.wp-pagenavi span{ border:2px solid; float:left; font-size:12px; font-weight:bold; height:20px; line-height:20px; margin-right:2px; padding:0 6px;}
.wp-pagenavi a{ border-color:#e2ecb2; color:#8b3616;}
.wp-pagenavi a:hover{ background:#e2ecb2; border-color:#8b3616; text-decoration:none;}
.wp-pagenavi span{ background:#c2d7c2; border-color:#c2d7c2; color:#1d2128;}
.wp-pagenavi .extend{ display:none;}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{ position:absolute; font-size:15px; top:0;}
.wp-pagenavi .nextpostslink{ right:0;}
.wp-pagenavi .previouspostslink{ right:26px;}

/* P0RTF0L10 */
.slider,
.slider-window,
.slider-reel,
.slider-bloc{ height:540px; overflow:hidden; position:relative; width:960px;}
.slider{ height:auto; overflow:visible; padding:10px 10px 60px;}
.slider-window{ margin-bottom:10px;}
.slider-overlay{ background:url(hab/slider-overlay.png) no-repeat top left; height:560px; left:0; position:absolute; top:0; width:980px; z-index:1200;}
.slider-reel{ left:0; position:absolute; top:0;}
.slider-bloc{ float:left;}
.slider-bar,
.slider-info{ bottom:0; height:60px; overflow:hidden; position:absolute; width:960px;}
.slider-bar{ background:url(hab/slider-bar.png) repeat-x bottom left; padding-top:17px;}
.slider-name,
.slider-description{ display:none; left:20px; position:absolute; z-index:2000;}
.slider-name{ font-size:20px; line-height:20px; top:12px;}
.slider-description{ font-size:11px; top:32px;}
.slider-play,.slider-pause{ background:url(hab/slider-play-pause.png) no-repeat top left; height:21px; left;:0; overflow:hidden; position:absolute; text-indent:-290486px; width:20px;}
.slider-play{ background-position:0 -30px; display:none;}
.slider-pagination{ text-align:center;}
.slider-pagination a{ background:url(hab/slider-pagination.png) no-repeat top left; display:inline-block; height:11px; margin:0 2px; overflow:hidden; text-indent:-290486px; width:10px;}
.slider-pagination .on{ background-position:0 -20px;}

.portfolio{ display:none;}
.item{ float:left; padding:0 0 40px 20px; position:relative;}
.item-thumb{ display:block;}
.item-title{ color:#fff; font-size:20px; line-height:20px; margin-top:4px;}
.item-description{ font-size:11px; line-height:14px;}
.work-in-progress{ background:url(hab/work-in-progress.png) no-repeat top left; height:97px; left:20px; position:absolute; top:0; width:97px;}
.more{ background:url(hab/more.png) no-repeat top left; clear:both; font-size:14px; height:140px; line-height:14px; margin:0 auto 20px; padding-top:25px; text-align:center; width:940px;}
.more strong{ color:#fff; font-weight:normal;}
.more a{ background:url(hab/steaw.png) no-repeat top left; color:#80adc0; display:block; font-size:20px; height:81px; line-height:70px; margin:20px auto 0; padding-left:70px; width:180px;}

/* C0NT4CT */
.contact{ margin:-40px auto 0; width:618px;}
.contact-label{ display:block; margin:20px 0 10px;}
.contact br{ display:none;}
.contact-text,
.contact-area textarea{ background:black; background:rgba(0,0,0,.5); border:1px solid #555; border-color:rgba(255,255,255,.2); border:none; border-radius:5px; -moz-border-radius:5px; box-shadow:0 1px 0 rgba(255,255,255,.1), inset 0 1px 2px black; -moz-box-shadow:0 1px 0 rgba(255,255,255,.1), inset 0 1px 2px black; color:white; font-family:Georgia,serif; font-size:16px; line-height:22px; min-width:280px; padding:6px; width:280px;}
.contact-text:focus,
.contact-area textarea:focus{ background:rgba(0,0,0,.7); border-color:#e2ecb2; color:#e2ecb2; outline:none;}
.contact-text{ max-width:280px;}
.contact-subject .contact-text{ max-width:600px; width:600px;}
.contact-area textarea{ min-height:240px; width:600px;}
.contact-name,
.contact-email{ float:left; width:260px;}
.contact-name{ margin-right:60px;}
.contact-submit{ clear:both; padding:20px 0 40px;}
.contact-submit input{ background:#9ec6a8; border-radius:5px; -moz-border-radius:5px; border:none; box-shadow:0 1px 1px rgba(0,0,0,.75); -moz-box-shadow:0 1px 1px rgba(0,0,0,.75); color:white; cursor:pointer; font-size:13px; font-weight:bold; padding:8px 12px;}
img.ajax-loader{ background:white;}

/* S1D3 */
.side{ float:left; margin-left:20px; padding-top:20px; position:relative; width:260px;}
.bloc{ background:url(hab/bloc.png) repeat-x bottom left; margin-bottom:20px; padding-bottom:20px;}
.rss,.twitter,.steaw{ background:url(hab/follow.png) no-repeat top left;}
.rss{ background-position:0 0; display:block; font-size:18px; height:70px; padding-left:80px;}
.rss strong{ display:block; font-weight:normal;}
.rss img{ display:block; height:26px; margin:5px auto 0; width:88px;}
.twitter{ background-position:0 -100px; height:70px; padding-left:80px;}
.twitter-count{ font-size:16px; line-height:16px;}
.twitter-text{ font-family:Verdana,Arial,sans-serif; font-size:9px; line-height:14px; margin-top:4px;}
.twitter-time{ opacity:0.3;}
.twtr-user{ display:none;}
.twtr-widget em{ opacity:0.3;}
.steaw{ background-position:0 -200px; display:block; font-size:18px; height:62px; line-height:18px; padding:18px 0 0 80px; position:relative;}
.steaw strong{ display:block; font-weight:normal; text-align:right;}
.search{ height:30px; width:260px;}
.search-text{ background:url(hab/search.png) no-repeat top left; border:none; height:15px; line-height:20px; padding:7px 10px 8px; width:240px;}
.search-submit{ display:none;}
.bestof{}
.bestof li{ display:block; font-size:16px; line-height:18px; margin-top:16px;}
.bestof a{ background:url(hab/ico-heart.png) no-repeat -2px 3px; display:block; padding-left:32px;}
.bestof a:hover{ background-position:-302px 3px; color:#fff; text-decoration:none;}
.recent-comments li{ display:block; padding:8px 0;}
.recent-comment-link{ background:url(hab/ico-quote.png) no-repeat -2px 3px; color:#b7b7b7; display:block; font-family:Georgia,serif; font-size:11px; font-style:italic; line-height:15px; padding-left:32px;}
.recent-comment-link img{ vertical-align:bottom;}
.recent-comment-link:hover{ background-position:-302px 3px; color:#fff; text-decoration:none;}
.recent-comment-info{ display:block; font-family:Arial,sans-serif; font-size:11px; line-height:12px; margin-left:32px;}
.recent-comment-info span,.recent-comment-info a{ opacity:0.3;}
.recent-comment-info a:hover{ opacity:1; text-decoration:none;}

/* F00T3R */
.footer{ font-size:10px; line-height:12px; padding:20px 0 40px; text-align:center;}
.footer a{ color:#fff;}

#yeek{ bottom:0; -moz-box-shadow:0 0 10px rgba(0,0,0,3); box-shadow:0 0 10px rgba(0,0,0,3); display:block; height:60px; position:fixed; right:0; width:320px; z-index:9999;}
#yeek img{ display:block;}