/*
Theme Name: BlankSlate
Theme URI: http://tidythemes.com/blankslate/
Description: 3.0+ has been completely and massively overhauled. DO NOT UPGRADE current projects to this version automatically. You will lose all customizations whether you're using a child theme or not. BEFORE USING AND ESPECIALLY UPGRADING IN GENERAL PLEASE READ: tidythemes.com/concept. The bare essentials of a WordPress theme (an HTML5 boilerplate), no visual CSS styles added. Perfect for those who would like to build their own theme from scratch or for clients if you're a developer or designer. This theme is clean, valid code, semi minified, no programmer comments, SEO-friendly and 100% open source. One custom menu and one widgetized sidebar to get you started. If you don't know CSS and would like to learn we've prepared: tidythemes.com/want-to-learn-css and please visit us in the forum for further help: tidythemes.com/forum - Thank You and Enjoy
Author: TidyThemes
Author URI: http://tidythemes.com/
Version: 3.0
Tags: one-column, flexible-width, custom-menu, featured-images, microformats, sticky-post, threaded-comments
License: GNU General Public License | This theme is completely free and open source to use as you like for both personal and commercial projects without any limitations.
License URI: https://www.gnu.org/licenses/gpl.html
*/
@bg-color: white;
@bg-wrapper: url(images/bg-wrapper.jpg)  no-repeat;

@basefont: 'Trebuchet MS', serif;
@basefontsize: 14px;
@baselineheight: 150%;
@basecolor: #434345;

@h2size: 30px;
@h2color: #0f0f10;

@linkcolor: #8d028c;
@navlinkcolor: #fbfafa;
@navlinksize: 16px;
@header-height: 315px;
@sidebar-width: 250px;
@main-width: 1100px;
@footer-bottom: 360px;


.i{font-style: italic;}
.b{font-weight: bold;}

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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

middle, sideRight, footer, header, nav, .search-inputs, #puh, #wool{
	position: relative;
}

#logo {
	position: absolute;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	height: 100%;
}
header, nav, section, article, aside, footer {
	display: block;
}
body {
	font-family: @basefont;
	font-size: @basefontsize;
	line-height: @baselineheight;
	width: 100%;
	height: 100%;
	background: @bg-color;
	color: @basecolor;
}

a {
	color: @linkcolor;
	outline: none;
	text-decoration: none;
	
	&:hover {
			text-decoration: underline ;
	}
}

h2, #actions a h3, #techs a h3, h1 {
	font-size: @h2size;
	color: @h2color;
	padding:0 0 20px 0;
}

p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: @main-width;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: @bg-wrapper;
}


