/*
Theme Name: Concept-work blog theme
Theme URI: http://www.concept-work.com/blog
Description: Theme for Concept Studio blog
Version: 1
Author: Cherenkevich Lex
Author URI: http://cherenkevich.com/

	Concept v1
*/


html {
	height: 100%;
	}
	
body {
	margin: 0;
	padding: 0;
	background: #02112c url("images/bg.gif") repeat 0 0;
	font-size: small;
	height: 100%;
	color: #000000;
	font-family: Arial, sans-serif; 
	}

a {
	outline: none;
	}
	
a:link {
	color: #2b64d7;
	text-decoration: underline;
	}	
	
a:visited {
	color: #a02bd7;
	text-decoration: underline;
	}
	
a:hover, a:active {
	color: #d72b2b;
	text-decoration: none;
	}
	
sup { 
	vertical-align: baseline; 
	position: relative; 
	top: -0.4em; 
	}
	
sub { 
	vertical-align: baseline; 
	position: relative; 
	bottom: -0.4em; 
	}

p, ol, ul {
	line-height: 1.5;
	margin: 0;
	padding: 0 0 1.2em 0
	}
	
ul {
	list-style-type: none;
	}	
	
#content ol, #content ul {
	margin-left: 2em;
	}
	
#content ul {
	list-style-type: square;
	}	
	
h1, h2.pagetitle {
	font-family: Georgia, serif;
	margin: 0 0 0.5em 0;
	color: #000;
	font-weight: normal;
	font-size: 200%;
	}
	
h2 {
	font-family: Georgia, serif;
	margin: 0 0 0.2em 0;
	font-weight: normal;
	color: #000;
	font-size: 200%;
	}
	
.entry h2 {
	font-family: Georgia, serif;
	margin: 1em 0 .5em 0;
	color: #000;
	font-weight: normal;
	font-size: 170%;
	}
	
h2 a:link  {
	color: #000;
	text-decoration: none;
	}	
	
h2 a:visited {
	color: #676767;
	text-decoration: none;
	}	
	
h2 a:hover, h2 a:active {
	color: #eb9120;
	text-decoration: none;
	}	
	
h2.pagetitle {
	margin: 0 0 1em 0;
	}	
	
h3 {
	font-family: Georgia, serif;
	font-size: 140%;
	color: #959595;
	font-weight: normal; 
	font-style: italic;
	margin-top: .7em;
	margin: 1em 0 .5em 0;
	}	
	
h4 {
	
	}	
	
h5 {
	
	}	
	
h6 {
	
	}

img {
	border: 0;
	}		
	
table {
	border-collapse: collapse;
	}
	
hr {
	display: none;
	}
	
	
/*--------------------------------------------------------------------------------------*/
/*-------------------- Классы-хэлперы ---------------------------------------------*/
/*--------------------------------------------------------------------------------------*/	
	
.hider, .hidden {
	display: none;
	}

.blocker {
	display: block;
	}	
	
.inliner {
	display: inline;
	}	
	
.nobr {
	white-space:nowrap;
	}	
	
.overflover {
	overflow: hidden;
	}	
	
.clearer {
	clear: both;
	}
	
.floater {
	float: left;
	}
	
.floater-right {
	float: right;
	}


/*--------------------------------------------------------------------------------------*/
/*-------------------- Вот она — структура! ----------------------------------------*/
/*--------------------------------------------------------------------------------------*/

/*header*/

#header {
	width: 100%;
	min-width: 980px;
	max-width: 1230px;
	margin: 0 auto;
	}
	
#header a#to-concept {
	display: block;
	padding: 25px 0 24px 0;
	width: 250px;
	text-indent: -3000px;
	background: url("images/concept-logo.png") no-repeat left bottom;
	margin: 0 0 17px 0;
	}
	
#header a#to-blog {
	width: 600px;
	float: left;
	display: block;
	font-family: Georgia, serif;
	margin: 0;
	padding: 20px 0 20px 0;
	color: #fff;
	text-decoration: none;
	font-size: 250%;
	}	
	
/*header*/

/*navigation*/	
	
#navigation-hatch {
	width: 100%;
	background: url("images/hatch.gif") repeat 0 0;
	margin-bottom: 20px;
	}
	
#navigation {
	width: 100%;
	min-width: 980px;
	max-width: 1230px;
	margin: 0 auto;
	}

#navigation ul.menu {
	margin: 0;
	padding: 0;
	}	

#navigation ul.menu li {
	display: inline;
	margin: 0 1px 0 0;
	padding: 0;
	}	
	
