/*

Theme Name: Bamboo (green)

Theme URI: http://www.kd.kz/themes/bamboo/wp

Description: Clean Wordpress theme

Version: 1.0

Author: Alexandr Ivanov

Tags: bamboo, health, beauty, spa, glass

*/



body, div, form, input, textarea, ul, li {

	font-family: arial;

	font-size: 14px;

	color: #6f7870;

	line-height: 18px;

}

body {

	background: #d3e8c5;

	margin: 0;

	padding: 0;

}

a {

	color: #659215;

}

img {

	border: none;

	text-decoration: none;

}

#main_top {

	width: 850px;

	height: 600px;

	background: url(images/bodybg.jpg) no-repeat;

}


/* =========== Header =========== */



#header {

	height: 167px;

	background: url(images/maintopbg.png) no-repeat;

	position: relative;

	z-index: 1;

}

#search {

	position: absolute;

	top:  33px;

	right: 68px;

	background: url(images/searcharea.gif) no-repeat;

	width: 103px;

	height: 19px;

}

.se {

	width: 80px;

	height: 16px;

	border: none;

	font-size: 12px;

	margin: 1px 0 0 2px;

	position: absolute;

	padding-top: 3px;

}

.bu {

	width: 14px;

	height: 12px;

	background: url(images/ic_search.gif) no-repeat;

	position: absolute;

	right: 3px;

	top: 4px;

	border: none;

	cursor: pointer;

	margin: 0;

}

.logo {

	width: 200px;

	height: 100px;

	position: absolute;

	top:  35px;

	left: 50px;

}

.slogan {

	color: #849286;

	font-size: 16px;

	position: absolute;

	top:  81px;

	left: 250px;

	margin: 0;

	padding: 0;

}

.rss {

	display: block;

	padding-left: 25px;

	background: url(images/ic_rss.gif) no-repeat;

	font-size: 12px;

	height: 19px;

	line-height: 20px;

	position: absolute;

	top: 32px;

	right: 200px;

}



/* =========== End Header =========== */





/* =========== Navigation =========== */

/* Page Menu CSS */









.clearfix {

    display: inline-block;

}

#pagemenu {	

	position: absolute;

	top: 77px;

	right: 68px;

	z-index: 2;

}

#pagemenu ul#page-list {

	list-style: none;

	margin: 0;

	margin-top: 0;

	display: block; /* ignored by IE  remove space bug on FF, Chrome */	

}

#pagemenu ul li.page_item a, #pagemenu ul li.cat-item a {

	color: #66764b;

	background: #bdd397;

	font-size: 14px;

	padding: 6px 10px 5px 10px;

	text-decoration: none;

	margin: 0 1px 0 0;

	display: block;

	line-height: normal;

}

#pagemenu ul li.page_item a:hover, #pagemenu ul li.cat-item a:hover, #pagemenu ul li.current_page_item a {

	background: #9eb773;

	color: #fff;

}

#pagemenu  #page-list {

	margin:0; 

	padding:0;

}

#pagemenu #page-list li {

	padding:0px;

	float:left;

	list-style: none;

	line-height:28px;

	display: inline;

}	

#pagemenu #page-list li a, #page-list li ul li a{		

    display:block;

}		

#pagemenu #page-list li ul {

	position: absolute;

	width: 120px;

	left: -999em;

	border-top: 1px solid #fff;

	margin:0;

	padding:0; 

}

#pagemenu #page-list li ul a {

	margin-bottom: 1px;

	background: #9eb773;

	color: #fff;

}

#pagemenu #page-list li ul a:hover {

	background: #889e63;

}

#pagemenu #page-list li:hover ul, #pagemenu #page-list li.sfhover ul {

	left: auto;	

}

#pagemenu #page-list li ul li {

	line-height:28px;	

	width:120px;

	margin:0px;

}

#pagemenu #page-list li:hover, #pagemenu #page-list li.hover {

    position: static;

}

#pagemenu #page-list li ul ul {

	margin: -26px 0 0 120px;

}

#pagemenu #page-list li:hover ul ul, #pagemenu #page-list li.sfhover ul ul {

	left: -999em;

}

#pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul {

	left: auto;

}

#pagemenu #page-list li:hover ul ul, #pagemenu #page-list li:hover ul ul ul, #pagemenu #page-list li.sfhover ul ul, #pagemenu #page-list li.sfhover ul ul ul {

	left: -999em;

}

#pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul, #pagemenu #page-list li li li.sfhover ul {

	left: auto;

} 



li.sub_page_item a {

	color: #66764b;

	background:none;

	font-size: 12px;

	padding: 3px 0px 3px 15px;

	text-decoration: none;

	margin: 0 1px 0 0;

	display: block;

	line-height: normal;

}