/* Header
-----------------------------------------------------------------------------*/
header {
	height: @header-height;
	
}
	nav {
		z-index: 100;
		width: 100%;
		height: 47px;
	}
	
		nav>div {
			text-align: center;
			padding-left: 180px;
			height: 47px;
			margin: 0 auto;
		}
	
		nav a {
			
			color: @navlinkcolor;
			font-size: @navlinksize;
			display: block;
			height: 37px;
			padding: 10px 20px 0;
			
			
			&:hover {
					text-decoration: none;
			}
		}
		
		.middlehover {
			float: left;
		}

		nav li {
			float: left;
			padding-left: 10px;
			
			&:first-child {
					padding-left: 0px;
			}
		}
		
			li:hover .leftcorner, .current-menu-item .leftcorner {
				background: url(images/lnavhover.png) no-repeat;
			}
			
			li:hover .rightcorner, .current-menu-item .rightcorner  {
				background: url(images/rnavhover.png) no-repeat;
			}
			
			li:hover .middlehover, .current-menu-item .middlehover {
				
				background: url(images/navhover.png) repeat-x;
			}
		
			.leftcorner, .rightcorner {
				float:left;
				width: 10px;
				
				height: 47px;
			}
			
			.middlehover {
				
				height: 47px;
				float:left;
			}
			
		
	#logo {
		left: 310px;
		top: 10px;
		z-index: 90;
		
		a{
			width: 427px;
			height: 284px;
			background: url(images/logo.png) no-repeat;
			display: block;
			
		}
	}
	
	header .search  {
		padding: 8px 0 0 50px;
		width: 300px;
		float: left;
		
		.s {
			background: url(images/s.png) no-repeat;
			width: 280px;
			height: 60px;
			border: none;
			margin-left: 10px;
			padding-left: 35px;
		}
		
		.searchsubmit {
			background: url(images/ss.png) no-repeat;
			position: absolute;
			width: 43px;
			height: 44px;
			border: none;
			left: 0;
			top: 7px;
			cursor: pointer;
		}
		
	}
	
	
	#phone {
		font-size: 30px;
		color: #fbfafa;
		text-shadow: 2px 2px 5px black;
		float: right;
		padding: 10px 290px 0 0;
	}

	#alarm {
		width: 171px;
		height: 173px;
		background: url(images/alarm.png) no-repeat;
		float: left;
		clear: both;
		margin:18px 0 0 50px;
		padding:60px 0 0 0px;
		text-align: center;
		
		.time {
			color: #e917e7;
		}
	}
	
	#rss a {
		display: block;
		width: 245px;
		height: 173px;
		background: url(images/rss.png) no-repeat;
		float: right;
		padding: 0 40px 0 0;
		margin: 10px 0 0 0;
	}
		


/* Middle
-----------------------------------------------------------------------------*/
#middle {
	width: 100%;
	padding: 0 0 @footer-bottom;
	height: 1%;
	
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 @sidebar-width+20 0 0;
}

	#actions {
		background: url(images/actions.png) no-repeat right top;
		padding-right: 460px;
		height: 339px;
		position: relative;
		
		a.imglink {
			display: block;
			width: 200px;
			height: 150px;
			position: absolute;
			top: 0;
			left: 380px;
		}
		
		
	}
	
	#techs {
		background: url(images/techs.jpg) no-repeat right top;
		padding-right: 460px;
		height: 260px;
		position: relative;
		
		a.imglink {
			display: block;
			width: 200px;
			height: 150px;
			position: absolute;
			top: 0;
			left: 460px;
		}
		
		
	}
	
	.horiz {
		height: 240px;
		margin-bottom: 30px;	
		padding:0 0 0 280px;
		
	}
	
	#wool {
		margin-top: -40px;
		background: url(images/wool.jpg) no-repeat #fff;
	}
	
	#silk {
		background: url(images/silk.jpg) no-repeat #fff;
	}
	
	.horiz .viewport { 
		float: left; 
		width: 515px; 
		height: 230px; 
		overflow: hidden; 
		position: relative; 
		-webkit-border-radius: 9px;
		border-radius: 9px;
		border: 1px solid #e917e7;
		margin: 0px 0 0 0;
		z-index: 90;
		background: #fff;
		
		
	}
	
	.horiz .buttons { display: block; margin: 30px 10px 0 0; float: left; }
	.horiz .next { margin: 30px 0 0 10px;  }
	.horiz .disable { visibility: hidden; }
	.horiz .overview { list-style: none; position: absolute; padding: 5px 20px 0 30px; margin: 0; left: 0; top: 0; width: 220px; }
	.horiz .overview div{ 
		float: left; 
		margin: 0 20px 0 0; 
		padding: 1px; 
		height: 180px; 
		width: 140px;
		text-align: center;
	}
	
	.horiz .thumb {
		width: 100px;
		height: 100px;
		margin-right: 30px;
	}
	
	.thumb-link:hover {
		opacity: .6;
	}
	
	.horiz .buttons {
		position: absolute;
		top: 60px;
		width: 22px;
		height: 59px;
		color: white;
		z-index: 100;
		text-indent: -999em;
	}
	
	.horiz .next {
		background: url(images/right.png) no-repeat !important;
		right: 22px;
	}
	
	.horiz .prev{
		background: url(images/left.png) no-repeat;
		left: 270px;
	}
	
	#questions {
		width: 768px;
		height: 100px;
		background: url(images/questions.jpg) no-repeat;
		margin:10px 0px 30px 30px;
		a{
			text-align: center;
			display: block;
			float: left;
			font-size: 30px;
			.i;
			.b;
		}
	}
	
		#order {
			color: #060606;
			padding: 35px 0 0 35px; 
		}
		
		#shipping {
			color: #fff;
			padding: 25px 0 0 120px; 
			line-height: 80%;
		}
		
	.row  { clear: both; }
	.col1 { width: 205px; float: left; padding: 0 0px; }
	.col2 { width: 205px; float: left;  padding: 0 75px; }
	.col3 { width: 205px; float: right;  padding: 0 0px; }
	
	.category #content {
		width: 765px;
		.post {
			margin-bottom: 30px;
			.more {
				padding: 0 0 0 60px;
			}
		}
		.text {
			max-height: 210px;
			font-size: 12px;
			color: #060606;
			padding: 0 0 0 10px;
			overflow: hidden;
			
			p {
				margin:0;
			}
		}
		
		h3 {
			height: 60px;
			padding: 0 0 0 10px;
			a{
				.i;
				.b;
				color: #060606;
			}
		
		}	
	}
	
	.alignleft  {
		float: left;
		padding: 25px 10px 10px 0;
		
	}
	
	.single .entry-content p:first-child {
		margin-top: -10px;
	}
	
	.s2_message, .s2_error {
		color: white;
		margin: 35px 0 0 30px;
		
		a{
			color: yellow;
		}
	}
	
	#breadcrumbs {
		font-size: 18px;
		margin:20px 0;
		a {
			padding-right: 10px;
			color: #529bfc;
		}
		
		span {
			color: #e917e7;
		}
		
		.separator {
			font-size: 24px;
			padding-right: 10px;
			color: black;
		}
	}
