/*
Theme Name: EWA New!!!
Theme URI: http://ewa.sg/
Description: <a href="http://ewa.sg/">http://ewa.sg/</a>
Version: 1.0
Author: Givi
Author URI: http://givi.org.ua/
Tags: blue, fixed width, two columns, widgets
*/


html {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	position: relative;
	min-height: 100%;
	background: #ECECEC url('design/body_bg.jpg') left top repeat-x;
}

* html body {
	height: 100%;
}

h1 {
	font-weight:  normal;
}

.all_page {
	width: 970px;
	margin: 0 auto;
	padding: 0 10px 150px 10px;
	position: relative;
}

.header {
	position: relative;
	width: 970px;
	height: 71px;
	margin: 0 auto;
	padding-top: 46px;
	background: url('design/header_bg.jpg') left 46px repeat-x;
}
	.header .logo {
		float: left;
		width: 250px;
		height: 71px;
		border-right: 1px solid #A79A70;
		background: url('design/logo.jpg') no-repeat;
	}
		.header .logo a {
			display: block;
			width: 133px;
			height: 71px;
		}
	.header .kusakus {
		position: absolute;
		top: 46px;
		left: 188px;
		width: 39px;
		height: 10px;
		background: url('design/header_kusakus.jpg') no-repeat;
	}
	.header .top_menu {
		float: left;
	}
		.header .top_menu ul li {
			float: left;
			_width: 1%;
			white-space: nowrap;
			height: 71px;
			border-right: 1px solid #A79A70;
		}
		.header .top_menu ul li a {
			display: block;
			height: 43px;
			padding: 28px 14px 0;
			color: #FFF;
			font: bold 12px Tahoma;
			text-transform: uppercase;
			text-decoration: none;
		}
		.header .top_menu ul li a.sel, .header .top_menu ul li.current_page_item, .header .top_menu ul li.current_page_ancestor {
			background: url('design/top_menu_hover_bg.jpg') repeat-x;
		}
			.header .top_menu ul li a:hover {
				background: url('design/top_menu_hover_bg.jpg') repeat-x;
			}
		.header .top_menu ul li ul {
			display: none;
		}
	.header .search {
		position: absolute;
		right: 0;
		width: 206px;
		height: 71px;
		background: url('design/header_right_bg.jpg') right top no-repeat;
	}
		.header .search form {
			width: 187px;
			padding-top: 18px;
			background: url('design/search_bg.jpg') left 18px no-repeat;
		}
			.header .search input {
				width: 136px;
				padding: 8px 4px 8px 10px;
				color: #999;
				font: bold 16px Arial;
			}
				.header .search input.submit {
					position: absolute;
					left: 150px;
					width: 36px;
					height: 36px;
					margin: 0;
					cursor: pointer;
				}
		
.description {
	width: 970px;
	height: 50px;
	margin: 0 auto;
	color: #DC3522;
	font: normal 10px Myriad Pro;
	text-transform: uppercase;
}