.nav_tl {

	position:absolute; 

	top:0px; 

	left:0;

}

.nav_tr {

	position:absolute; 

	top:0; 

	right:1px;

}

.nav_bl {

	position:absolute; 

	bottom:0; 

	left:0px;

}

.nav_br {

	position:absolute; 

	bottom:0; 

	right:1px;

}



/* =========== End navigation =========== */





/* =========== Index Articles =========== */



#index_articles {

	background: url(images/slider_post.jpg) no-repeat;	

	width: 800px;

	margin: 0px auto;

	overflow: hidden;

}

#articles_series ul, #index_articles ul {

	float: left;

	font-size: 12px;

	color: #6e7870;

	font-family: arial;

	line-height: 17px;

	padding-bottom: 35px;

	margin: 0;

	padding: 0;

}

#articles_series li, #index_articles li {

	margin: 20px 0 30px 40px;

	width: 225px;

	text-align: left;

    float: left;

    list-style: none;	

    display: inline;

    height: 200px;

    overflow: hidden;

}

#articles_series h3, #index_articles h3 {

	color: #77b347;

	font-size: 16px;

	font-weight: bold;

	text-decoration: underline;

	margin-top: 20px;

	font-family: arial, sans-serif;

	max-width: 250px;

	/*overflow: hidden;

	height: 15px;

	line-height: 30px;*/

}

/*#articles_series a, #index_articles a {

	text-decoration: none;

	color: #555;*/

}

.articletitlepic {

	float: left;

	height: 70px;

	width: auto;

}

#articles_series a, #index_articles a:hover {

	text-decoration: none;

	color: #77b347;

	font-size: 16px;

	font-weight: bold;

	text-decoration: underline;

}



/* =========== End Index Articles =========== */





/* =========== Slider =========== */



#slider{

	position: top;

	height: 244px;

	background: url(images/sliderbg.jpg) repeat-x;

	width: 900px;

	margin-left: 15px;

	position: relative;

}	



#slider ul, #slider li{

	margin:0;

	padding:0;

	list-style:none;

}

#slider li{ 

	width:900px;

	height:260px;

	overflow:hidden; 

}	

#slider a {

	text-decoration: none;

	color: #837955;

}

#prevBtn, #nextBtn{ 

	display:block;

	width:27px;

	height:49px;

	position:absolute;

	left:15px;

	top:95px;

}	

#nextBtn{ 

	left:888px;

}														

#prevBtn a, #nextBtn a{  

	display:block;

	width:27px;

	height:49px;

	background:url(images/btn_prev.png) no-repeat 0 0;	

}	

#nextBtn a{ 

	background:url(images/btn_next.png) no-repeat 0 0;	

}

.slide {

	padding: 48px 0 0 68px;

	width: 500px;

	height: 240px;	

	display: block;

	font-family: arial;

	text-decoration: none;

	color: #717a72;

	font-size: 18px;

	line-height: 22px;

}

#slider h3 {

	font-size: 30px;

	font-weight: 400;

	margin: 0 0 35px 0;

	color: #837955;

	line-height: 45px;

}

.sliderimg {

	float: right;

	margin: 23px 52px 0 0;

	width: auto;

}



/* =========== End Slider =========== */





/* =========== Content =========== */


#content_title {

	margin: 0;

}

#content_title h3 {

	width: 835px;

	padding: 4px 0 4px 10px;

	margin: 0 0 0 40px;

	border-top: 1px solid #959c96;

	border-bottom: 1px solid #959c96;

	font-family: , arial, sans-serif;

	font-size: 22px;

	/*color: #555;*/

	font-weight: 400;

	line-height: 26px;

}

#content_in {

	padding: 30px 50px 50px 50px;

	font-size: 14px;

	color: #6f7870;

	line-height: 18px;

}

#content_in h3, #content_left h3 {

	font-size: 20px;

	font-weight: 400;

	margin: 0;

	line-height: 25px;

}

blockquote {

	background-color: #e9f4e2;

	display: block;

	padding: 15px;

	margin: 0 0 0 0px;

	color: #53902a;

}

.SponsorHeadline {

	font-family: ;

	font-size: 12px;

	font-style: normal;

	font-weight: bold;

	color: #969696;

	background-color: #E4E4E4;

}

.navlinks {

	color: #FFF;

}



/* =========== End Content =========== */





/* =========== Blog =========== */



#blog_items {

	overflow: hidden;

}

.blog_item {

	overflow: hidden;

	border-bottom: 1px solid #ccc;

	padding: 25px 10px 25px 10px;

}

.blog_item:hover {

	background: #eee;

}

.blogpic {

	float: left;

	padding: 10px;

	border: 1px solid #ccc;

	width: 130px;

	height: 130px;

	background: #fff;

	margin: 0 20px 20px 0;

}