/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: left;
	margin-right: -3px;
	width: @sidebar-width;
	margin-left: -@sidebar-width;
	margin-top: -50px;
}

	#razdely {
		background: url(images/razdely.png) no-repeat;
		min-height: 92px;
		padding:110px 0 0 30px;
		
		li {
			padding:0 0 20px 0;
			a {
				font-size: 16px;
			}
		}
	}
	
	#puh {
		background: url(images/puh.jpg) no-repeat center top;
		height: 420px;
		margin-top: 20px;
		padding-top:200px;
	}
	
		.thumb {
			width: 185px;
			height: 185px;
		}
	
	.vert,.horiz { overflow:hidden; }
	.vert .viewport { 
		float: left; 
		width: 240px; 
		height: 330px; 
		overflow: hidden; 
		position: relative; 
		-webkit-border-radius: 9px;
		border-radius: 9px;
		border: 1px solid #e917e7;
		margin: 50px 0 0 0;
		z-index: 90;
		
	}
	
	.vert .buttons { display: block; margin: 30px 10px 0 0; float: left; }
	.vert .next { margin: 30px 0 0 10px;  }
	.vert .disable { visibility: hidden; }
	.vert .overview { list-style: none; position: absolute; padding: 30px 20px 0 10px; margin: 0; left: 0; top: 0; width: 220px; }
	.vert .overview div{ 
		float: left; 
		margin: 0 20px 0 0; 
		padding: 1px; 
		height: 330px; 
		width: 220px;
		
	}
	
	.vert a h3, .horiz a h3 {
		color: #060606;
		font-size: 12px;
		.i;
		.b;
	}
	
	.vert a {
		display: block;
	}
	
	.horiz .thumb-link {
		width: 121px;
		height: 115px;
		background: url(images/thumb2bg.png) no-repeat;
		padding: 7px 0 0 10px;
		margin: 10px 0 0 7px;
		display: block;
	}
	
	.thumb-link {
		width: 203px;
		height: 200px;
		background: url(images/thumb-bg.jpg) no-repeat;
		padding: 7px 0 0 10px;
		margin: 10px 0 0 7px;
		display: block;
	}
    
	.vert .buttons {
		position: absolute;
		left: 85px;
		width: 59px;
		height: 22px;
		color: white;
		z-index: 100;
		text-indent: -999em;
	}
	
	.vert .next {
		background: url(images/down.png) no-repeat !important;
		bottom: 28px;
	}
	
	.vert .prev{
		background: url(images/up.png) no-repeat;
		top: 210px;
	}
	
	.more {
		color: #2489fb;
		font-size: 12px;
		text-align: center;
		.i;
		.b;	
	}
	
	#text-2 {
		min-height: 10px;
		background: url(images/partners.jpg) no-repeat center top;
		padding: 215px 0 0 10px;
		margin: 0px 0 20px 0;
		.widget-title {
			display: none;
		}
	}

