/**
Theme Name: Whirl
Author URI: http://whirl.com
Version: 1.0
Author: whirl
Description: modification of the iBusiness theme
Coder: whirl
*/

/* -------------------------------------- */

.clearfix:after { /* FF, O, etc. */
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block; /* IE7xhtml*/
}

html[xmlns] .clearfix { /* O */
	display: block;
}

* html .clearfix {
	height: 1%; /* IE5-6 */
}

body {
	background: url(images/main_back.jpg) repeat-x;
	margin:0;
	font:normal 12px Arial;
	color:#5c5c5c;
}

a {
	color:#ffffff;
	text-decoration: none;
}

a:hover {
	color:#ffffff;
}

.last {
	margin-right:0 !important;
	margin-bottom:0 !important;
}
.top-left, .top-right { top:73px; }

.bottom-left, .bottom-right { bottom:0; }

.top-left, .bottom-left { left:0; }

.top-right, .bottom-right { right:0; }

.top-left { background-position:0 0; }

.top-right { background-position:-5px 0; }

.bottom-left { background-position:-10px 0; }

.bottom-right { background-position:-15px 0; }

/* header */

#header {
	background:transparent url(images/header.jpg) no-repeat;
	height:125px;
	width:932px;
	float:left;
}

#header-menu{
	height:30px;
	font:bold 12px Arial;
	line-height:30px;
	color:#e12828;
	overflow:hidden;
	padding-top: 95px;
	padding-left: 210px;
}
#page-menu {
	background:url(images/menu_back.jpg) repeat-x;
	width: 722px;
	clear:both;
	height:30px;
}

#page-menu ul {
	display:block;
	height:30px;
}

#page-menu ul li  {
	float:left;
	display:block;
	height:30px;
	background:url(images/menu_separator.jpg) no-repeat;
}


#page-menu ul li#left{
	background:url(images/menu_left.jpg) no-repeat;
	float: left;
	height:30px;
	width:10px;
}

#page-menu ul li#date{
	background: none;
	float: right;
	right: 0px;
	padding-left: 20px;
	padding-right: 10px;
	color: #e12828;

}

#page-menu ul li#lang-selector{
	background: none;
	float: left;
	width: 120px;
}

#page-menu ul li#right{
	background:url(images/menu_right.jpg) no-repeat;
	float: right;
	width:10px;
	height:30px;
}

#page-menu ul li a {
	float:left;
	display:block;
	height:30px;
	line-height:30px;
	padding: 0 14px;
	color: #656567;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#page-menu ul li a:hover {
	color: #b0b0b1;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}

#center {
	background: url(images/shadow2_2px.jpg) repeat-y;
	background-position: right;
	margin: auto;
	width: 963px;
	overflow: auto;
}

/* container */
#container {
	float: left;
	margin-top: -371px;
	width: 932px;
	background:#FFFFFF;

}

#container-top {
	padding:10px 12px;
	border-bottom:1px solid #f0f0f0;
}

.title {
	background: url(images/content_bg_center.jpg) repeat-x;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding:5px 0px;
	margin:0;
	color: #ffffff;
	float: left;
	width: 474px;
	height: 26px;
}
.post .title-left{
	background: url(images/content_bg_left.jpg) no-repeat;
	float: left;
	height: 26px;
	width: 8px;
}
.post .title-right{
	background: url(images/content_bg_right.jpg) no-repeat;
	float: left;
	height: 26px;
	width: 8px;
}

.meta {
	background:transparent url(images/all-icons.gif) no-repeat 1px -189px;
	font:normal 10px Arial;
	color:#0c3155;
	padding:0 0 5px 20px;
	margin-bottom:6px;
}

#container-top .entry {
	font:normal 11px Tahoma,Verdana,Arial;
	color:#37414a;
}

#container-top .entry p { margin-bottom: 0px; }

/* banner */
#banner{
	background:url(images/banner1_hu.jpg) no-repeat;
	float:left;
	width: 730px;
	height: 242px;
	position: relative;
	left: 0;
	top: 0;
}

