/*  
Theme Name: MPlab
Version: 1.0
Author: MPlab
Author URI: http://www.mp-lab.pl/
*/

*
{
padding: 0;
margin: 0;
border: 0;
}	
body, html {
color: #000; 
font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
height: 100%;
background: #fff url(images/tools_bg_main.jpg) top repeat-x;
}
body {
font-size: 70%;
min-width: 760px; /* Don't work in IE */
}
p {
padding: 5px;
color: #333333;
font-size: medium;
}
blockquote {
padding-left: 20px;
}
a:hover{
text-decoration: none;
}
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 2em;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
.clear { clear: both; }
#mainContainer {
min-height: 100%;
background: transparent;
}
* html #mainContainer {
height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
HEADER
**************************/
#header-bar {
background: #97af01;
padding: 0;
margin: 0;
}
#header-bar-content {
	width: 960px;
	margin: 0 auto; /*** Centers the design ***/
	overflow:hidden;
	background: #97af01 url(images/main_pic.jpg) left bottom no-repeat;
}
#b-container {
	width: 100%;
	/*width: 630px;*/
	float: left;
	margin-right: -330px;
	background: transparent;
}
#b-content {
	background: transparent;
	margin-right: 330px;
}
#b-content p {
	padding: 2px 25px 15px 20px;
}
#b-content h1 {
	padding: 20px 25px 2px 20px;
	font-size:x-large;
	color: #464f21;
	letter-spacing: -1px;
}
#b-sidebar {
	width: 330px;
	float: right;
}
.clearing {
	height: 0;
	clear: both;
	font-size: 0;
}

div.sidebarContent {
  background: url(images/products_bg.jpg) #f8f7a7;
  width:100%;
  margin: 5px 0 5px 0;
  } 
div.sidebarContentBody {
  background: transparent;
  margin:0;
  padding:5px;
  }
div.sidebarContentBody .productsInner{
	width:300px;
	background:transparent;
	padding:0;	
	overflow:hidden;
	margin:0;
}
div.sidebarContentBody img {
	float:left;
	margin:5px 10px 10px 5px;
	border:none
}
div.sidebarContentBody h2 {
	padding:5px;
	margin:5px 0 0 65px;
	padding: 0;
	font-size:small;
	font-weight:bold; 
}
div.sidebarContentBody p {
	padding:5px 0 5px 5px;
	margin:2px 0 6px 65px;
	padding:0;
	font-size:small;
	line-height: 1em;
	text-align:left;
}
div.productsTopBg {
  width: 330px;
  height: 10px;
  font-size: 0;
  background: url(images/products_bg_top.jpg);
}
div.productsBottomBg {
  width: 330px;
  height: 10px;
  font-size: 0;
  background: url(images/products_bg_bottom.jpg);
}
/**************************
CONTENT AND COLUMNS
**************************/
.inner {
width: 100%;
padding-bottom: 30px; /*** Padding-bottom value is the same value as the total height of the footer ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
/**************************
TOOLS
**************************/
#tools {
background: transparent;
height: 30px;
}
#tools-content {
	width: 960px;
	margin: 0 auto; /*** Centers the design ***/
	background: transparent;
	text-align:right;
}
#toollist_content{
	float: right;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	font-size:x-small;
	color: #a6a5a5;
	text-decoration: none;
	display: block;
}
#toollist_content a {
	color: #a6a5a5;
}

#toollist_content ul li
{
list-style-type: none;
padding: 4px 10px 10px 10px;
margin: 0;
display: block;
float: left;
background: url("images/tools_bg.jpg") repeat-x top left;
}

#toollist_content li.first { background: url("images/tools_bg_round_left.jpg") repeat-x left top; padding-left: 18px }
#toollist_content li.last { background: url("images/tools_bg_round_right.jpg") repeat-x right top; padding-right: 15px }