/* Footer
-----------------------------------------------------------------------------*/
footer {
	width: @main-width;
	margin: -@footer-bottom auto 0;
	height: @footer-bottom;
	background: url(images/footer.png) no-repeat;
	line-height: 130%;
	h3 {
		color: #fffe00;
		font-size: 18px;
		.i;
		.b;
		text-transform: uppercase;
		margin:0 0 20px 0;
		width: 224px;
		text-align: center;
		
	}
}


	#blocks {
		clear:both;
		padding: 20px 55px 0 55px;
		color: white;
		>div {
			background: url(images/line.jpg) no-repeat;
			float:left;
			padding:10px 30px 0 0;
			
			a {
				color: white;
			}
			
			li {
				padding:0 0 10px 0;
			}
			
	}
		>div:last-child {
			padding-right:0;
		}
	}
	
		#cont, #fmenu {
			width: 224px;
		}
		
		#fmenu ul {
			padding-left: 10px;
		}
		
		#about {
			width: 470px;
		}
		
		#cont {
			text-align: center;
			#adress {
				.i;
				
			}
			
			#mail {
				background: url(images/mail.png) no-repeat;
				font-size: 18px;
				color: #f8f317;
				.i;
				margin: 10px 0 10px 20px;
				display: block;
				padding:0 0 0 5px;
				line-height: 150%;
			}
			
			#phone2 {
				background: url(images/phone.png) no-repeat;
				display: block;
				height: 57px;
				width: 100%;
				font-size: 24px;
				padding: 10px 0 0 30px;
				.i;
				margin: 20px 0;
				>span {
					font-size: 14px;
				}
			}
			
			
		}
		
		#copyright {
			color: #050505;
			font-size: 12px;
			width: 80%;
			margin:0 auto;
			text-align: center;
			
			a{
				color: #fff;
			}
		}
		
		
		#bottom {
			height: 73px;
			width: 100%;
			bottom: 0;
			position: absolute;
		}
		
			#subscribe{
				float: right;
				margin:3px 60px 0 0;
				
				span {
					.i;
					color: white;
					padding:0px 10px 0 0;
					
					width: 100px;
					bottom:-10px;
					position: relative;
				}
				
				input[type='submit']{
					background-color: #af11ae;
					-webkit-border-radius: 20px;
					border-radius: 20px;
					width: 48px;
					height: 36px;
					border: 0;
					color: white;
					text-transform: uppercase;
					.i;
					margin: 25px 0 0 5px;
				}
			}
			
				#s2email {
					background: url(images/subscribe.png) no-repeat;
					height: 49px;
					width: 182px;
					border: 0;
					padding: 22px 0 0 110px;
					overflow: hidden;
					
					
					
				}
				
				#s2email[placeholder] {
					.i;
				}