#banner.banner-en {
	background:url(images/banner1_en.jpg) no-repeat;
}

#banner.banner-en {
	background:url(images/banner1_en.jpg) no-repeat;
}

#banner.banner-product-en {
	background:url(images/banner2_en.jpg) no-repeat;
}

#banner.banner-services-en {
	background:url(images/banner3_en.jpg) no-repeat;
}

#banner.banner-references-en {
	background:url(images/banner4_en.jpg) no-repeat;
}
#banner.banner-product-hu {
	background:url(images/banner2_hu.jpg) no-repeat;
}

#banner.banner-services-hu {
	background:url(images/banner3_hu.jpg) no-repeat;
}

#banner.banner-references-hu{
	background:url(images/banner4_hu.jpg) no-repeat;
}

#subscribe{
	background:#f2f2f2 url(images/subscribe_back2.jpg) repeat-x;
	float:left;
	clear: right;
	width: 187px;
	height: 110px;
	padding-top: 10px;
	padding-left: 15px;
	color: #FFFFFF;
}
#subscribe-title{
	font-size:12px;
	font-weight:bold;
	font-family: Arial;
	color: #FFFFFF;
}
#subscribe-email{
	margin-top: 8px;
}
#subscribe-submit{
	background: transparent url(images/arrow.gif) no-repeat;
	background-position: 130px;
	padding: 6px;
	padding-left: 140px;
	font-size:12px;
	font-weight:bold;
	font-family: Arial;
	color: #FFFFFF;
	text-align: right;
	vertical-align: center;
	border: 0px;
	width: 160px;
}
/* sidemenu */
#sidemenu {
	background:#ffffff url(images/side_menu_bottom.jpg) repeat-x;
	background-position: bottom;
	float:left;
	width: 210px;
}

#sidemenu-body {
	background-color: #FFFFFF;
	width: 210px;
}

#sidemenu-body ul {
	display:block;

}

#sidemenu-body ul li  {
	display:block;
	background:url(images/sm_button_back.jpg) repeat-x;
}

#sidemenu-body ul li a {
	display:block;
	height:38px;
	line-height:38px;
	padding: 0 14px;
	color: #656567;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#sidemenu-body ul li a:hover {
	color: #b0b0b1;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

#menu {
	float:left;
	width: 210px;
	height: 38px;
	margin:0;
}

#menu, #menu ul {
	line-height:38px;
	margin:0;
	padding:0;
}

#menu li {
	position:relative;
	float:left;
	width: 210px;
	margin:0 0 0 0;
	z-index:10;
}

#menu ul {
	left:0;
	display:none;
	opacity:0;
	width: 210px;
}

#menu ul li {
	height: 28px;
	background:none;
	margin:0 0 0 0px;
}
#menu ul li a:hover{
	color: #e12828;
}



/* content */
#content {
	background: #ffffff;
	position: relative;
	left: 10px;
	float: left;
	width: 500px;
	padding-top: 10px;
}
#entry-date{
	text-align: right;
	padding-bottom: 5px;
	padding-right: 10px;
	color: blue;
	font-size: 10px;
}

#mini-post-wrap .odd { float:left; }

#mini-post-wrap .even { float:right; }

.post, .mini-post, #comments-wrapper, #respond-wrapper, #box-404 {
	background-color:#ffffff;
	margin-bottom:7px;
	padding:5px;
}

.mini-post {
	width: 240px;
	overflow:hidden;
	padding: 0;

}

.mini-post .title {
	background: url(images/content_bg_center.jpg) repeat-x;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding:5px 0px;
	margin:0;
	float: left;
	width: 224px;
	height: 26px;
}
.mini-post .title-left{
	background: url(images/content_bg_left.jpg) no-repeat;
	postition: relative;
	left: 0px;
	float: left;
	height: 26px;
	width: 8px;
}
.mini-post .title-right{
	background: url(images/content_bg_right.jpg) no-repeat;
	float: left;
	height: 26px;
	width: 8px;
}
.mini-post .entry {
	height:145px;
	text-align: justify;
	padding:0 5px 10px;
}
.mini-post .entry p a {
	color: black;
	font-weight: bold;
}

