/*
* Author:      Olga Isschuk/Rudzik (http://www.starwebdesign.com.ua/)
*/

/* Universal page reset */
*{margin:0;     
padding: 0;
}
ul, ol{list-style-type: none;}
#story ul{list-style-type: square;}
#story ul.gallery{list-style-type: none;}
#story ul{margin-left:30px;}
#story ul.post-categories{list-style-type: none;}
a{text-decoration: none;}
img{border: none;}

a.swShowPage{
	outline: 0;
}

/*------ end of reset---------*/

body{
/*background: url('img/background.gif') ;*/
background: url(img/background.gif); 
font-family: arial;
font-size: 13px;
line-height: 20px; 
}

#global-t{ /*  для большого цветка в фоне изображения*/
background: url('img/bigFlower.png') center 100px no-repeat;
}
#global{ /*для верхнего повтор-ся изображения*/
background: url('img/topBc.gif') top repeat-x;
}


#warp{
width: 1000px;
margin: 0 auto;
/*border: 2px solid #000;*/
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

#header {
position: relative;
float: left; 
width: 1000px;
height: 100px;

}


#header h1#headline a{
margin-top: 10px;
float: right;
dispaly: block;
width: 530px;
height: 46px;
text-indent: -9999px;
background: url('img/h1.png') no-repeat;
}

#header #quote-div a{
float: left;
font-size: 13px;
line-height: 16px;
color: #fff;
letter-spacing: 1px;
font-family: arial;
}
#search-result-count{
color: #aaa;
font-style: italic;
}
#search-result-title{
font-family: georgia;
color: #666;
}

#topNav{
margin-bottom: 20px;
float: left; 
position: realtive;
width: 994px;
height: 45px;
background: url('img/topNavBc.jpg') center repeat-x;
border: 3px solid #fff;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}

    #topNav a#bt{
	background: url('img/topNavBcFlower.jpg') no-repeat center center;
	float: left;
	display: block;
	height: 45px;
	width: 252px;
	}
    #topNav a#bt img{padding-top: 2px;}

#nav-below a{
	color: #666;
}
#nav-below{
    width: 700px;
    float: left;
}
.nav-previous{
    float:left;
}
.nav-next{
    float:right;
}

#nav-above{
    width: 700px;
    float: left;
}
.page-projection-index a{
color: #666;
}
#flip{
float: left; 
width: 994px;
height: 270px;
margin-bottom: 20px;
background: url('img/flipBc.jpg') top repeat-x;
border: 3px solid #fff;

-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;

-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
}
#flip img#sai{float: left;}

#flip #flower{
float: right;
height: 270px;
width: 221px;}

#flip #flower img{float: left;}

#flip #flower ul#colorBt{ 
float: left;
}
#flip #flower ul#colorBt li{ 
float: left;
padding: 0 3px;
}
#flip #flower ul#colorBt li a{
float: left;
display: block;
width: 36px;
height: 36px;
text-indent: -9999px;
}
#flip #flower ul#colorBt li a{
    cursor: default;
}
#flip #flower ul#colorBt li a#bt1{
background: url('img/bt1.gif') no-repeat center center;
}
#flip #flower ul#colorBt li a#bt2{
background: url('img/bt2.gif') no-repeat center center;
}
#flip #flower ul#colorBt li a#bt3{
background: url('img/bt3.gif') no-repeat center center;
}
#flip #flower ul#colorBt li a#bt4{
background: url('img/bt4.gif') no-repeat center center;
}
#flip #flower ul#colorBt li a#bt5{
background: url('img/bt5.gif') no-repeat center center;
}


#flip p{
margin-top: 50px;
width: 400px;
float: left;
color: #c66;
font-size: 14px;
font-style: italic; 
font-weight: bold;
line-height: 24px;
}

#flip p a {
color: #c66;
}

#cont{
margin: 0px 0 1px 0;
padding: 1px 0;
float: left; 
width: 1000px;
color: #666;
/*border: 1px solid red;*/
}

#cont #main{
float: left; 
width: 730px;
/*border: 1px solid green;*/
font-family: verdana;
font-weight: normal;

}

#main .alignleft,
#main img.alignleft,
#main img.imgleft/*for backward comp-ty*/
{
    display: inline;
    float: left;
    margin-right: 7px;
}

#main .alignright,
#main img.alignright,
#main img.imgRight/*for backward comp*/
{
    display: inline;
    float: right;
    margin-left: 7px;
}
#main .aligncenter,
#main img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#main img.alignleft, 
#main img.alignright, 
#main img.aligncenter, {
    margin-bottom: 7px;
}
#main .wp-caption p.wp-caption-text {
        margin: 5px 10px !important;
        text-indent: 0px !important;
        font-style: italic !important;
        font-size: 12px !important; 
        line-height: 1.5em !important;
}

