/*  
Theme Name: Alena EXPRESSO
Theme URI: http://www.expromo.net
Description: EXPRESSO - Twoja Mocna Strona
Version: 1.0
Author: EXPROMO
Author URI: http://www.expromo.net
*/
/******************************************************************************/
/***********************************CONTENTS***********************************/
/*******************************************************************************
	1. GENERAL SITE FORMATTING
	2. MAIN CONTENT FRAME FORMATTING
	3. CONTENT ELEMENTS FORMATTING
		3a. LEFT SIDE WIDGETS
		3b. TOP WIDGET
		3c. MIDDLE CONTENT
		3d. RIGHT SIDE WIDGETS
	4. LOGO FORMATTING
	5. HEADER ELEMENTS FORMATTING
	6. MENU BAR FORMATTING
	7. FOOTER FORMATTING
	8. AJAX LOGIN FORM FORMATTING
*******************************************************************************/
/**************************1. GENERAL SITE FORMATTING**************************/
/******************************************************************************/
body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	background-position: center bottom;
	background-repeat: repeat-x;
	font-size: 12px;
}
#color-configuration-container {
	display: none;
}

#toggle-disable {
	display: none;
}
#licence {
	display: none;
}
#adminbar {
	font-size: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	position:absolute;
	width: 20%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px #7e7e7e solid;
	border-top: 1px #7e7e7e solid;
	z-index: 100;
	font-weight: bold;
	cursor: help;
	background: #555;
	border-top: 1px black solid;
	border-left: 1px black solid;
	border-bottom: 1px black solid;
	top: 4px;
	right: 0;
}
.content960 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.clear-this {
	clear: both;
}
.clear-right {
	clear: right;
}
.clear-left {
	clear: left;
}
.ie-fixer {
	width: 100%;
	height: 1px;	
}
.no-display {
	display: none;
}
#body-container {
	width: 100%;
	background-position: center top;
	background-repeat: repeat-x;
}
#body-background-container-left {
	width: 100%;
}
#body-background-container-right {
	width: 100%;
	padding-top: 30px;
}

a {
	text-decoration: none;
	outline: none;
}
/******************************************************************************/
/***********************2. MAIN CONTENT FRAME FORMATTING***********************/
/******************************************************************************/
#main-frame-content-container {
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
}
#main-frame-content {
	width: 924px;
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#main-frame {
	width: 924px;
	background-repeat: no-repeat;
	background-position: center top;
	min-height: 600px;
}
#main-frame-footer-holder {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer {
	height: 78px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: -40px;
	padding-top: 15px;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer-container {
	width: 904px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}
#main-frame-footer-container div {
	filter: alpha(opacity=60);
	opacity: 0.60;
	-moz-opacity: 0.60;
}
#main-frame-footer-copyright {
	float: left;
	font-size: 10px;
}
#main-frame-footer-copyright p {
	margin: 0;
	padding: 0;
}
#main-frame-footer-menu {
	float: right;
	font-size: 10px;
}
#main-frame-footer-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#main-frame-footer-menu ul li {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
}
/******************************************************************************/
/**********************3. CONTENT ELEMENTS FORMATTING**************************/
/******************************************************************************/
/*****************************3a. LEFT SIDE WIDGETS****************************/

#widgets-left {
	float: left;
	width: 200px;
}

#widgets-left-ie-height {
	height: 200px;
	float: right;
}

.widget-left-corner {
	width: 200px;
	height: 16px;
	background: url('images/top-right-widget/top-widget-top-right-corner-left.gif') no-repeat;
	background-position: left center;
	margin-left: -11px;
}
.widget-left-container {
	position: relative;
	padding-top: 60px;
}
.widget-left-container h3 {
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	left: -11px;
	font-size: 12px;
	background-repeat: no-repeat;
	color: #FFF;
	width: 200px;
	height: 25px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0;
	padding-bottom: 0;
}
.widget-left-title {
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}
.widget-left-content {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -25px;
}
.widget-top-animation-container {
	width: 711px;
	height: 200px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.widget-top-animation-container img{
	width: 711px;
	height: auto;

}

/********************************3b. TOP WIDGET********************************/
.widget-top-content-container {
	float: right;
	width: 735px;
	margin-right: -11px;
	margin-top: 16px;
}
.widget-top-content {
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: -16px;
	padding-top: 16px;
}
.widget-top {
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 39px;
	padding-left: 24px;
}
.widget-top-ie7 {
	display: none;
}
/*******************************3c. MIDDLE CONTENT*****************************/
#content-center {
	float: left;
	width: 100%;



}
.navi {
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C0C0C0;
	font-weight: bold;
}
.navi a {
	font-weight: normal;
}
.navi a:hover {

}
.content {
	float: left !important;
	
}


.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {

	clear: both;
}

#ie-height {
	display: none;
}
/****************************3d. RIGHT SIDE WIDGETS****************************/

