/*
Theme Name: AI
Theme URI: http://alexilin.ru
Description: A theme by ALex Ilin
Version: 6.0
Author: Alex Ilin
Author URI: http://alexilin.ru
*/

@font-face {
	font-family: 'GardensCRegular';
    src: url('fonts/gardensc_03_1-webfont.eot');
    src: url('fonts/gardensc_03_1-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/gardensc_03_1-webfont.woff') format('woff'),
         url('fonts/gardensc_03_1-webfont.ttf') format('truetype'),
         url('fonts/gardensc_03_1-webfont.svg#GardensCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'MolotRegular';
    src: url('fonts/molot-webfont.eot');
    src: url('fonts/molot-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/molot-webfont.woff') format('woff'),
         url('fonts/molot-webfont.ttf') format('truetype'),
         url('fonts/molot-webfont.svg#MolotRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{
	display:block
}
body{
	background:url(images/main-bg.jpg);
	font:80%/1 Arial,Helvetica,sans-serif;
	color:#555
}
h1{
	font:2.7em 'GardensCRegular', 'Trebuchet MS',Helvetica,sans-serif;
	text-transform:uppercase;
	text-shadow:2px 2px 0 #CBCBCB;
}
	h1 a{
		text-decoration:none;
	}
	h1 span{
		color:#222
	}
h2{
	margin:0 0 40px;
	font:2.5em/120% 'GardensCRegular', 'Trebuchet MS',Helvetica,sans-serif;
	text-transform:uppercase;
	text-shadow:1px 1px 0 #ccc;
	color:#222
}
h3{
	margin:0 0 20px;
	padding:15px 0 0;
	font:1.8em/120% 'GardensCRegular', 'Trebuchet MS',Helvetica,sans-serif;
	text-transform:uppercase;
	color:#222;
	text-shadow:1px 1px 0 #ccc;
}
	h2 a, h3 a{
		text-decoration:none;
		color:#222
	}
	h2 a:hover, h3 a:hover{
		text-decoration:underline
	}
#aside h3{
	padding:0 0 5px;
	border-bottom:1px solid #ddd;
}
#footer h3{
	text-shadow:0 1px 0 #fff;
}
@media screen and (max-width:680px){
	h2, h3{
		text-align:center
	}
}
h4{
	margin:0 0 20px;
	padding:5px 0 0;
	font-weight:bold;
	font-size:1.4em;
	color:#333
}
a{
	color:#169FC4
}
a:hover{
	text-decoration:none
}
p{
	margin:0 0 20px;
	line-height:120%
}
ol, ul{
	list-style:none;
	line-height:120%
}
code{
	font:0.9em 'Courier New',Courier,monospace
}
pre:before{
	position:absolute;
	left:0;
	right:0;
	top:0;
	padding:5px;
	background:#8CE0F7;
	font:1.6em/100% 'MolotRegular';
	color:#fff;
	text-shadow:1px 1px 0 #5EC2DE
}
pre[class=html4strict]:before{
	content:"HTML";
}
pre[class=css]:before{
	content:"CSS";
}
pre[class=javascript]:before{
	content:"Javascript";
}
strong{
	font-weight:bold
}
blockquote{
	position:relative;
	padding:40px 70px;
	font-style:italic;
	font-size:85%;
	color:#777;
}
blockquote, q{
	quotes:none
}
q:before, q:after{
	content:'';
	content:none
}
blockquote:before{
	position:absolute;
	left:15px;
	top:-5px;
	content:"«";
	font:italic 8em/100% 'Times New Roman',serif;
	color:#f1f1f1;
}
blockquote:after{
	position:absolute;
	right:15px;
	bottom:35px;
	content:"»";
	font:italic 8em/100% 'Times New Roman',serif;
	color:#f1f1f1;
}
	blockquote *{
		position:relative;
		z-index:10;
	}
	blockquote p{
		text-indent:2em
	}
table{
	border-collapse:collapse;
	border-spacing:0
}
#wrapper{
	min-width:300px;
	margin:auto;
	padding:0 20px
}
@media screen and (min-width:1280px){
	#wrapper{
		padding:0 100px
	}
}
#header{
	height:1%;
	padding:35px 30px;
}
#header:after{
	content:"";
	display:block;
	clear:both;
	height:0
}
	#header hgroup{
		float:left
	}
	@media screen and (max-width:680px){
		#header hgroup{
			float:none;
			text-align:center
		}
	}
	#header .search-form{
		float:right;
		padding:10px 0 0
	}
	@media screen and (max-width:680px){
		#header .search-form{
			float:none;
		}
	}