.content {
	overflow: hidden;
	width: 970px;
	margin: 0 auto;
}
	
	/* for text pages (contact, about us, etc.) */
	.content .blog {
		float: left;
		width: 657px;
	}
	.content .float {
		float: left;
	}
	
	/* Post & Product top_path */
	.content .top_path {
		width: 605px;
		padding: 5px 25px;
		color: #999;
		font: normal 12px Arial;
		background: #F9F9F9;
	}
		.content .top_path a {
			color: #57A3CC;
			font: bold 12px Arial;
			text-decoration: none;
		}
	
	.content .text {
		overflow: hidden;
		width: 605px;
		padding: 20px 25px 20px;
		color: #666;
		font: normal 14px Arial;
		background: #FFF;
	}
	.content .textshadow {
		height: 10px;
		background: url('design/text_shadow.png') left bottom no-repeat;
	}
		.content .title {
			margin: 0 0 23px 0;
			color: #BEAF7E;
			font: normal 24px Tahoma;
			text-transform: uppercase;
		}
				.content div.title {
					margin-bottom: 5px;
					text-transform: none;
				}
		.content .text .post_date {
			height: 17px;
			padding: 3px 0 0 24px;
			margin-bottom: 20px;
			color: #999;
			font: normal 11px Arial;
			background: url('design/icon_date.jpg') 0 0 no-repeat;
		}
		.content .text p {
			margin-bottom: 20px;
		}
		.content .text b, .content .text strong {
			color: #293130;
		}
		.content .text a {
			color: #57A3CC;
			text-decoration: none;
		}
			.content .text a:hover {
				text-decoration: underline;
			}
		.content .text .post_info {
			margin-top: 10px;
		}
			.content .text .post_info div {
				float: left;
				height: 16px;
				padding: 0 11px 0 24px;
				background: url('design/icons.gif') 0 0 no-repeat;
			}
			.content .text .post_info a {
				color: #57A3CC;
				font: normal 12px Arial;
				text-decoration: none;
			}	
				.content .text .post_info a:hover {
					text-decoration: underline;
				}
				.content .text .post_info .user {
					background-position: 0 -176px;
				}
				.content .text .post_info .folder {
					background-position: 0 -32px;
				}
				.content .text .post_info .tags {
					background-position: 0 -16px;
				}
				.content .text .post_info .comment {
					background-position: 0 -96px;
				}
					.content .text .post_info .comment a {
						color: #999;
					}
					
		.content .alignright {
			float: right;
		}
		.content .alignleft {
			float: left;
		}
		
		.content img.alignright {
			margin: 0 0 3px 6px;
		}
		.content img.alignleft {
			margin: 0 6px 3px 0;
		}
		
				
		/* Navigation: previous & next posts */
		.content table.navigation-post {
			width: 655px;
			height: 65px;
		}
			.content table td {
				vertical-align: middle;
			}
			.content table td.prev {
				width: 276px;
				height: 65px;
				padding: 0 14px 0 34px;
				text-align: right;
				background: #FFF url('design/prev_post.jpg') 10px 5px no-repeat;
			}
			.content table td.next {
				width: 276px;
				height: 65px;
				padding: 0 34px 0 14px;
				background: #FFF url('design/next_post.jpg') 304px 5px no-repeat;
			}
			.content table td.delim {
				width: 7px;
			}
			.content table.navigation-post a {
				color: #57A3CC;
				font: normal 14px Arial;
				text-decoration: none;
			}
				.content table.navigation-post a:hover {
					text-decoration: underline;
				}
				
	
	/* for products pages */
	.content .column210 {
		float: left;
		width: 190px;
		height: 365px;
		margin: 0 9px 0 0;
		padding: 10px;
		background: #FFF url('design/column210_shadow.jpg') left bottom no-repeat;
	}
		.content .column210 .title {
			height: 35px;
			color: #57A3CC;
			font: normal 16px Tahoma;
			border-bottom: 1px solid #E4E4E4;
			padding-top:7px;
		}
		.content .column210 .title a {
			color: #57A3CC;
			font: normal 16px Tahoma;
			text-decoration:none;
		}
		.content .column210 .title a:hover {
			color: #57A3CC;
			font: normal 16px Tahoma;
			text-decoration:underline;
		}
		.content .column210 .for {
			height: 28px;
			margin: 8px 0 5px;
			color: #666;
			font: bold 14px Tahoma;
			text-transform: uppercase;
		}
			.content .column210 .for img {
				margin-left: 10px;
				vertical-align: text-bottom;
			}
		.content .column210 .technology {
			color: #666;
			font: normal 13px Tahoma;
		}
	
	/* Produtc Single Page */	
	.content .product_view {
		margin-top: 4px;
		color: #666;
		font: normal 14px Arial;
	}
		.content .product_view img.product_thumb {
			float: left;
			margin: 0 20px 15px 0;
		}
		.content .product_view .product_for {
			margin-bottom: 25px;
			color: #293130;
			font-weight: bold;
		}
			.content .product_view .product_for img {
				margin-bottom: 2px;
				vertical-align: bottom;
			}
		.content .product_view .product_tech {
			margin-bottom: 25px;
		}
		
	
	