.mini-post .entry p a:hover {
	color: #656567;
	font-weight: bold;
}

.mini-post .meta {
	background-image:none;
	background-color:#ffffff;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: #e12828;
	height:29px;
	line-height:29px;
	padding:0 7px;
	margin:0;
	text-transform:none;
}

.mini-post .date-post, .mini-post .read-more {
	color: #e12828;
	background: &ffffff
	background-position: left;
	display:block;
	float:left;
}

.mini-post .date-post {
	background-position:0 -126px;
}

.mini-post .read-more {
	padding: 10px;
	line-height: 15px;

}

#content-bottom {
	align: center;
	vertical-align: bottom;
	text-align: justify;
	padding-top: 0px;
	padding-bottom: 15px;
}


#content-bottom .title {
	background: url(images/content_bg_center.jpg) repeat-x;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	padding:5px 0px;
	margin:0;
	color: #ffffff;
	float: left;
	width: 484px;
	height: 26px;
}

#content-bottom .title-left{
	background: url(images/content_bg_left.jpg) no-repeat;
	float: left;
	height: 26px;
	width: 8px;
}

#content-bottom .title-right{
	background: url(images/content_bg_right.jpg) no-repeat;
	float: left;
	height: 26px;
	width: 8px;
}

.navigation .alignleft a, .navigation .alignright a {
	background-color:#ffffff;
	display:block;
	float:left;
	height:20px;
	line-height:26px;
	padding:0 7px;
	font:normal 12px Arial;
	color:#5c5c5c;
}

.navigation a:hover {
	font:normal 12px Arial;
	color:#5c5c5c;
	background-color:#ffffff;
}

/* wp-pagenavi */
#wp-pagenavi-wrapper {
	background-color:#f0edec;
	height:47px;
	position:relative;
	padding:0 7px;
	border:1px solid #d4d4d4;
}
.wp-pagenavi {
	padding-top:18px;
	font:normal 11px Tahoma, Verdana, Arial;
}

.wp-pagenavi span.pages, .wp-pagenavi span.current, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend  {
	border:1px solid #d5a439 !important;
	padding:7px 9px !important;
}

.wp-pagenavi span.pages, .wp-pagenavi a, .wp-pagenavi a:visited, .wp-pagenavi a:link, .wp-pagenavi span.extend {
	background-color:#e3b44d !important;
	color:#656567 !important;
	text-transform:uppercase;
}

.wp-pagenavi span.current, .wp-pagenavi a:hover {
	background-color:#ca9522 !important;
	color:#b0b0b1 !important;
}

/* sidebar */


#sidebar {
	background: #f2f2f2 url(images/news_bottom.jpg) repeat-x;
	margin-top:-242px;
	background-position: bottom;
	display: inline;
	float:right;
	width:202px;
}
.widget {

	position:relative;
	overflow:hidden;
	width: 190px;
	color: #848484;
	padding: 6px;
	font-family:Arial;
	font-weight:bold;
}

.widget-title {
	background-color:#cccccd;
	padding:10px;
	font-family:Arial;
	font-weight:bold;
	color:#e12828;
	top:-6px;
	left:-7px;
	width:202px;
	position:relative;
}

.widget ul li {
	padding:8px 0;
	border-bottom:1px solid #dedad9;
	position:relative;
}

#language-selector{
	background:#f2f2f2 url(images/subscribe_back2.jpg) repeat-x;
	height: 75px;
	vertical-align: middle;

}

.widget a { color:#656567; }

.widget a:hover { color:#b0b0b1; }

/* footer */
#footer {
	background:url(images/footer.jpg) no-repeat;
	height: 50px;
	width: 932px;
	float: left;


	color:#ffffff;
}
#footer-right{
	background:url(images/footer_right.jpg) no-repeat;
	float: left;
	height: 50px;
	width: 31px;

}