@import url(http://allfont.ru/allfont.css?fonts=ukrainianjikharev);


body {
	color: #000000;
	background-color:#000000;
	background-image:url(images/fon.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	font-size: 16px;

}


.layout { position: relative;}
.layout DIV { position: absolute; }

			
	a:link {color: #000000
	}
	a:visited {color: #000000
	}
	
		
H1{
	font-size:26px;
	font-family:'UkrainianJikharev', arial;
	color:#950b00;
	padding:0px;
	margin:0px;
		}	
H2{
	font-size:20px;
	font-family:'UkrainianJikharev', arial;
	color:#950b00;
	padding:0px;
	margin:0px;
      	}
H3{
	font-family:'UkrainianJikharev', arial;
	color:#000000;
	font-style:italic;
	font-size:18px;
	padding:0px;
	margin:0px;
          }
hr{
	color:#950b00;
			}
p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	padding:0px;
	margin:0px;
}
img {
	border:0;
}

.autor{
	font-size:19px;
	font-family:'UkrainianJikharev', arial;
	color:#4c5131;
	font-style:italic;
	text-indent: 0px;
	padding:0 0 0 30px;
	margin:0px;
		}
.usual{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	padding:0px;
	margin:0px;
}
.quote{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 100px;
}
.poetry{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 100px;
}
.epigraph{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	margin-left: 300;
	font-style:italic;
}
.date{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	font-size: 14px;
	text-align:right;
	font-style: italic;
}
.note{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
}
.info{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
}

	a.flag{
	font-size: 16px;
	font-family: 'UkrainianJikharev', arial;
	text-decoration: none;
	padding:4px;
}
	a.flag:link {color: #FFFFFF
	}
	a.flag:visited {color: #FFFFFF
	
	}
	a.flag:active {color:#FFFFFF
	
	}
	a.flag:hover {color:#000000; background-color:#87936f;
	
	}
	
.gallery{}

ul.menu {
   padding: 0px 0px 0px 0px;
   margin: 0;
   list-style: none;
   width: 200px;
} 
ul.menu li {
   float: left;
} 
ul.menu li a, ul.menu li a:visited {
   display: block;
   text-align:right;
   padding: 0px 20px 0px 0px;
   margin: 0px 30px 5px 60px;
   width: 170px; 
   color: #000000;
	font-size:24px;
	font-weight:bold;
	font-family:'UkrainianJikharev', arial;
	text-decoration:none;

}
ul.menu li a:hover, #menuon {
   color:#ffffff;
   background-color:#950b00;
}



/**********All styles popup**********/
.popup {
padding:5px 15px 15px;
position:fixed;
top:100px;
left:50%;
display:none;
overflow:hidden;
border:1px solid #ccc;
background:#fff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
z-index:100;
}
.popup h2 {
font:bold 18px/32px Arial, san-serif;
}
.popup a.close {
width:16px;
height:16px;
display:block;
text-indent:-9999px;
position:absolute;
top:10px;
right:10px;
background:url(../images/close.png) no-repeat;
}

/**********popup with form**********/
.reg_form {
margin-left:-200px;
width:400px;
}
.reg_form form {
margin-top:10px;
}
.reg_form label {
width:100px;
height:26px;
font:bold 12px/26px Arial, san-serif;
display:inline-block;
vertical-align:top;
*display:inline;
*zoom:1;
}
.reg_form input[type=text], .reg_form input[type=password] {
margin-bottom:10px;
padding:0 3px;
width:274px;
height:22px;
font:bold 12px/26px Arial, san-serif;
border:1px solid #ccc;
}
.reg_form input[type=submit] {
margin:10px 15px 0 0;
padding:3px 10px;
float:right;
background:#ccc;
border:0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font:bold 10px Arial, san-serif;
text-transform:uppercase;
position:relative;
cursor:pointer;
}
.reg_form input[type=submit]:hover {
color:#fff;
}

/**********popup with pictures**********/
.photo_win {
margin-left:-250px;
width:500px;
}
.img_wrap {
margin-top:10px;
width:100%;
overflow:hidden;
}
.img_wrap img {
margin:0 10px 10px;
height:187px;
}

/**********popup with tabs**********/
.tabs_info {
margin-left:-250px;
width:500px;
}
/*tabs links*/
.selectTabs {
margin:10px 0 0;
width:100%;
}
.lineTabs {
width:100%;
float:left;
list-style:none;
margin:0;
}
.lineTabs li {
margin:0 0 -1px 10px;
float:left;
position:relative;
z-index:1;
border:1px solid #ccc;
}
.lineTabs li.active {
border-bottom:1px solid #fff;
}
.lineTabs li.active a {
color:#cc0000;
}
.lineTabs a {
padding:4px 15px;
display:block;
text-decoration:none;
color:#000;
font-weight:bold;
font-size:14px;
text-transform:uppercase;
}
/*tabs content*/
.tab_content {
width:100%;
float:left;
border:1px solid #ccc;
-moz-border-radius:0 0 5px 5px;
-webkit-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
position:relative;
}
.tab_content div{
display:none;
}
.tab_content .tab1 {
display:block;
}
.tab_content .tab1, .tab_content .tab2 {
padding:10px 5px;
}
.tab_content img {
margin:0 10px 5px 0;
float:left;
}

/**********overlay styles**********/
#overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:#000;
opacity:.8;
}