/* PAGINATION */
.content .paginator {
	 clear: both;
	 width: 100%;
	 text-align: center;
}	
	.content .paginator span {
		padding: 0 5px;
	}
		.content .paginator span a, .content .paginator span b {
			color: #81BAD9;
			font: normal 24px Tahoma;
			text-decoration: none;
		}
			.content .paginator span a:hover {
				text-decoration: underline;
			}
		.content .paginator span b {
			color: #666;
		}
		
	
	
	/* Comments header (trackback, count comments) */	
	.content .comment_header {
		width: 655px;
	}
	.content .comment_header div {
		padding: 0 10px;
		color: #333;
		padding-top: 6px;
		font: normal 12px Arial;
		background: #FFF;
	}
		.content .comment_header div a {
			color: #57A3CC;
			font: normal 14px Arial;
			text-decoration: none;
		}
	
	.content .comment_header .leave_comment, .content .comment_header .trackback {
		float: left;
		_width: 1%;
		white-space: nowrap;
		height: 22px;
		margin-right: 4px;
	}
		.content .comment_header .leave_comment a, .content .comment_header .trackback a {
			display:  block;
			height: 16px;
			padding-left: 20px;
			background: url('design/icons.gif') no-repeat;
		}
			.content .comment_header .leave_comment a {
				background-position: 0 -112px;
			}
			.content .comment_header .trackback a {
				background-position: 0 -144px;
			}
	
	.content .comment_header .count_comment, .content .comment_header .count_trackback {
		float: right;
		_width: 1%;
		white-space: nowrap;
		height: 24px;
		padding-top: 8px;
		margin-left: 4px;
	}
		.content .comment_header .count_comment a, .content .comment_header .count_trackback a {
			font-size: 12px;
		}
	.content .comment_header .count_trackback {
		background: #DCDCDC;
	}
	
	/* Comments view */
	.content .comments {
		overflow: hidden;
		width: 630px;
		padding: 15px 15px 20px 10px;
	}
		.content .comments li {
			overflow: hidden;
			position: relative;
			clear: both;
			display: block;
			list-style-type: none;
			font: normal 12px Arial;
			margin-bottom: 10px;
		}
		.content .comments .comment-body {
			position: relative;
			left: 92px;
			width: 516px;
			padding: 10px 10px 5px 10px;
			color: #666;
			background: #EEEFF1 url('design/comment_body_top.jpg') left top no-repeat;
		}
			.content .comments .comment-body .vcard	{
				position: relative;
				top: 0;
				left: 0;
				float: left;
				width: 72px;
				margin-left: -92px;
				_margin-left: -82px;
				padding: 0 10px 0 0;
				_padding-top: 10px;
				text-align: center;
				background: url('design/comment_to_autor.jpg') right 5px no-repeat;
			}
				.content .comments .comment-body .vcard cite {
					display: block;
					font: bold 12px Arial;
				}
				.content .comments .comment-body .vcard span {
					display: none;
				}
			.content .comments .comment-body em {
				display: block;
				margin-bottom: 10px;
			}
			.content .comments .comment-body .comment-meta	{
				position: absolute;
				left: 10px;
				bottom: 6px;
				height: 15px;
			}
			.content .comments .comment-body .reply	{
				position: relative;
				bottom: 0;
				width: 535px;
				height: 6px;
				margin: 0 -10px -5px -10px;
				line-height: 0;
				font-size: 0;
				background: #EEEFF1 url('design/comment_body_bottom.jpg') left bottom no-repeat;
			}
	
	/* IF Logged User */
	.content .text .logged_in {
		margin: 10px 0 20px;
	}
	.content .text .logged_in, .content .text .logged_in a {
		font: normal 14px Arila;
	}
		.content .text .logged_in a.logout {
			color: #9ED3F1;
			font-size: 12px;
		}
		
	/* Comment FORM */
	.content .comment_form form div {
		clear: both;
		margin-bottom: 6px;
	}
		.content .comment_form form div div {
			float: right;
			width: 492px;
			text-align: left;
		}
		.content .comment_form form div label {
			display: block;
			margin-right: 502px;
			padding: 4px 8px 0 0;
			color: #666;
			font: normal 14px Arial;
			text-align: right;
		}
			.content .comment_form form div label.req {
				padding-right: 0;
			}
		.content .comment_form input, .content .comment_form textarea {
			width: 200px;
			height: 25px;
			color: #666;
			font: normal 14px Arial;
			border: 1px solid #D9D9D9;
		}
		.content .comment_form textarea {
			width: 490px;
			height: 115px;
		}
		.content .comment_form input#submit, .content .contact_form input#submit {
			float: right;
			width: 74px;
			height: 28px;
			margin: 4px 0 0;
			color: #FFF;
			font: bold 16.25px Arial;
			border: 0;
			background: #E9402D;
			cursor: pointer;
		}
		
	
	
	/* Contact Page & Contact Form */
	.content .contact_page {
		overflow: hidden;
		background: url('design/contact_bg.png');
	}
	.content .contact_shadow {
		height: 10px;
		background: url('design/contact_shadow.png');
	}
	.content .contact_text {
		float: left;
		width: 211px;
		padding: 20px 25px;
		color: #666;
		font: normal 14px Arial;
	}
		.content .contact_text p {
			margin-bottom: 15px;
		}
		.content .contact_text a {
			color: #57A3CC;
			text-decoration: none;
		}
			.content .contact_text a:hover {
				text-decoration: underline;
			}
	.content .contact_form {
		margin-left: 271px;
		padding: 20px 27px 20px 24px;
		color: #666;
		font: normal 12px Arial;
	}
	.content .contact_form form {
		color: #666;
		font: normal 12px Arial;
	}
		.content .contact_form .snoska {
			padding: 22px 0 15px;
			font-weight: bold;
			font-size: 14px;
		}
		.content .contact_form input, .content .contact_form textarea {
			width: 196px;
			padding: 5px 3px;
			color: #666;
			font: normal 14px Arial;
			border: 1px solid #D9D9D9;
			background: #FAF8F2;
		}
		.content .contact_form textarea {
			width: 100%;
			height: 115px;
		}
		.content .contact_form input {
			margin-bottom: 10px;
		}
		.content .contact_form .send_ok {
			margin: 1px 0;
			padding: 5px 10px;
			font-weight: bold;
			background: #ECECEC;
		}
		.content .contact_form .send_not {
			padding: 5px 10px;
			margin: 1px 0;
			color: #FF0000;
			background: #ECECEC;
		}
		.content .contact_form .not {
			display: none;
		}
	
	
	/* Column RIGHT */
	.content .column_right {
		margin: 0 0 0 689px;
	}
	
	/* for text pages */
	.content .column_right .title {
		margin: -5px 0 10px 0;
		color: #333;
		font: normal 24px Tahoma;
		text-transform: uppercase;
	}
	.content .column_right ul li {
		list-style-type: none;
		padding: 0 0 0 15px;
		line-height: 20px;
		background: url('design/bulka.png') 0 8px no-repeat;
		_background-image: url('design/bulka.gif');
	}
		.content .column_right ul li a {
			color: #57A3CC;
			font: normal 14px Arial;
			text-decoration: none;
		}
			.content .column_right ul li a:hover {
				text-decoration: underline;
			}
	.content .column_right .random, .content .column_right .archives, .content .column_right .category {
		margin-bottom: 35px;
	}
	
	/* for products page: Monster */
	.content .column_right .top {
		color: #E9402D;
		font: normal 31.5px Tahoma;
		margin-top: -8px;
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	.content .column_right .monster {
		height: 185px;
		background: url('design/monster.png') left center no-repeat;
		_background-image: url('design/monster.gif');
	}
	.content .column_right .bottom {
		color: #374140;
		font: normal 14.3px Tahoma;
		text-transform: uppercase;
		letter-spacing:2px;
	}
		.content .column_right .bottom .s {
			text-decoration: line-through;
		}

.footer {
	position: absolute;
	z-index: 5;
	bottom: 0;
	width: 100%;
	background: #303030 url('design/footer_bg.jpg') left top repeat-x;
}
	.footer .kusakus {
		width: 970px;
		height: 10px;
		margin: 0 auto;
		background: url('design/footer_kusakus.jpg') 689px top no-repeat;
	}
	.footer .tags {
		width: 970px;
		margin: 10px auto;
		color: #57A3CC;
		font: normal 14px Tahoma;
		letter-spacing:1pt;
	}
		.footer .tags a {
			color: #57A3CC;
			font: normal 14px Tahoma;
			text-decoration: none;
		}
			.footer .tags a:hover {
				text-decoration: underline;
			}
		
	.footer .copy {
		position:  relative;
		width: 970px;
		margin: 0 auto;
		padding: 10px 0 15px;
		color: #FFF;
		font: normal 11px Arial;
	}
		.footer .copy a {
			color: #57A3CC;
			text-decoration: none;
		}
		.footer .copy a:hover {
			text-decoration: underline;
		}
		.footer .copy a.rss {
			display: block;
			position: absolute;
			top: 5px;
			left:  340px;
			width: 32px;
			height: 29px;
			padding: 7px 0 0 48px;
			color: #FF7100;
			font: normal 18px Tahoma;
			letter-spacing:2pt;
			text-decoration: none;
			background: url('design/rss.png') 2px top no-repeat;
			_background-image: url('design/rss.gif');
			z-index: 2;
		}