.blog_item_text {

}

#blog_items h3 {

	font-size: 24px;

	font-weight: 400;

	font-family: , arial, sans-serif;

	line-height: 35px;

	margin-bottom: 10px;

	overflow: hidden;

}

#blog_items a {

	text-decoration: none;

}

#blog_items a:hover {

	color: #6f7870;

}

.blog_meta {

	font-size: 12px;

	background: #eee;

	padding: 3px;

	line-height: 12px;

	margin-top: 10px;

	overflow: hidden;

}



/* =========== End Blog =========== */





/* =========== Portfolio =========== */



#portfolio_series {

	width: 900px;

	margin: 0 0 40px 15px;

	overflow: hidden;

}

#portfolio_series ul {

	float: left;

	font-size: 14px;

	color: #6e7870;

	font-family: arial;

	line-height: 17px;

	margin: 0;

	padding: 0;

}

#portfolio_series li {

	margin: 20px 0 0 40px;

	width: 245px;

	height: 186px;

	text-align: left;

    float: left;

    list-style: none;	

    display: inline;

    overflow: hidden;

}

.portfoliopic {

	float: left;

	height: 100px;

	width: 218px;

	margin-bottom: 10px;

	padding: 10px;

	border: 1px solid #ccc;

}



/* =========== End Portfolio =========== */





/* =========== Contact form =========== */



.notification_error

{

border: 1px solid #debcc0;

height: auto;

width: 90%;

padding: 4px 10px;

margin-bottom: 15px;

background: #F8F0F1;

text-align: left;

font-size: 14px;

color: #b38d92;

}

.notification_ok

{

border: 1px #a9bc89 solid;

height: auto;

width: 90%;

padding: 10px;

background: #dde8c9;

text-align: center;

color: #707c5a;

font-size: 20px;

}

#fields input {

	width: 200px;

	padding: 5px 0;

	font-size: 14px;

}

#fields textarea {

	width: 400px;

	height: 150px;

	font-size: 14px;

}

#fields input.button {

    cursor: pointer;

    border: none;

    background: #777;

    color: #fff;

}

#fields input.button:hover {

    background: #999;

}

label  { 

	width: 70px; 

	padding-left: 20px;

	padding-top: 8px; 

	margin: 5px; 

	float: left; 

	text-align: left; 

}

input, textarea {

	margin: 5px;

	padding: 0px; 

	float: left;

	border: 1px solid #999999; 

	font-size: 14px;

}

br { 

	clear: left;

}



/* =========== End Contact form =========== */







/* =========== Comments =========== */



#commentform {

	background: #eee;

	overflow: hidden;

	padding: 10px;

}

#commentform input {

	width: 200px;

	padding: 5px 0;

	float: left;

	clear: both;

	border: 1px solid #999999; 

	font-size: 14px;

}

#commentform label {

	float: left;

	margin: 0 6px;

	padding: 10px 0 0 0;

	width: 200px;

	font-size: 14px;

}

#submit {

    cursor: pointer;

    border: none;

    background: #777;

    color: #fff;

}

#submit:hover {

    background: #999;

}



.commentlist li {

	border-bottom: 1px solid #ccc;

	padding: 15px 0;

}

.commentlist p {

	padding: 0;

	margin: 0 0 10px 0;

}

.avatar {

	margin-bottom: 6px;

}

.comment_text {

	margin: 0;

	padding: 0;

}



/* =========== End Comments =========== */







#breadcrumbs {

	font-size: 12px;

	color: #6f7870;

	margin: 5px 0 0 50px;

}

#articles {

	width: 890px;

	padding-left: 10px;

	overflow: hidden;

}

#articles h3 {

	font-size: 21px;

	margin-top: 40px;

	font-weight: 400;

	font-family: , arial, sans-serif;

	max-width: 250px;

	overflow: hidden;

	height: 30px;

	line-height: 30px;

	color: #6f7870;

}

#articles a {

	color: #6f7870;

}

.article {

	width: 245px;

	float: left;

	margin: 10px 0 0 45px;

	font-size: 14px;

	color: #6e7870;

	font-family: arial;

	line-height: 17px;

	display: inline;

	padding-bottom: 35px;

}

.clearboth {

	clear: both;

	height: 1px;

}


#biglinks li.current_page_item a {

	color: #196a35;

	text-decoration: none;

	font-weight: bold;

		background-color: #f3fced;

	display: block;

}


.articles_container {

	overflow: hidden;

	display: inline;

}

.pagelinks {

    margin: 20px 0 20px 55px;

    clear: both;

}

.alignleft {

	float: left;

	margin: 0 15px 15px 0;

}

.alignright {

	float: right;

	margin: 0 0 15px 15px;

}