/* @override http://kd.kz/themes/bamboo/wp/wp-content/themes/bamboo-green/style.css */



/*

Theme Name: Bamboo (blue)

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: helvetica;

	font-size: 14px;

	color: #6f7870;

	line-height: 18px;

}

body {

	background: url(images/mainbg.jpg);

	margin: 0;

	padding: 0;

}

a {

	color: #475d6c;

}

img {

	border: none;

	text-decoration: none;

}

#main_top {

	width: 100%;

	height: 80px;

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

}

#main {

	width: 930px;

	margin: -64px auto;

}





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



#header {

	height: 167px;

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

	position: relative;

	z-index: 1;

}

#search
{
    border: 1px solid #C0C0C0;
    background-position: url(images/searcharea.gif) no-repeat;
    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: 278px;

	height: 50px;

	position: absolute;

	top:  56px;

	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 =========== */





#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: #ffffff;

	background: #bc0000;

	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: #334855;

}

#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;

	color: #a5b1b9;

	background: #334855;

}

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

	background: #21313b;

}

#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;

} 

.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 =========== */





/* =========== Footer =========== */

#footer {

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

	height: 60px;

	padding: 40px 55px 0 55px;

	color: #8da0ae;

	font-size: 14px;

	font-family: helvetica;

}

#footer a {

	color: #ada675;

}

#copyright {

	float: left;

	width: auto;

	color: #8da0ae;

}

#powered {

	float: right;

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

	height: 29px;

	padding-left: 36px;

	margin-top: -8px;

	padding-top: 8px;

	width: auto;

	color: #8da0ae;

}

#powered a {

    color: #ada675;

}



/* =========== End Footer =========== */





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



#index_articles {

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

	width: 900px;

	margin: 0 0 30px 15px;

	overflow: hidden;

}

#articles_series {

	width: 900px;

	margin: 0 0 40px 15px;

	overflow: hidden;

}

#articles_series ul, #index_articles ul {

	float: left;

	font-size: 14px;

	color: #6e7870;

	font-family: helvetica;

	line-height: 17px;

	padding-bottom: 35px;

	margin: 0;

	padding: 0;

}

#articles_series li, #index_articles li {

	margin: 15px 0 30px 40px;

	width: 245px;

	text-align: left;

    float: left;

    list-style: none;	

    display: inline;

    height: 186px;

    overflow: hidden;

}

#articles_series h3, #index_articles h3 {

	font-size: 23px;

	margin-top: 40px;

	font-weight: 400;

	font-family: Contra;

	max-width: 250px;

	overflow: hidden;

	height: 35px;

	line-height: 30px;

}

#articles_series a, #index_articles a {

	text-decoration: none;

	color: #bc0000;

}

#articles_series a:hover, #index_articles a:hover {

	text-decoration: none;

	color: #334855;

}

.articletitlepic {

	float: left;

	height: 90px;

	width: auto;

}



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





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



#slider{

	position: relative;

	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:241px;

	overflow:hidden; 

}	

#slider a {

	text-decoration: none;

	color: #bc0000;

}

#slider a:hover {

	text-decoration: none;

	color: #334855;

}


#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.gif) no-repeat 0 0;	

}	

#nextBtn a{ 

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

}

.slide {

	padding: 48px 0 0 68px;

	width: 500px;

	height: 240px;	

	display: block;

	font-family: Contra;

	text-decoration: none;

	color: #717a72;

	font-size: 20px;

	line-height: 22px;

}

#slider h3 {

	font-size: 45px;

	font-weight: 400;

	margin: 0 0 35px 0;

	color: #bc0000;

	line-height: 45px;

}

.sliderimg {

	float: right;

	margin: 23px 52px 0 0;

	width: auto;

}



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





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



#content {

	background: url(images/mainmidbg.png) repeat-y;

	overflow: hidden;

	position: relative;

}

#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: Contra;

	font-size: 26px;

	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: #e0e4c5;

	display: block;

	padding: 15px;

	border-left: 3px solid #857a62;

	margin: 0 0 0 30px;

	color: #7b766c;

}



/* =========== 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: 30px;

	font-weight: 400;

	font-family: Contra;

	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: helvetica;

	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: Contra;

	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: helvetica;

	line-height: 17px;

	display: inline;

	padding-bottom: 35px;

}

.clearboth {

	clear: both;

	height: 1px;

}

#content_left {

	padding: 30px 50px 50px 50px;

	width: 550px;

	font-size: 14px;

	color: #6f7870;

	line-height: 18px;

	float: left;

}

#content_right {

	float: right;

	width: 180px;

	margin: 30px 50px 50px 10px;

	font-size: 12px;

}

#content_right  li {

	font-size: 14px;

	border-bottom: 1px solid #e6e9d1;

	padding: 5px 5px;

}

#content_right  li li {

	font-size: 12px;

	padding: 5px 5px;

	border-bottom: none;

}

#content_right  li ul {

	margin: 0;

}

#content_right  ul {

    margin: 0 0 30px 0;

    padding: 0;

    list-style-type: none;

}

#content_right a.big, a.current, ul#biglinks a {

	font-size: 18px;

	display: block;

	padding: 5px 0;

}

#biglinks li.current_page_item a {

	color: #d2d7db;

	text-decoration: none;

}

#content_right h3 {

	font-size: 20px;

	font-weight: 400;	

	margin-bottom: 10px;

}

.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;

}