#navigation ul.menu li a:link, #navigation ul.menu li a:visited {
	background: none;
	color: #fff;
	font-size: 120%;
	line-height: 32px;
	margin: 0;
	padding: 5px 17px;
	text-decoration: none;
	font-family: Trebuchet MS, sans-serif;
	white-space: nowrap;
	}		
	
#navigation ul.menu li a:hover, #navigation ul.menu li a:active {
	background: #505763;
	color: #fff;
	text-decoration: none;
	}				
	
#navigation ul.menu li a#to-studio {
	margin-left: 25px;
	}	
	
#navigation ul.menu li a.news:hover, #navigation ul.menu li a.news:active, 
body.news #navigation ul.menu li a.news:link, body.news  #navigation ul.menu li a.news:visited {
	background: #bb0000;
	}	

#navigation ul.menu li a.web-design:hover, #navigation ul.menu li a.web-design:active,
body.web-design #navigation ul.menu li a.web-design:link, body.web-design  #navigation ul.menu li a.web-design:visited {
	background: #e7b02b;
	}	

#navigation ul.menu li a.seo:hover, #navigation ul.menu li a.seo:active,
body.seo #navigation ul.menu li a.seo:link, body.seo #navigation ul.menu li a.seo:visited {
	background: #60e72b;
	}	

#navigation ul.menu li a.print:hover, #navigation ul.menu li a.print:active,
body.print #navigation ul.menu li a.print:link, body.print  #navigation ul.menu li a.print:visited {
	background: #2bc1e7;
	}		

#navigation ul.menu li a.exterior:hover, #navigation ul.menu li a.exterior:active,
body.exterior #navigation ul.menu li a.exterior:link, body.exterior  #navigation ul.menu li a.exterior:visited {
	background: #342be7;
	}			

#navigation ul.menu li a.identic:hover, #navigation ul.menu li a.identic:active,
body.identic #navigation ul.menu li a.identic:link, body.identic  #navigation ul.menu li a.identic:visited {
	background: #d72be7;
	}	
	
/*navigation*/	



/*layout*/

