/*
Theme Name: Steaw Web Design
Theme URI: http://steaw-webdesign.com/
Description: Steaw Web Design Theme
Version: 1.0
Author: STEAW
Author URI: http://steaw.com/
Tags: fixed-width, dark

	Steaw Web Design
	http://steaw.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;}

html{ overflow:-moz-scrollbars-vertical;}
body{ background:#00101d url(hab/wall.jpg) no-repeat top center; color:#d8d8d8; font-family:Georgia,serif; font-size:14px;}
a{ color:#fff; cursor:pointer; text-decoration:none;}
a:hover{ text-decoration:none;}
a:active,
a:focus{ outline:none;}
button,input,select,textarea{ font-family:Arial,Verdana,sans-serif; font-size:12px;}
object{ outline:none;}

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

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

.header{ height:160px; position:relative;}
.logo{ background:url(hab/logo.png) no-repeat top left; display:block; height:140px; left:10px; overflow:hidden; position:absolute; text-indent:-290486px; top:8px; width:120px;}
.logo a{ display:block; height:140px; width:120px;}
.description{ color:#899eab; font-size:14px; font-style:italic; left:150px; line-height:20px; position:absolute; top:120px;}
.nav{ border-bottom:1px solid #042f49; bottom:25px; font-family:Arial,Verdana,sans-serif; font-weight:bold; position:absolute; right:0; text-transform:uppercase; width:658px; margin-right:20px;}
.nav li{ display:inline;}
.nav a{ border-bottom:1px solid #042f49; color:#899eab; float:right; height:20px; line-height:20px; margin-left:50px; padding-bottom:10px; position:relative; right:0; top:1px;}
.nav a.on{ border-bottom-width:5px; color:#fff; padding-bottom:6px; text-decoration:none;}
.nav a:hover{ border-bottom-width:5px; color:#fff; padding-bottom:6px; text-decoration:none;}
.lead{ float:left; width:740px;}
.mosa{ float:left; width:740px;}
.side{ float:left; width:240px;}
.main .side{ margin-top:260px;}
.footer{ color:#899eab; clear:both; font-family:Arial,Verdana,sans-serif; font-size:10px; letter-spacing:.05em; padding:40px 10px; text-align:center; text-transform:uppercase;}
.footer a:hover{ border-bottom:1px solid #1e251a;}

.post{ position:relative;}
.post-tags a{ color:#80ADC0;}
#post-url{ font-style:italic; padding-top:10px; padding-left:2px;}
#post-url a{ color:#899eab;}
.post-view{ border:5px solid #022037; display:block; height:182px; margin-top:5px; width:325px; position:relative; overflow:hidden;}
.post-detail{ background:transparent url(hab/post-detail.png) no-repeat top left; bottom:-29px; position:absolute; width:325px; height:29px; text-align:right; line-height:29px; font-style:italic; font-size:13px;}
.post-detail span{ margin-right:28px;}
.post-panorama{ background:url(hab/post-panorama.png) no-repeat top left; display:block; height:377px;  overflow:hidden; padding:20px; position:relative; width:670px;}
.post-panorama span{ display:block;}
	.post-panorama .pagination{ bottom:14px; height:31px; position:absolute; right:27px; width:62px;}
	.post-panorama .pagination a{ }
.post-mask{ height:377px; overflow:hidden; position:relative; width:670px;}
#post-slide{ position:absolute;}
#post-slide span{ float:left; height:377px; position:absolute; width:670px;}
.post-main,.post-content,.intro p,.empty{ color:#d8d8d8; font-size:14px; font-style:italic; line-height:20px;}
.post-main h2{ background:url(hab/border-690.png) no-repeat bottom left; color:#89cba6; font-size:14px; font-style:italic; line-height:20px; margin-bottom:10px; padding-bottom:10px;}
.post-main .url{text-align:right; padding-right:20px; color:#899EAB; margin-bottom:0px; margin-top:-10px; font-size:12px;}
.post-main .url a{color:#899EAB;}
.post-content,.post-quote{ /*background:url(hab/border-690.png) no-repeat bottom left;*/ margin:0 0 15px 10px; /*padding-bottom:15px;*/ width:690px;}
.post-content p,
.post-content ol,
.post-content ul{ margin-bottom:20px;}
.post-quote blockquote{ margin:20px 0 15px;}
.post-client{ background:url(hab/post-client.png) no-repeat top left; float:left; margin:10px 10px 0 20px; padding:4px 5px 6px; width:50px;}