/**************************
MENU
**************************/
#menu {
background-color: #ffffff;
height: 30px;
}
#menu-content {
	width: 960px;
	margin: 0 auto; /*** Centers the design ***/
	background: transparent;
	overflow: hidden; 
    position: relative;
}
#menulist_content{
background: transparent;
padding: 11px 0 0 0;
margin-right:330px;
}
#menu-content img {
	float:left;
	border:none;
	background: transparent;
}
#menulist li {
display: inline;
list-style-type: none;
font-size: small;
}
#menulist li.current_page_item a {
	color:#000;
	font-weight:bold;
	text-decoration: none;
}
#menulist a { 
padding: 3px 8px 3px 10px;
background: url(images/menu_sep.jpg) left no-repeat;
}

#menu-blogs {
	float:right;
	position:relative;
	display:inline;
	padding: 11px 0 0 0;
	margin: 0;
	background: transparent;
}
#menu-blogs-list li {
display: inline;
list-style-type: none;
font-size: small;
}
#menu-blogs-list a { 
padding: 3px 8px 3px 10px;
background: transparent;
}
#menu-blogs-list a.sep { 
padding: 3px 8px 3px 10px;
background: url(images/menu_sep.jpg) left no-repeat;
}

/**************************
MAIN CONTENT
**************************/
#main {
background: transparent;
padding: 10px;
}
#main-core-content {
	width: 960px;
	margin: 0 auto; /*** Centers the design ***/
	background: transparent;
}
#main-container {
	width: 100%;
	/*width: 630px;*/
	float: left;
	margin-right: -330px;
	background: transparent;
}
#main-content {
	background: #ffffff;
	margin: 20px 330px 0 20px;
}
#main-content p {
	padding: 10px 50px 15px 0;
	font-family: "Lucida Grande",verdana,arial,helvetica,sans-serif;
	font-size: medium;
	text-align: justify;
}
#main-content ul {
	font-size: medium;
	padding: 10px 50px 15px 20px;
}
#main-content li {
	padding-bottom: 5px;
}

#main-content h1 {
	padding: 0 50px 10px 0;
	color: #464f21;
	font-size:xx-large;
	letter-spacing: -1px;
}
#main-content h2 {
	padding: 10px 50px 10px 0;
	color: #464f21;
	font-size:x-large;
	letter-spacing: -1px;
}
#main-sidebar {
	width: 330px;
	float: right;
}
#main-sidebar .logos-partners {
	display:inline;
	padding-left:40px;
}
#main-sidebar .logos-partners img {
	padding: 25px 15px 0 25px;
}
#main-sidebar p {
	padding: 5px 5px 10px 0;
	text-align: justify;
	font-size:small;
}
#main-sidebar h2 {
	padding: 25px 0 10px 0;
	color: #464f21;
	font-size:large;
}
#main-sidebar h2.rss-title, #main-sidebar h2.rss-title a {
	padding: 5px 0 5px 0;
	color: #464f21;
	font-size:large;
	text-decoration:none;
}
#main-sidebar h2.rss-title a:hover {
	color: #464f21;
	text-decoration:underline;
}
#main-sidebar h2.rss-title {
	padding: 5px 0 5px 0;
	color: #464f21;
	font-size:large;
}
#main-sidebar h3.rss-date {
	padding: 25px 0 0 0;
	color: #888;
	font-size:x-small;
}
/**************************
FOOTER
**************************/
#footer {
height: 30px; /*** The drawback with this solution is that the height of the footer can't have a flexible height. If you add so much content to the footer that it extends 45px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
margin-top: -30px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
background: #464F22;
}
#footer p, #footer p a {
clear: both;
color: #888F5E;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size:x-small;
padding: 1px 0 0 0;
margin: 0;
}
#footer-core-content {
	width: 960px;
	margin: 0 auto; /*** Centers the design ***/
	background: #464F22;
	height: 30px;
}
#footer-container {
	/*width: 100%;*/
	width: 610px;
	float: left;
	margin-right: -330px;
	background: transparent;
}
#footer-content {
	background: transparent;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align:center;
}
#footer-sidebar {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
}