#layout {
	width: 95%;
	min-width: 920px;
	max-width: 1200px;
	width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980) ? '950px' : ((document.body.clientWidth > 1280) ? '1200px' : '95%'));
	margin: 0 auto;
	padding: 0 15px;
	}

	/*content*/

	#content {
		width: 70%;
		float: left;
		background: url("images/content-top-bg.gif") no-repeat top right;
		padding-top: 11px;
		}
		
	#content .bottom-bg {
		background: url("images/content-bottom-bg.gif") no-repeat bottom left;
		padding-bottom: 35px;
		}		

	#content  .paddinger {
		background: #fff;
		padding: 40px 50px 15px 70px;
		min-height: 600px;
		//min-height: auto;
		}

	* html #content  .paddinger {
		height: 600px;
		}	
		
		/*post*/	

		.post {
			margin-bottom: 25px;
			}
			
		.post {
			position: relative;
			left: -70px;
			width: 115%;
			}
			
			
		.post .avatar-wrap {
			width: 100px;
			float: left;
			}
			
		.post .avatar-wrap img{
			width: 50px;
			height: 50px;
			border: 0;
			margin: 0 0 0 32px;
			padding: 3px;
			background: url("images/hatch-avatar.gif") repeat 0 0;
			}	
			
		.avatar-wrap {
			background: url("images/h1-bg.gif") no-repeat 0 0;
			}
			
		.category-news .avatar-wrap {
			background: url("images/h1-bg.gif") no-repeat 0 -500px;
			}

		.category-web-design .avatar-wrap {
			background: url("images/h1-bg.gif") no-repeat 0 -1000px;
			}

		.category-seo .avatar-wrap {
			background: url("images/h1-bg.gif") no-repeat 0 -1500px;
			}

		.category-print .avatar-wrap {
			background: url("images/h1-bg.gif") no-repeat 0 -2000px;
			}

		.category-exterior .avatar-wrap {
			background: url("images/h1-bg.gif") no-repeat 0 -2500px;
			}

		.category-identic .avatar-wrap {
			background: url("images/h1-bg.gif") no-repeat 0 -3000px;
			}
			
		.post .teaser-wrap {
			width: 80%;
			float: left;
			}

		.postmetadata {
			text-align: right;
			}
			
		.postmetadata .comments-info {
			margin-left: 30px;
			padding-left: 20px;
			background: url("images/comments-ico.gif") no-repeat center left;
			}
			
		.postmetadata .comments-info a:link, .postmetadata .comments-info a:visited {
			color: #8c8c8c;
			}
			
		.postmetadata .comments-info a:hover, .postmetadata .comments-info a:active {
			color: #EB9120;
			}	
			
		.postmetadata .tag-list a:link, .postmetadata .tag-list a:visited {
			color: #7a7a7a;
			text-decoration: none;
			background: url("images/hatch-tags.gif") repeat 0 0;
			padding: 1px 3px;
			}
			
		.postmetadata .tag-list a:hover, .postmetadata .tag-list a:active {
			text-decoration: none;
			color: #fff;
			background: #EB9120;
			}	
			
		/*navigation*/	
		
		#content .navigation {
			width: 100%;
			margin-bottom: 50px;
			}
			
		#content .navigation .alignleft {
			width: 45%;
			float: left;
			}
			
		#content .navigation a:link, #content .navigation a:visited {
			padding-left: 30px;
			font-family: Georgia;
			display: block;
			color: #2b64d7;
			min-height: 17px;
			background: url("images/left-ico.gif") no-repeat top left;
			}
			
		#content .navigation a:visited {	
			color: #818181;
			}
			
		#content .navigation a:hover, #content .navigation a:active {
			background: url("images/left-ico.gif") no-repeat 0 -100px;
			}	
			
		#content .navigation .alignright {
			width: 45%;
			float: right;
			text-align: right;
			}	
			
		#content .navigation .alignright a:link, #content .navigation .alignright a:visited {
			padding-right: 30px;
			background: url("images/right-ico.gif") no-repeat top right;
			}	
			
		#content .navigation .alignright a:hover, #content .navigation .alignright a:active {
			background: url("images/right-ico.gif") no-repeat right -100px;
			}	
			
		/*navigation*/	

		/*comments*/
		
		#respond {
			padding-top: 20px;
			}
			
		#commentform {
			padding: 20px;
			background: #dcdcdc url("images/form-comment-bg.gif") no-repeat bottom left;
			}
			
		#commentform textarea {
			width: 99%;
			clear: left;
			}
			
		.field {
			width: 100%;
			margin-bottom: 10px;
			float: left;
			white-space: nowrap;
			}
			
		.field label {
			font-style: italic;
			padding-top: 15px;
			float: left;
			width: 100px;
			margin-right: 10px;
			font-size: 120%;
			font-family: Georgia, serif;
			color: #595959;
			}	
			
		.field input {
			width: 50%;
			font-size: 160%;
			padding: 5px;
			border: 1px solid #c3c3c3;
			}	

		.field input:hover,
		.field input:focus {
			border: 1px solid #595959;
			}
			
		textarea {
			font-size: 110%;
			padding: 5px;
			border: 1px solid #c3c3c3;
			height: 200px;
			line-height: 1.6;
			font-family: Arial, sans-serif;
			}	

		textarea:hover,
		textarea:focus {
			border: 1px solid #595959;
			}	
			
		.submit-button {
			text-align: center;
			margin-top: 20px;
			width: 100%;
			}
			
		.submit-button input {
			font-size: 120%;
			}
			
		li.comment {
			font-family: Georgia, serif;
			color: #505050;
			}
			
		li.comment .message {
			font-family: Arial, sans-serif;
			color: #000;
			}	
			
		li.comment .comment-author {
			font-family: Georgia, serif;
			font-size: 120%;
			margin-bottom: .5em;
			}

			
		li.comment .comment-meta {
			font-size: 80%;
			font-family: Arial, sans-serif;
			}	
			
		li.comment .comment-meta a:link, li.comment .comment-meta a:visited {
			text-decoration: none;
			}	
			
		li.comment .comment-meta a:hover, li.comment .comment-meta a:active {
			text-decoration: none;
			}	
			
		/*comments*/

		/*post*/			
		
	/*content*/

	/*sidebar*/

	#sidebar {
		width: 29%;
		float: left;
		background: url("images/sidebar-bottom-bg.gif") no-repeat bottom left;
		padding-bottom: 15px;
		}

	#sidebar .tools-list-wraper {
		background: url("images/sidebar-bg.gif") repeat-y top right;
		}
		
	#sidebar .tools-list {
		background: url("images/content-area-shadow.png") repeat-y top left;
		}
		
	#sidebar ul.tools-list-shadow {
		background: url("images/sidebar-top-bg.gif") no-repeat top right;
		padding-top: 20px;
		padding-bottom: 50px;
		margin: 0;
		}

	#sidebar ul.tools-list-shadow li.widget {
		padding-left: 38px;
		}	
		
	.rss-area {
		padding: 10px 10px 15px 10px;
		}
		
	#sidebar h2 {
		font-size: 160%;
		line-height: 1.2;
		margin-bottom: .5em;
		}	
		
	#sidebar ul {
		padding: 0;
		margin-left: 0;
		}	
		
	#sidebar ul li {
		padding: 0;
		margin: 0 0 .7em 0;
		}	
		
	#sidebar ul.tools-list-shadow li.widget {
		margin-bottom: 20px;
		margin-right: 20px;
		}	
		
	#sidebar a:link {
		color: #031c4a;
		}	
		
	#sidebar a:visited {
		color: #434343;
		}	
		
	#sidebar a:hover, #sidebar a:active {
		color: #9c0000;
		text-decoration: underline;
		}		

	#sidebar .rss-area a:link, #sidebar .rss-area a:visited {
		background: url("images/hatch-rss.gif") repeat 0 0;
		color: #fff;
		margin-left: 1px;
		padding: 5px;
		text-decoration: none;
		}

	#sidebar .rss-area a:hover, #sidebar .rss-area a:active {
		color: #fff;
		text-decoration: none;
		background: #3d4454;
		}	
		
	.rss-area a span {
		width: 47px;
		padding-left: 52px;
		height: 16px;
		background: url("images/rss-ico.gif") no-repeat 0 0;
		}	

	form#searchform input {
		border: 1px solid #9a6324;
		padding: 3px;
		}
		
	form#searchform input:hover, form#searchform input:focus {
		border: 1px solid #02112c;
		}	
		
	form#searchform input#searchsubmit {
		border: none;
		padding: 2px 3px;
		background: url("images/hatch-tags.gif") repeat 0 0;

		}	
		
	#sidebar #tag_cloud {
		text-align: center;
		}
		
	#sidebar #tag_cloud h2 {
		text-align: left;
		margin-left: 18px;
		}	
		
	#sidebar #tag_cloud a:link, #sidebar #tag_cloud a:visited {
		color: #031c4a;
		text-decoration: none;
		padding: 1px 3px;
		}

	#sidebar #tag_cloud a:hover, #sidebar #tag_cloud a:active {
		text-decoration: none;
		color: #fff;
		background: #d86a08;
		}	
		
	#sidebar ul.tools-list-shadow li#tag_cloud {
		padding-left: 20px;
		}	
		
		
		/*pages*/

		#sidebar #pages {
			padding-left: 0;
			margin-right: 0;
			background: url("images/pages-bg.gif") repeat-y top right;
			}	
			
		#sidebar #pages .widget_pages_top {
			background: url("images/pages-top-bg.png") no-repeat top right;
			}	
			
		#sidebar #pages .widget_pages_bottom {
			background: url("images/pages-bottom-bg.png") no-repeat bottom right;
			}	
			
		#sidebar #pages .content-area-shadow {
			background: url("images/content-area-shadow.png") repeat-y top left;
			padding: 20px 20px 20px 38px;
			}
			
		#sidebar #pages h2{
			color: #fff;
			}

		#sidebar #pages ul li{
			margin: 0;
			padding-bottom: 1em;
			}	
			
		#sidebar #pages a:link, #sidebar #pages a:visited {
			color: #ffbb5b;
			font-family: Georgia, serif;
			}	
			
		#sidebar #pages a:hover, #sidebar #pages a:active {
			color: #fff;
			text-decoration: underline;
			font-family: Georgia, serif;
			}	
			
		/*pages*/	
		
	/*sidebar*/

/*layout*/

/*footer*/

#footer {
	font-family: Trebuchet MS, sans-serif;
	font-size: 90%;
	padding-bottom: 20px;
	}
	
#footer {
	width: 980px;
	margin: 0 auto;
	padding-top: 20px;
	}
	
#footer p {
	float: left;
	width: 300px;
	padding: 0 10px;
	line-height: 3em;
	color: #fff! important;
	}
	
#footer span {
	color: #7f7e7c;
	}
	
#footer a:link, #footer a:visited {
	color: #7f7e7c;
	}	
	
#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: underline;
	}	
	
#footer #phone{
	text-align: center;
	}
	
#footer #lang{
	text-align: right;
	}
	
#footer big {
	font-size: 180%;
	}

/*footer*/

.comment-author img {
	position: relative;
	bottom: -6px;
	}

li.comment .comment-meta {
	font-size: 60%;
	}