.mosa .post{ float:left; margin:0 0 25px 20px; overflow:hidden; width:335px;}
.mosa .post-title,.mosa .post-tags{ float:left; font-family:Arial,Verdana,sans-serif; font-size:13px; line-height:15px;}
.mosa .post-title{ font-weight:bold;}
.mosa .post-title a{ color:#fff;}
.mosa .post-tags{ border-left:1px solid #202b32; margin-left:7px; padding-left:7px; color:#405E70;}
.mosa .post-categories{ color:#405e70; font-size:12px; font-style:italic; line-height:18px;}
.mosa .post-categories a{ color:#405e70;}

.single .post{ padding:10px 10px 0;}
.single .post-main{ float:left; width:720px;}
.single .post-side{ float:right; margin-right:10px; padding-top:5px; position:relative; width:240px;}
.single .post-title{ color:#fff; font-size:24px; font-style:normal; line-height:25px; margin-bottom:5px;}
.single .post-tags{ font-size:14px; font-style:italic; line-height:15px;}
.single .post-tags a{ color:#89CBA6; padding-left:2px;}
.single .post-logo{ background:no-repeat top left; height:100px; left:0; position:absolute; text-indent:-290486px; top:95px; width:240px;}
.single .post-skills{ left:0; position:absolute; top:240px; width:240px;}

.page .post-title{ height:170px; margin-bottom:30px; padding:30px 20px;}
.page .post-content{ background:none; margin-left:20px;}

.intro{ padding:0 30px 40px 20px;}
.intro p{ margin-top:10px;}
.title{ height:200px; margin-bottom:20px; padding:30px 20px 0;}
.title h1,.page .post-title h1{ font-size:48px; line-height:50px; margin-bottom:10px;}
.title h1 a{ background:url(hab/ico-rss.png) no-repeat center left; font-size:20px; opacity:0.6; padding-left:20px;}
.title h1 span{ font-size:20px; opacity:0.6;}
.title h2,.page .post-title h2{ color:#99adb9; font-size:26px; font-style:italic; line-height:30px;}
.section{ background:url(hab/border-240.png) no-repeat bottom left; color:#89cba6; font-size:14px; font-style:italic; line-height:15px; padding-bottom:10px; padding-bottom:10px;}
.section.light{ background:none; padding-bottom:5px;}
.section-wide{ background:url(hab/border-690.png) no-repeat bottom left;}
.section a.aexpand{background:url(hab/open-toggle.png) no-repeat 0px -19px; padding-left:23px; color : #89CBA6; height:16px;}
.side ul{ margin-bottom:20px;}
.list a,ul.post-categories a{ background:url(hab/list.png) no-repeat top left; color:#899eab; display:block; font-family:Arial,Verdana,sans-serif; font-size:13px; font-weight:bold; height:30px; line-height:28px; padding-left:8px;}
.list .current-cat a{ background-position:bottom left; color:#fff; padding-left:17px; text-decoration:none;}
.wp-tag-cloud{overflow:hidden; height:0px;}
.wp-tag-cloud a{ background:url(hab/list.png) no-repeat top left; color:#899eab; display:block; font-family:Arial,Verdana,sans-serif; font-size:13px; font-weight:bold; height:30px; line-height:28px; padding-left:8px;}
.team li{ background:url(hab/border-240.png) no-repeat bottom left; display:block; height:50px; position:relative;}
.team-avatar{ border:2px solid #00060b; left:7px; position:absolute; top:7px;}
.team-name{ color:#99adb9; display:block; font-family:Arial,Verdana,sans-serif; font-size:12px; font-weight:bold; left:50px; line-height:15px; position:absolute; top:9px;}
.team-power{ color:#405e70; display:block; font-size:11px; font-style:italic; left:50px; line-height:15px; position:absolute; top:24px;}
.btnplay{ background:transparent url(hab/playpause.png) no-repeat left top; width:42px; height:41px; position:absolute; top:366px; left:22px;}
.pagination a{ background:url(hab/pagination.png); color:#347094; float:left; font-family:Arial,Verdana,sans-serif; font-size:14px; font-style:normal; font-weight:bold; height:31px; line-height:31px; text-align:center; width:31px;}
.search{ background:url(hab/search.png) no-repeat top left; height:32px; position:relative; width:240px;}
.search input.text{ background:none; border:none; display:block; color:#899eab; font-size:14px; font-weight:normal; height:16px; line-height:20px; padding:7px; position:relative; top:2px; width:175px;}
.search input.submit{ background:none; border:none; color:#fff; cursor:pointer; display:block; font-size:12px; font-weight:bold; height:32px; position:absolute; right:0; text-transform:uppercase; top:0; width:43px;}
.empty{ padding-left:20px;}
.similar .section{ margin:0 0 10px 20px;}
.xmize{ background:url(hab/display-bg.png) no-repeat top left; width:240px; height:20px; margin-bottom:24px; cursor:hand;}
.xmize .toggle{ background:transparent url(hab/display-toggle.png) no-repeat 117px 0px; height:20px;}
.xmize .toggle ul{ }
.xmize .toggle li{ display:inline; font-family:Arial,Verdana,sans-serif; font-size:11px;}
.xmize .toggle li a{ float:left; height:20px; line-height:20px; text-align:center; width:120px;}
.xmize .toggle li a#min{ color:#5883a0;}
.xmize .toggle li a#max{ float:right;}
.pagenav{ height:20px; overflow:hidden; padding:0 30px 0 20px;}
.pagenav a{ background:url(hab/pagenav.png) no-repeat top left; color:#fff; float:left; font-family:Arial,Verdana,sans-serif; font-size:11px; height:20px; line-height:20px; padding:0; text-align:center; width:80px;}
.pagenav .prev a{ float:right;}
.wpcf7-form .input-text{ background:url(hab/input-text.png) no-repeat top left; border:none; color:#fff; padding:9px; width:322px;}
.wpcf7-form  select,
.wpcf7-form  textarea{ background:#133E5A; border:1px solid #134664; -moz-border-radius:5px; color:#fff; padding:5px; width:240px;}
.wpcf7-form  textarea{ padding:10px; width:658px;}
.wpcf7-form .input-submit{ background:url(hab/input-submit.png) no-repeat top left; border:none; color:#fff; cursor:pointer; font-size:14px; font-weight:bold; padding:7px; text-transform:uppercase; width:120px;}