*
{
padding: 0;
margin: 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;
}
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: #F8F7A7;
	padding: 0;
	margin: 0;
}
#header-bar-content {
	width: 855px;
	margin: 0 auto; /*** Centers the design ***/
	overflow:hidden;
	background: transparent url(images/main_pic.jpg) left bottom no-repeat;
}
#b-container {
	width: 100%;
	/*width: 630px;*/
	float: left;
	margin-right: -255px;
	background: transparent;
}
#b-content {
	background: transparent;
	margin-right: 255px;
}
#b-content h2.subtitle {
	font-size:small;
	padding: 96px 25px 0 203px;
	color:#333;
}
#b-sidebar {
	width: 255px;
	float: right;
	padding: 0;
	margin: 0;
}
.clearing {
	height: 0;
	clear: both;
	font-size: 0;
}

div.sidebarContent {
  background: url(images/products_bg.jpg) #F8F7A7;
  width:100%;
  margin: 0;
  padding:0;
  font-size: 0;
  } 

/**************************
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 {
	/*display:none;*/
	width: 855px;
	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;
	background: url("images/tools_bg_round_right.jpg") right 0 no-repeat;
	padding-right: 25px;
}
#toollist_content a {
	color: #a6a5a5;
}

#toollist_content ul li
{
list-style-type: none;
padding: 4px 5px 10px 12px;
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: 30px }
#toollist_content li.last { background: url("images/tools_bg_round_right.jpg") repeat-x right top; padding-right: 30px }



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

/**************************
MAIN CONTENT
**************************/
#main {
background-color: #ffffff;
padding: 10px;
background: transparent;
}
#main-core-content {
	width: 855px;
	margin: 0 auto; /*** Centers the design ***/
}
#main-container {
	width: 100%;
	/*width: 630px;*/
	float: left;
	margin-right: -265px;
	background: transparent;
}
#main-content {
	background: transparent;
	margin: 30px 255px 0 0;
	height: 100%;
}
#main-content p {
	clear: both;
	padding: 10px 50px 15px 0;
	text-align: justify;
	overflow:hidden;
}
#main-content li {
	padding: 5px;
	color: #333333;
	font-size: medium;
}
#main-content ul {
	padding: 5px 50px 15px 0;
	margin-left: 20px;
	margin-right: 15px;
}
#main-content ol {
	padding: 5px 50px 15px 0;
	margin-left: 30px;
	margin-right: 15px;
}
#main-content h1, #main-content h1 a {
	color: #464f21;
	padding: 0 50px 5px 0;
	font-size:xx-large;
	letter-spacing: -.07em;
	text-decoration: none;
}
#main-content h1 a:hover {
	color: #464f21;
	text-decoration: underline;
}
#main-content h2 {
	color: #464F21;
	padding: 10px 50px 10px 0;
	font-size:x-large;
	letter-spacing: -1px;
}
/*uptitle*/
#main-content .uptitle {
	font-size: small;
	margin: 0;
	padding: 0;
}
#main-content span.post-date {
	color: #97AF01;
	margin-right: 4px;
}
#main-content span.post-category {
	margin-left: 4px;
}
/* post footer */
#main-content .post-footer {
	clear: both;
	font-size: small;
	margin: 0 0 45px 0;
	padding: 0;
}
#main-content span.post-author {
	font-style: italic;
	margin-right: 4px;
}
#main-content span.post-comments {
	margin-left: 4px;
}

#main-sidebar {
	width: 235px;
	float: right;
	background: url(images/dot-line.gif) repeat-y;
	margin-top: 30px;
	padding: 0 0 0 20px;
}
#main-sidebar p {
	padding: 0;
	text-align: justify;
}
#main-sidebar h2 {
	padding: 15px 0 10px 0;
	font-size:x-large;
	color: #97af01;
	letter-spacing: -.07em;
}
/* category list */
#main-sidebar #categorylist li {
	list-style: none;
	margin: 0;
	padding: 0.25em 0.5em;
	font-size: 16px;
}
/* archive list */
#main-sidebar #archivelist li {
	list-style: none;
	margin: 0;
	padding: 0.25em 0.5em;
	font-size: small;
}
/* search form */
div.searchPart {
  background: transparent url(images/search_bg.jpg) repeat-y;
  width:100%;
  margin: 0 0 5px 0;
}
div.searchContentBody {
  background: transparent;
  margin:0;
  padding:5px;
}
div.searchContentBody form input {
	font-size: small; 
	padding: 2px;
}

div.searchTopBg {
  width: 228px;
  height: 7px;
  font-size: 0;
  background: url(images/search_bg_top.jpg) no-repeat;
}
div.searchBottomBg {
  width: 228px;
  height: 7px;
  font-size: 0;
  background: url(images/search_bg_bottom.jpg) no-repeat;
}
/**************************
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: 855px;
	margin: 0 auto; /*** Centers the design ***/
	background: #464F22;
	height: 30px;
}
#footer-container {
	/*width: 100%;*/
	width: 560px;
	float: left;
	margin-right: -255px;
	background: transparent;
}
#footer-content {
	background: transparent;
	margin: 0;
	padding: 0;
	height: 100%;
	text-align:center;
}
#footer-sidebar {
	width: 235px;
	float: right;
	margin: 0;
	padding: 0;
}

/* form details */
label.extralab {  
	float: left;  
	width: 10em;  
	margin-right: 1em;  
	text-align: right;
}
label.extralab_long {  
	float: left;
	text-align: right;
	top: 0;
}
label.radio_input_first {
	float: none;
	width: 5em;  
	/*padding-left: 15em;*/
	margin-left: 11em;
	text-align: left;
}
label.radio_input {
	float: none;
	width: 5em;  
	/*padding-left: 15em;*/
	margin-left: 2em;
	text-align: left;
}
.comment-form ol {  
	padding: .2em .2em 0 .2em;  
	list-style: none;
        font-size: small;
        background: transparent;
}
.comment-form li {  
	padding-bottom: .3em;
}
.comment-form .form-buttons {
        margin: 2em 2em 2em 13em;
}
.comment-form p {  
	padding: 0;
	color: #666;
}
div.comment-form input {
  padding: 2px;
}
/* required */
label.extralab em {   
	color: #666;
	font: xx-small Verdana;
	margin: .2em;
}
span.extrainfo {  
	color: #666;
	font: x-small Verdana;
}
/* comment form bg*/
div.comment-form {
  background: url(images/commentform_bg.jpg) repeat-y;
  width:555px;
  margin: 0 0 5px 0;
}

div.commentformTopBg {
  width: 555px;
  height: 7px;
  font-size: 0;
  background: url(images/commentform_bg_top.jpg) no-repeat;
}
div.commentformBottomBg {
  width: 555px;
  height: 7px;
  font-size: 0;
  background: url(images/commentform_bg_bottom.jpg) no-repeat;
}
/* end form details*/
/* comments */
div.comments-list {
	font-size: small;
	margin: 0 40px 25px 0;
	padding: 0;
}
#main-content span.comment-author {
	font-style: italic;
	margin-right: 4px;
}
#main-content span.comment-date {
	margin-left: 4px;
}
div.comment-footer {
  margin: 0;
  padding-bottom: 35px;
}
div.comment-body {
  padding: 0;
  background: url(images/left-cytat.jpg) no-repeat left top;
}
div.comment-body-cytat {
  padding: 10px 10px 10px 50px;
  background: url(images/right-cytat.jpg) no-repeat right bottom;
}
div.comment-body-cytat p {
  font-size: small;
  color: #999;
}
p.comments-open-moderated {
	color: #666;
	font: x-small Verdana;
}
/* ph=1 */