#main-nav{
	overflow:hidden;
	height:1%;
	background:#F4F4F4
}
#main{
	height:1%;
	padding:30px 30px 20px;
	background:#fff
}
#main:after{
	content:"";
	display:block;
	clear:both;
	height:0
}
#content{
	float:left;
	width:65%;
}
@media screen and (max-width:1000px){
	#content{
		float:none;
		width:auto;
		padding:0 0 40px
	}
}
#aside{
	float:right;
	width:30%;
}
@media screen and (max-width:1000px){
	#aside{
		float:none;
		width:auto
	}
}
#footer{
	padding:20px 30px;
}
.menu{
	float:left;
	padding:24px 30px;
}
@media screen and (max-width:680px){
	.menu{
		float:none;
		padding:0;
	}
}
.menu, .page-numbers{
	height:1%;
	line-height:100%
}
.menu:after, .page-numbers:after{
	content:"";
	display:block;
	clear:both;
	height:0
}
	.menu li{
		float:left;
		margin:0 10px 0 0
	}
	@media screen and (max-width:680px){
		.menu li{
			float:none;
			margin:0
		}
	}
	.page-numbers li{
		float:left;
		margin:0 5px 0 0
	}
	.menu a, .page-numbers a, .buttons a, .button, #submit, .tabs a{
		position:relative;
		float:left;
		display:block;
		padding:12px 15px;
		background-color:#8CE0F7;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#8CE0F7), to(#26B7DE));
		background-image:-webkit-linear-gradient(top, #8CE0F7, #26B7DE);
		background-image:-moz-linear-gradient(top, #8CE0F7, #26B7DE);
		background-image:-ms-linear-gradient(top, #8CE0F7, #26B7DE);
		background-image:-o-linear-gradient(top, #8CE0F7, #26B7DE);
		background-image:linear-gradient(to bottom, #8CE0F7, #26B7DE);
		border:none;
		-webkit-border-radius:6px;
		-moz-border-radius:6px;
		border-radius:6px;
		-webkit-box-shadow:1px 1px 2px #aaa;
		-moz-box-shadow:1px 1px 2px #aaa;
		box-shadow:1px 1px 2px #aaa;
		color:#fff;
		text-decoration:none;
		font:1em/100% Arial,Helvetica,sans-serif;
		cursor:pointer;
	}
	@media screen and (max-width:680px){
		.menu a{
			float:none;
			background:none;
			border-bottom:1px solid #ccc;
			-webkit-border-radius:0;
			-moz-border-radius:0;
			border-radius:0;
			-webkit-box-shadow:none;
			-moz-box-shadow:none;
			box-shadow:none;
			color:#555;
			text-align:center
		}
	}
	.page-numbers a{
		padding:7px 11px 8px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
	}
	#submit, form .button{
		float:none;
		height:36px;
		padding:0 15px 1px
	}
	#submit::-moz-focus-inner, .button::-moz-focus-inner{
		border:0;
		padding:0;
	}
	.menu a:hover, .page-numbers a:hover, .buttons a:hover, button:hover, #submit:hover, .tabs a:hover{
		background-color:#1FB4DD;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#1FB4DD), to(#0F8DB0));
		background-image:-webkit-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:-moz-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:-ms-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:-o-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:linear-gradient(to bottom, #1FB4DD, #0F8DB0);
	}
	@media screen and (max-width:680px){
		.menu a:hover{
			background:#555;
			color:#fff
		}
	}
	.menu a:active, .page-numbers a:active, .buttons a:active, .button:active, #submit:active{
		top:1px;
		left:1px;
		-webkit-box-shadow:0 0 2px #aaa;
		-moz-box-shadow:0 0 2px #aaa;
		box-shadow:0 0 2px #aaa;
	}
	.menu .current_page_item a, .page-numbers .current, .tabs .cur a{
		padding-top:11px;
		background-color:#ddd;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#ddd));
		background-image:-webkit-linear-gradient(top, #ccc, #ddd);
		background-image:-moz-linear-gradient(top, #ccc, #ddd);
		background-image:-ms-linear-gradient(top, #ccc, #ddd);
		background-image:-o-linear-gradient(top, #ccc, #ddd);
		background-image:linear-gradient(to bottom, #ccc, #ddd);
		border-top:1px solid #bbb;
		-webkit-box-shadow:0 1px 0 #fff;
		-moz-box-shadow:0 1px 0 #fff;
		box-shadow:0 1px 0 #fff;
		color:#555;
	}
	.page-numbers span{
		position:relative;
		float:left;
		padding:7px 11px 8px;
		color:#555
	}
	.page-numbers .current{
		padding:7px 11px 8px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
	}
	.page-numbers .dots{
		padding:7px 5px 8px
	}
.buttons{
	position:relative;
	overflow:hidden;
	height:1%;
	margin:0 0 20px;
	padding:15px 0;
	text-align:center
}
	.buttons div{
		position:relative;
		left:50%;
		float:left
	}
	.buttons div{
		position:relative;
		left:50%;
		float:left
	}
	.buttons div ul{
		position:relative;
		left:-50%;
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		text-transform:uppercase;
	}
	.buttons div ul li{
		float:left;
		padding:0 10px
	}
	.buttons a{
		padding:10px 15px;
		font-weight:bold;
		text-shadow:0 -1px 0 #49A7C1;
	}
	.buttons a:hover{
		background-color:#1FB4DD;
		background-image:-webkit-gradient(linear, left top, left bottom, from(#1FB4DD), to(#0F8DB0));
		background-image:-webkit-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:-moz-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:-ms-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:-o-linear-gradient(top, #1FB4DD, #0F8DB0);
		background-image:linear-gradient(to bottom, #1FB4DD, #0F8DB0);
	}
	.buttons .demo, .buttons .download{
		padding:0;
	}
	.buttons span{
		float:left;
		padding:15px 20px 15px 45px;
		background-repeat:no-repeat;
		background-position:20px 50%;
	}
	.buttons .demo span{
		background-image:url(images/icon-demo.png);
	}
	.buttons .download span{
		background-image:url(images/icon-download.png);
	}
.add-nav, .widget ul{
	padding:0 0 0 15px;
	list-style:disc;
	color:#ddd;
}
#footer .add-nav, .widget ul{
	color:#ccc;
}
	.add-nav li, .widget ul li{
		padding:0 0 5px
	}
	.add-nav li:hover, .widget ul li:hover{
		color:#169FC4
	}
	.add-nav a, .widget ul a{
		display:block;
		text-decoration:none;
		-webkit-transition:padding 0.3s ease-out;
		-moz-transition:padding 0.3s ease-out;
		-ms-transition:padding 0.3s ease-out;
		-o-transition:padding 0.3s ease-out;
		transition:padding 0.3s ease-out;
	}
	.add-nav a:hover, .widget ul a:hover{
		padding:0 0 0 10px
	}
	.add-nav span{
		margin:0 0 0 2px;
		padding:0 5px;
		background:#8CE0F7;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		color:#fff;
		font-weight:bold
	}
.skip-link{
	display:none
}
.social-nav{
	float:right;
	padding:28px 30px;
	font-size:0.8em;
	line-height:100%
}
	.social-nav li{
		float:left;
		margin:0 0 0 10px
	}
	.social-nav a{
		float:left;
		width:24px;
		height:24px;
		padding:2px;
		background:#ccc;
		-webkit-border-radius:14px;
		-moz-border-radius:14px;
		border-radius:14px;
	}
	.social-nav .item-1:hover{
		background:#F56423
	}
	.social-nav .item-2:hover{
		background:#3B5998
	}
	.social-nav .item-3:hover{
		background:#4ED3FF
	}
.tabs{
	height:1%;
	margin:0 0 20px;
}
.tabs:after{
	content:"";
	display:block;
	clear:both;
	height:0
}
	.tabs li{
		position:relative;
		float:left;
		z-index:10
	}
	.tabs .cur{
		z-index:5
	}
	.tabs a{
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.tabs .item-1{
		-webkit-border-radius:5px 0 0 5px;
		-moz-border-radius:5px 0 0 5px;
		border-radius:5px 0 0 5px;
	}
	.tabs .item-3{
		-webkit-border-radius:0 5px 5px 0;
		-moz-border-radius:0 5px 5px 0;
		border-radius:0 5px 5px 0;
	}
.centered{
	display:block;
	margin:auto
}
.alignright{
	float:right;
	margin-left:15px
}
.alignleft{
	float:left;
	margin-right:15px
}
.search-form div{
	float:right;
	overflow:hidden;
	padding:0 0 0 5px;
	background:#f5f5f5;
	border:1px solid #DBDBDB;
	border-top-color:#ccc;
	border-bottom:none;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0 1px 0 #fcfcfc;
	-moz-box-shadow:0 1px 0 #fcfcfc;
	box-shadow:0 1px 0 #fcfcfc;
}
@media screen and (max-width:680px){
	#header .search-form div{
		float:none;
	}
}
.search-form .field{
	float:left;
	width:120px;
	margin:0;
	padding:8px 5px 7px 0;
	background:#f5f5f5;
	border:1px solid #DBDBDB;
	border:none;
	color:#888;
	font:0.9em/100% Arial,Helvetica,sans-serif;
	-webkit-transition:width 0.5s ease-out;
	-moz-transition:width 0.5s ease-out;
	-ms-transition:width 0.5s ease-out;
	-o-transition:width 0.5s ease-out;
	transition:width 0.5s ease-out;
}
.search-form .field:focus{
	width:250px;
}
@media screen and (max-width:680px){
	#header .search-form .field, #header .search-form .field:focus{
		width:80%
	}
}
.search-form .submit{
	float:right;
	margin:5px 5px 0 0;
	width:20px;
	height:20px;
	background:url(images/button-search.gif) no-repeat 0 0;
	border:none;
	cursor:pointer
}

.post{
	margin:0 0 80px;
}
.posts .post{
	margin:0 0 40px;
	border-bottom:1px solid #ccc
}
@media screen and (max-width:680px){
	.post{
		border-bottom:1px solid #ccc
	}
}
.post .entry-header{
	position:relative;
	min-height:60px;
	padding:15px 0 30px 95px;
}
@media screen and (max-width:680px){
	.post .entry-header{
		padding:0 0 20px;
		text-align:center
	}
}
	.post .entry-header h2{
		margin:0
	}
	.post .entry-header h3{
		margin:0;
		padding:5px 0 0
	}
.post-date{
	position:absolute;
	left:0;
	top:0;
	width:70px;
	height:64px;
	padding:6px 0 0;
	background-color:#fafafa;
	border:5px solid #ccc;
	-webkit-border-radius:45px;
	-moz-border-radius:45px;
	border-radius:45px;
	font-weight:bold;
	font-size:1em;
	line-height:100%;
	text-align:center;
	color:#ccc;
}
@media screen and (max-width:680px){
	.post-date{
		position:static;
		left:0;
		width:auto;
		height:auto;
		padding:0 0 5px;
		background:none;
		color:#555;
		font-weight:normal;
		font-size:1.4em;
		text-shadow:none;
	}
}
	.post-date span{
		display:block;
		font:3.6em/100% 'MolotRegular', Impact,Charcoal,sans-serif;
		text-shadow:0 1px 0 #aaa;
	}
	@media screen and (max-width:680px){
		.post-date span{
			display:inline;
			font-size:1em;
		}
	}
.comments-link{
	position:absolute;
	left:55px;
	top:-18px;
	width:40px;
	height:40px;
	padding:0;
	background:#fafafa;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	-webkit-box-shadow:0 0 1px #888;
	-moz-box-shadow:0 0 1px #888;
	box-shadow:0 0 1px #888;
	font:bold 1.4em/40px Arial,Helvetica,sans-serif;
	text-align:center;
	color:#aaa;
	text-decoration:none
}
@media screen and (max-width:680px){
	.comments-link{
		position:static;
		left:0;
		top:0;
		display:inline;
		width:auto;
		height:auto;
		background:none;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		line-height:100%
	}
}
.comments-link:after{
	position:absolute;
	right:3px;
	bottom:3px;
	content:"";
	display:block;
	width:6px;
	height:6px;
	background:#fafafa;
	border:1px solid #eee;
	border-left:none;
	border-top:none;
}
@media screen and (max-width:680px){
	.comments-link:after{
		display:none;
	}
}
.comments-link:hover, .comments-link:hover:after{
	background:#555;
	border-color:#555;
	color:#fff
}
.entry-content p{
	font-size:1.2em;
	line-height:130%
}
.entry-content form p{
	font-size:1em;
	line-height:120%
}
.entry-content ul, .entry-content ol{
	margin:0 0 10px;
	padding:0 0 0 40px;
	font-size:1.2em;
	line-height:130%;
	list-style:disc
}
@media screen and (max-width:680px){
	.entry-content p, .entry-content ul, .entry-content ol{
		font-size:1em;
		line-height:120%;
	}
}
	.entry-content ul li, .entry-content ol li{
		padding:0 0 10px
	}
	.entry-content ul ul, .entry-content ol ul, .entry-content ul ol, .entry-content ol ol{
		margin:0;
		padding:20px 0 20px 15px;
		font-size:1em;
		line-height:120%;
	}
.entry-content ol{
	list-style:decimal
}
.commentlist{
	margin:0 0 30px
}
	.commentlist h3{
		padding:0 0 10px;
	}
	.commentlist .comment{
		position:relative;
		padding:0 0 20px 90px;
	}
	.commentlist .comment-body{
		padding:20px;
		background:#f3f3f3
	}
	.commentlist .children{
		padding:0 0 0 90px
	}
	.commentlist .comment-author{
		position:absolute;
		left:0;
		top:0;
		width:80px;
		font-size:0.85em;
		line-height:120%
	}
	.commentlist .avatar{
		padding:1px;
		border:3px solid #eee;
	}
	.commentlist .fn{
		display:block;
		font-weight:bold
	}
	.commentlist .comment-content p{
		margin:0 0 10px
	}
	.commentlist .edit-link{
		padding:5px 0 0
	}
#respond{
	padding:20px 0 0
}
.commentlist #respond{
	padding:0 0 0 90px
}
label{
	font-weight:bold;
	font-size:1.2em;
}
.required{
	font-size:1.5em;
	color:orange
}
.input-text{
	display:block;
	width:350px;
	margin:5px 0 0;
	padding:5px;
	background:#f5f5f5;
	border:1px solid #DBDBDB;
	border-top-color:#B6B6B6;
	border-bottom-color:#eee;
	font:1em/100% Arial,Helvetica,sans-serif;
	color:#555
}
.commentlist .input-text{
	width:100%;
	padding:5px 0;
}
textarea{
	display:block;
	width:100%;
	min-width:360px;
	margin:5px 0 0;
	background:#f5f5f5;
	border:1px solid #DBDBDB;
	border-top-color:#B6B6B6;
	border-bottom-color:#eee;
	font:1em/100% Arial,Helvetica,sans-serif;
	color:#555
}
.js, .comment-reply-link{
	border-bottom:1px dashed #169FC4;
	text-decoration:none
}
.js:hover, .comment-reply-link:hover{
	border:none;
}
#reply-title{
	position:relative
}
	#reply-title small{
		position:absolute;
		right:0;
		top:0;
		font-size:0.5em;
		line-height:100%
	}
	#reply-title a{
		display:block;
		width:25px;
		height:20px;
		padding:5px 0 0;
		background:#eee;
		-webkit-border-radius:12px;
		-moz-border-radius:12px;
		border-radius:12px;
		text-align:center
	}
	#reply-title img{
		vertical-align:middle
	}
.widget{
	margin:0 0 30px
}
#footer .widget{
	display:inline-block;
	vertical-align:top;
	width:19.9%
}
@media screen and (max-width:1000px){
	#footer .widget{
		display:block;
		width:auto
	}
}
.tabs-b{
	margin:0 0 30px
}
	.tabs-b .tabs-b-item{
		display:none;
	}
.entry-tags{
	font-size:0.85em
}
.require{
	color:orange
}
.wp_syntax{
	position:relative;
	overflow:auto;
	margin:0 0 1.5em 0;
	padding:28px 0 0;
	background:#f9f9f9;
	color:#100  
}
/* IE FIX */
.wp_syntax{
	overflow-x:auto;
	overflow-y:hidden;
	width:100%;
	padding-bottom:expression(this.scrollWidth > this.offsetWidth ? 15 : 0)
}
.wp_syntax table{
	border-collapse:collapse;
}
.wp_syntax div, .wp_syntax td{
	padding:5px 10px;
	vertical-align:top
}
.wp_syntax .line_numbers{
	overflow:visible;
	padding-left:15px;
	background:#BEECF9;
	text-align:right;
	color:#fff;
	font-weight:bold
}
/* potential overrides for other styles */
.wp_syntax pre{
	overflow:visible;
	float:none;
	clear:none;
	width:auto;
	margin:0;
	font-size:12px;
	line-height:1.333em;
	white-space:pre
}