#main p#way{
float: left; 
width: 730px;
/*margin-bottom: 20px;*/
padding-left: 10px;
font-family: georgia;
font-weight: normal;
color: #999;
font-size: 12px;
font-style: italic; 
}
#main p#way a{
background: url('img/arrow.png') no-repeat right center;
padding-right: 20px;
color: #c66;
margin-right: 10px;
float: left; 
}

	#main #box1{
		position: relative;
		padding: 5px 0;
		width: 730px;
		float: left;
	    background: url('img/line.gif') top repeat-x;
		
		}
	#main #box1 h2{
		margin-left: 20px;
		display: block;
		text-indent:-9999px;
		width: 488px;
		height: 46px;
		background: url('img/words.png') no-repeat;
		}
	#main #box1 p, #main #box2 p, #main #box3 p{
		margin-left: 20px;
		margin-bottom: 20px;
		}
	#main #box1 .btLine{
		position: absolute;
		bottom:0px;
		left: 0px; 
		width: 100%;
		height: 4px;
		background: url('img/line.gif') top repeat-x;
		}
	#main #forFalseLine{
		background: url('img/lineL.gif') no-repeat left bottom;
		width: 730px;
		float: left;
		}
		
	#main #box2{
		position: relative;
		margin-top: 40px;
		padding: 5px 0;
		width: 310px;
		float: left;
		background: url('img/line.gif') top repeat-x;
		}
	#main #box2 h2{margin-left: 20px;
		display: block;
		text-indent:-9999px;
		width: 310px;
		height: 46px;
		background: url('img/who.png') no-repeat;
		}
	#main #box3{
		position: relative;
		margin-top: 40px;
		padding: 5px 0;
		width: 400px;
		float: right;
		background: url('img/line.gif') top repeat-x;
	}	
	#main #box3 h2{margin-left: 20px;
		display: block;
		text-indent:-9999px;
		width: 200px;
		height: 46px;
		background: url('img/work.png') no-repeat;
		}
		#main #box3 p{
		}	
	
	#main #box3 img#saiPhoto{
		float: right;
		margin: 0px 0 0 10px;
		}	
	#main #box1 a,#main #box2 a,#main #box3 a	
		{
            color: #666;
		}
	
#cont #side{
	float: right; 
    width: 240px;
	}
	#side #sideBox img#flowerSm{
	float: right; 
	dispaly: block;
    width: 220px;
	height: 220px;
	margin: 0 10px 10px 0;
	
	}
	#side #sideNav{
		float: right;
		width: 230px;
		}
	
	#side #sideNav a{
		display: block;
		text-indent: -9999px;
		width: 115px;
		height: 21px;
		float: left;
		/*-moz-border-radius-topleft: 10px; 
	    -moz-border-radius-topright: 10px;
	    -webkit-border-top-right-radius: 10px;
	    -webkit-border-top-left-radius: 10px;*/
	     }
	 
	#side #sideNav a#news{background: url('img/news.gif') no-repeat 0 0;}
	
	#side #sideNav a#artic{background: url('img/artic.gif') no-repeat 0 0;}
	
	#side #sideNav a#artic:hover{background: url('img/artic.gif') no-repeat 0 bottom;}
	
	#sideCont{
		float: right;
		width: 230px;
		background: url('img/sideBc.gif');
		position:relative;
		padding:00px 0px 50px 0;
		/*-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
		box-shadow: 0px 1px 3px rgba(0,0,0,0.3);*/
		-moz-border-radius-bottomleft: 10px; 
		-moz-border-radius-bottomright: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-webkit-border-bottom-left-radius: 10px;
	}	
	#sideCont ul li a{
	color: #666;
	font-size: 12px;
	}
	#sideCont ul li span.date{
	font-weight: bold;
	display: block;
	font-size: 11px;}
	
	/*#sideCont ul li */a.under{
	text-decoration: underline;
	color: #666;
	}
	#sideCont ul{
	margin: 10px;
	}
	#sideCont ul li{
	

	}


#holder{
	/* The unordered list that is to be split into pages */
    width: 230px;
	overflow:hidden;
	position:relative;
	padding-bottom:10px;
    }

.swControls{
	position:absolute;
	margin-top:10px;
}

a.swShowPage{

	/* The links that initiate the page slide */

	background-color:#ccc;
	float:left;
	height:15px;
	margin:4px 3px;
	text-indent:-9999px;
	width:15px;
	/*border:1px solid #ccc;*/
	
	/* CSS3 rounded corners */
	
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
}

a.swShowPage:hover,
a.swShowPage.active{
	background-color: pink;
	
	/*	CSS3 inner shadow */
	
	-moz-box-shadow:0 0 7px #1e435d inset;
	/*-webkit-box-shadow:0 0 7px #1e435d inset;*/
	box-shadow:0 0 7px #1e435d inset;
}

#holder li{
	color: #666;
	font-size: 12px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: url('img/newsLiBc.gif');
    margin-top: 10px;
    padding: 5px;
	list-style:none outside none;
	float:left;
	display: inline;
	width: 200px;
	}

#holder,

.clear{
	/* This class clears the floated elements */
	clear:both;
}
	
	
	
	
/*-------- FOOTER       -------------*/
#footer{
margin-top: 100px;
clear: both;
width: 100%;
background: url('img/footBc.jpg') top repeat-x;
}
#footerIn{
position: relative;
margin: 0 auto;
clear: both;
width: 1000px;
height: 140px;

}
	#footerIn ul{
	float: left;
	height: 145px;}
	
	#footerIn ul li{
	float: left;
	padding: 0 20px 0 0;
	height: 145px;}
	
	#footerIn ul li a{
	font-family: PT_Sans;
	letter-spacing: 1px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	diplay: block;
	height: 145px;
	line-height: 45px;
	text-transform: uppercase;
	color: #fff;
	}
	
	#footerIn #lotus{
	position: absolute;
	background: url('img/lotus.jpg') no-repeat right top;
	top: -92px;
	right: 0px;
	width: 300px;
	height: 150px;
	color: #6cf;
	}
	#footerIn a#signature{
	position: absolute;
	top: 70px;
	right: 20px;
	width: 300px;
	height: 150px;
	color: #6cf;
	}
	
	div.entry-utility{
	float:left;
	width: 730px;
	color: #999;
	}
	div.entry-utility a{
    color: #999;
    }