#widgets-right {
	float: right;
	width: 200px;
}
.widget-right-container {
	position: relative;
	padding-top: 60px;
}
.widget-right-corner {
	background: url('images/top-right-widget/top-widget-top-right-corner.gif') no-repeat;
	background-position: right center;
	width: 180px;
	height: 16px;
	margin-left: 31px;
}
.widget-right-container h3 {
	margin: 0;
	position: absolute;
	z-index: 1;
	top: 0;
	right: -11px;
	font-size: 12px;
	background-repeat: no-repeat;
	color: #FFF;
	width: 200px;
	height: 25px;
	padding-top: 8px;
	padding-left: 0px;
	padding-right: 0;
	padding-bottom: 0;
}
.widget-right-title {
	font-size: 14px;
	padding-left: 20px;
	font-weight: bold;
}
.widget-right-content {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -25px;
}
/******************************************************************************/
/*******************************4. LOGO FORMATTING*****************************/
/******************************************************************************/
#logo {
	padding-top: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	float: left;
	position: relative;
}
#logo-image-container {
	float: left;
}
#logo-image {
	float: left;
	position: relative;
	text-align: center;
	margin-left: 15px;
	margin-top: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
}
#logo-image img {
	border: 0;
}
#logo-image-shadow {
	float: left;
	width: 350px;
	height: 16px;
	background: url('images/logo/logo-image-shadow-bottom.png') no-repeat;
	position: relative;
	background-position: center center;
	margin-left: 20px;
}
#logo a {
	text-decoration: none;
}
#logo a:hover {
	text-decoration: none;
}
#logo h1 {
	margin: 0;
	padding: 0;
	font-size: 45px;
}
#logo h2 {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
#logo-container {
	position: absolute;
	top: -10px;
	left: 20px;
	height: 120px;
	width: 300px;
}
#logo-container p {
	background: #FFF;
	width: 300px;
	height: 120px;
	text-align: center;
	margin: 0;
	padding: 0;
}
/******************************************************************************/
/*************************5. HEADER ELEMENTS FORMATTING************************/
/******************************************************************************/
#top-menu {
	float: right;
	margin-bottom: 50px;
}
#top-menu ul {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 10px;
	list-style: none;
}
#top-menu ul li {
	float: left;
	margin-right: 20px;
}
#top-menu ul li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 4px;
	padding-bottom: 6px;
}
#top-menu ul li a:hover, #top-menu ul li.sfhover a{
	text-decoration: none;
	cursor: pointer;
}
#top-widget {
	float: right;
	clear: right;
	margin-right: 25px;
}
#top-widget ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#top-widget-near-logo {
	width: 400px;
	float: right;
	clear: right;
	text-align: right !important;
}
/******************************************************************************/
/*****************************6. MENU BAR FORMATTING***************************/
/******************************************************************************/
#main-menu-corners {
	width: 946px;
	height: 16px;
	margin-left: -11px;
}
#main-menu-left-corner {
	width: 11px;
	height: 16px;
	display: block;
	float: left;
	background: url('images/top-right-widget/top-widget-top-right-corner-left.gif') no-repeat;
}
#main-menu-right-corner {
	width: 11px;
	height: 16px;
	display: block;
	float: right;
	background: url('images/top-right-widget/top-widget-top-right-corner.gif') no-repeat;
}
/******************************************************************************/
/******************************7. FOOTER FORMATTING****************************/
/******************************************************************************/
#footer-widgets {
	padding-bottom: 20px;
}
#footer-widgets .widget {
	min-height: 180px;
	background-repeat: no-repeat;
	background-position: right center;
	width: 48%;
	padding-left: 1%;
	float: left;
}
.footer-widgets-ie-fix {
	float: left;
	height: 180px;
}
#footer-widgets h2 {
	margin: 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;;
	background: none;
}
#footer-widgets-on-top {
	position: relative !important;
	z-index: 100 !important;
	padding-top: 50px !important;
}
/***********************8. AJAX LOGIN FORM FORMATTING**************************/
.ajax-login-form {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;

}
.ajax-login-form input {
	width: 80%;
	padding: 3px;
	margin: 2px;
	font-size: 12px;
	font-family: Verdana, Helvetica, sans-serif;

}
.ajax-login-form .ajax-submit {
	width: 120px;
	font-weight: bold;
}
.ajax-login-form .ajax-submit:focus, .ajax-login-form .ajax-submit:hover {
	cursor: pointer;
}
.ajax-login-form a {
	margin: 5px auto;
	display: block !important;
		width: 80% !important;
		text-decoration: none !important;
		padding: 3px !important;
	}
/******************************************************************************/
/****************************9. WP BLOGROLL WIDGET***************************/
/******************************************************************************/

ul.blogroll {
margin: 0;
padding: 0;
list-style: none;
margin-top: 6px;
clear: both;
}
ul.blogroll a, ul.blogroll img{
display: block;

clear: left;
border: 0px;
}
ul.blogroll img {
margin-bottom: 5px;
}
ul.blogroll a img {
filter: alpha(opacity=80);
opacity: 0.80;
-moz-opacity: 0.80;
}
ul.blogroll a:hover img {
filter: alpha(opacity=100);
opacity: 1.00;
-moz-opacity: 1.00;
}
ul.blogroll a {
width: 176px;
text-align: center;
margin-bottom: 10px;
text-decoration: none;
font-weight: bold;
padding-bottom: 5px;
display: block;
clear: both;