/* 
	Theme Name: MUOlgaTalan
	Theme URL: http://OlgaTalan.ru/
	Description: 
	Author: Miss Udacha
	Author URI: http://missudacha.ru/
	Version: 2015.10
*/
* {
border: 0;
margin: 0;
padding: 0;
}

html, body {
width: 100%;
height: 100%;

}

* html #container {
height:100%;
}

body {
background: #c9d3e5;
color: #111;
font-size: 2vmin;
font-family: Arial, Helvetica, Verdana, Sans-Serif;
/*border: .5vmin double #fa0707*/
}
	
#container {
width: 98%;
margin: -1vmin auto 0vmin auto;
padding: 0vmin;
min-height: 100%;
/*border: .5vmin double #fa0707*/
}

@media screen and (min-aspect-ratio: 14/10 ) {
#container {
width: 150vmin; 
padding: 0vmin 2vmin 0vmin 2vmin;
box-shadow: 0vmin 0vmin 1vmin  #000;}
}

.empty {
height: 44px;
}
	
a, a:visited {
text-decoration: none;
}

a:active {
outline: none;

}


#header {
background:  url(images/OTSxapka.png)  top center no-repeat;
width: 100%;
height: 25vmin;
margin: 0vmin 0vmin -3vmin 0vmin;
padding: 0vmin 0vmin 0vmin 0vmin;

}

#header a:hover, a:active  {	
font-weight: normal;
text-decoration: underline;
margin: 0% 0% 0% 0%;
width: 60%;

}

#header a:hover  {
margin: 0% 0% 0% 0%;
}

#header h1 {
color: #111;
font-size: 6vmin;
font-weight: normal;
text-shadow: .2vmin .2vmin 1vmin  #fff;
margin: 1vmin 0 0 15vmin;
font-weight: 800;

}

#Opis {
color: #666;
text-shadow: .1vmin .1vmin 0.5vmin  #fff;
font-size: 2vmin;
margin: 0% 0% 0% 20vmin;
width: 60%;

}

#Socknopki {
float: right;
width: 50px;
margin: 10px 0% 0% 0%;
}

img.Sknopki {
width: 3.5vmin;
height: 3.5vmin;
}



#NESocknopki {
float: left;
width: 90%;

}


#poisk {
width: 200px;
font-size: 2vmin;
color: #111;
float: right;
text-align: left;
}

@media screen and (orientation: portrait) {




}


/* основной контент*/

#content{
/*background:  url(images/OTSvitok1fon.png) repeat-y;*/
width: 90vmin;
float: left;
margin: 0vmin 0vmin 0vmin 0vmin;
padding: 0vmin 0vmin 0vmin 0vmin;
/*border: .5vmin double #111;*/
}

#content p {
padding: 0vmin 7vmin 1vmin 1vmin;
}

#content a {
color: #111;
margin: 0vmin 0vmin 0vmin 0vmin;
}

#content table{
margin: 0vmin 1vmin 0vmin 1vmin;
font-size: 2vmin;
}



.knigaVtekste {
float: left;
width: 100px;
height: 145px;
}

.knigaVteksteGros {
float: left;

}

.bez img {
margin: 1vmin 0vmin 1vmin 0vmin;
padding: 0vmin 0vmin 0vmin 0vmin;

}
#content img {
/*border: .5vmin double #000;*/
}

#content img:hover {	
opacity: 0.9;
}

#content  a:hover {
text-decoration: underline;
}

#content h2, h3 {
clear: both;
}




#content h2 {
color: #111;
font-size: 3vmin;
font-weight: bold;
padding: 2vmin 0 2vmin 0vmin;
}

#content h3 {
font-size: 2.5vmin;
}
	
#content ol {
margin: 0 0 3vmin 4vmin;
}
		
#content ul {
list-style-type: square;
margin: 0 0 3vmin 4vmin;
}

#content a {
color: #660000;
text-decoration: underline;
}




#contentProzaSv {
color: #000;
width: 90%;
font-size: 3vmin;
float: left;
padding: 1vmin 1vmin 1vmin 1vmin;
margin: 0vmin 0vmin 0vmin 0vmin;
}

#contentProzaSv p {
padding: 0vmin 0vmin 2vmin;
}

#contentProzaSv img {
margin: 2vmin 2vmin 2vmin 0vmin;
}

#contentProzaSv a, a:hover {
text-decoration: underline;
color: #660000;
}

#contentProzaSv h2, h3 {
margin: 3vmin 0 3vmin 4vmin;
clear: both;
}
#contentProzaSv ol {
margin: 0 0 3vmin 4vmin;
}
		
#contentProzaSv ul {
list-style-type: square;
margin: 0 0 3vmin 4vmin;
}


/* ????? ????? */

#contentProza {
width: 72%;
font-size: 2vmin;
float: left;
margin: 2vmin 1vmin 1vmin 1vmin;
padding: 1vmin 1vmin 1vmin 1vmin;
/*background: #6d747e;
box-shadow: 0 0 1vmin #666;
opacity: 0,7;
border-radius: .3vmin .3vmin .3vmin .3vmin;*/
}

#contentProza p {
padding: 0vmin 0vmin 2vmin;
}

#contentProza img {
margin: 2vmin 2vmin 2vmin 0vmin;
}

#contentProza a, a:hover {
text-decoration: underline;
color: #660000;
}

#contentProza h2, h3 {
margin: 3vmin 0 3vmin 4vmin;
clear: both;
}
#contentProza ol {
margin: 0 0 3vmin 4vmin;
}
		
#contentProza ul {
list-style-type: square;
margin: 0 0 3vmin 4vmin;
}

#author-date{
font-size: 2vmin;
margin: 0vmin 0vmin 3vmin 0vmin;
}

/* roman --------------------------------------------------------------------------------*/
.Roman{
margin: 1vmin 0vmin 1vmin 0vmin;
padding: .1vmin .1vmin .1vmin .1vmin;
width: 98%;
min-height: 55vmin;
text-shadow: 0 -.1vmin rgba(0,0,0,.1);
outline: none; 
border: .5vmin double #000;
border-radius: .3vmin;
background: #d7e5ff linear-gradient(#fff, #d2d6d8);
box-shadow: inset 0 0 1vmin #666, 0 0 1vmin #000;
animation: pulsate 1.2s linear infinite;
}

.Roman40 h2{
float: left;
width: 36vmin;
margin: .5vmin 0vmin .5vmin 0vmin;
padding: 0vmin 0vmin 0vmin 0vmin;
font-size: 2vmin;
}

.Roman40 h3{
float: left;
width: 36vmin;
margin: 1vmin 0vmin .5vmin 1vmin;
padding: 0vmin 0vmin 0vmin 0vmin;
font-size: 2vmin;
}

.Roman img{
float: left;
padding: 0vmin 0vmin 0vmin 0vmin;
margin: 0vmin 0vmin 0vmin 0vmin;
}

.Roman p{
float: right;
width: 55%;
margin: 1vmin 1vmin 1vmin 1vmin;
font-size: 1.5vmin;
}

.Roman40{
float: left;
width: 40%;
margin: 0vmin 1vmin 0vmin 0vmin;
}

a.Chitat {

width: 90%;
min-height: 3vmin;
float: left;

font-family: Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif;
font-size: 1em;
font-weight: 600;
text-align: left;
color: #000;
text-shadow: 0 -.1vmin rgba(0,0,0,.1);
text-decoration: none;

margin: 0.7vmin 0vmin .7vmin 1vmin;
padding: .3vmin 1vmin .3vmin 1vmin;
outline: none;
border: none;
border-radius: .3vmin;
background: #e2eaf1 linear-gradient(#fff, #e2eaf1);
  
box-shadow: inset 0 0 1vmin #666, 0 0 1vmin #000;
animation: pulsate 1.2s linear infinite;
  
}

 a:hover.Chitat  {
background: #e2eaf1 linear-gradient(#ccc, #e2eaf1);
}

img.fototovara {
width: 30vmin;
height: 30vmin;
}

img.InstImg {
width: 50vmin;
height: 50vmin;

}
img.Seria {
width: 14vmin;
height: 5vmin;
margin: 0.1vmin 0% 0.1vmin 0.5vmin;
padding: 0vmin 0vmin 0vmin 0vmin;
float: left;
}

img.Znak {
width: 10vmin;
height: 5vmin;
margin: .3vmin 0% .3vmin .3vmin;
padding: 0vmin 0vmin 0vmin 0vmin;
float: left;
}

@media screen and (orientation: portrait) {
img.Seria {
width: 7vmin;
height: 2.5vmin;

}

img.Znak {
width: 5vmin;
height: 2.5vmin;

}



}

/* Post _______________________________________________________________________________  */

#Post{
margin: 1vmin 0vmin 1vmin 0vmin;
padding: 1vmin 1vmin 1vmin 1vmin;
/*background: #f9d9c2;
box-shadow: 0 0 1vmin #666;
opacity: 0,7;
border-radius: .3vmin .3vmin .3vmin .3vmin;*/


  text-shadow: 0 -.1vmin rgba(0,0,0,.1);
  outline: none;
  border: none;
  border-radius: .3vmin;
  background: #ffefe3 linear-gradient(#fff, #f9d9c2);
  
  box-shadow: inset 0 0 1vmin #666, 0 0 1vmin #000;
  animation: pulsate 1.2s linear infinite;

}

.PostIn{
/*margin: 2vmin 2vmin 2vmin 2vmin;*/
padding: 1vmin 1vmin 1vmin 1vmin;
background: #ffefe3;
box-shadow: 0 0 2vmin #ffefe3;
opacity: 1;
border-radius: .3vmin .3vmin .3vmin .3vmin;
}

.PostInS{
/*margin: 2vmin 2vmin 2vmin 2vmin;*/
padding: 1vmin 1vmin 1vmin 1vmin;
background: #c7d2e4;
box-shadow: 0 0 2vmin #c7d2e4;
opacity: 1;
border-radius: .3vmin .3vmin .3vmin .3vmin;
}

.PostInG{
/*margin: 2vmin 2vmin 2vmin 2vmin;*/
padding: 1vmin 1vmin 1vmin 1vmin;
background: #dbe1ea;
box-shadow: 0 0 3vmin #dde8fc;
opacity: 1;
border-radius: .3vmin .3vmin .3vmin .3vmin;
}

#Rek{
margin: 0vmin 2vmin 0vmin 2vmin;
padding: 0 3vmin 4vmin 0vmin;
}

#DRpost{
margin: 2vmin 2vmin 2vmin 2vmin;
padding: 0 3vmin 4vmin 0vmin;
}


#NacxС{
/*background:  url(images/OTSvitok1N.png) no-repeat;*/
margin: 0vmin 0vmin 0vmin 0vmin;
padding: 0vmin 0vmin 0vmin 0vmin;
text-align: right;
font-weight: bold;
}

#KonC{
/*background:  url(images/OTSvitok1k.png) no-repeat;*/
margin: 0vmin 0vmin 0vmin 0vmin;
height: 65px;
}

/* глоссарий*/

#contentMir {
width: 45%;
font-size: 2vmin;
float: left;
padding: 0 0 0vmin 3%;
margin: 0% 0% 0%  0%;
}

#contentMir p {
padding: 0vmin 0vmin 2vmin;
}

#contentMir img {
margin: 2vmin 2vmin 2vmin 0vmin;
}

#contentMir a, a:hover {
text-decoration: underline;
color: #660000;
}

#contentMir h2, h3 {
margin: 3vmin 0 3vmin 4vmin;
clear: both;
}

.fotoPersona img {
width: 50%;
margin: 1% 5% 1% 5%;
float: left;
box-shadow: 0 0 1vmin #000;
}

/* Сайдбары --------------------------------------------------- */

#mir_sidebar {
color: #111;
float: right;
width: 50%;
padding: 0vmin 0vmin 0vmin 0vmin;
list-style: none;
margin: 0% 0% 0% 0%;
font-size: 1.5em;
}

.menuRoman {
width: 100px;
height: 145px;
margin: 10px 10px 10px 10px;
}

#avatar {
float: left;

margin: 1vmin 2vmin .5vmin 0vmin;
}

	

	
.post-date {
color: #111;
font-size: 1.2vmin;
margin: 2vmin 0 3vmin;
}

#OT_sidebar {
margin: 2vmin 1vmin 1vmin 1vmin;
padding: 1vmin 1vmin 1vmin 1vmin;
background: #6d747e;
box-shadow: 0 0 1vmin #666;
opacity: 0,7;
border-radius: .3vmin .3vmin .3vmin .3vmin;

color: #111;
float: left;
width: 20%;
font-size: 2vmin;
list-style: none;
}

#OT_sidebar h2 {
color: #111;
font-size: 3vmin;
margin: 2vmin 0vmin 0vmin 0vmin;
padding: 1vmin 0vmin 1vmin 0vmin;
list-style-type: none;

}
	
#OT_sidebar ul {
list-style: none;
padding: 0vmin 1vmin 0vmin 0vmin;
}

#OT_sidebar li{
list-style: none;
padding: 1vmin 1vmin 0vmin 2vmin;
}

#OT_sidebar a {	
color: #111;
font-size: 2vmin;
}

#OT_sidebar a:hover {	
text-decoration: underline;
padding: 0vmin 0vmin 0vmin 0vmin;
}

#OT_sidebar img {
margin: 2vmin 0vmin 0vmin 4vmin;
}

	
#l_sidebar {


color: #111;
float: left;
width: 16vmin;
font-size: 3vmin;
list-style: none;
/*border: .5vmin double #000*/
}

#l_sidebar h2 {
color: #111;
font-size: 3vmin;
margin: 0vmin 0vmin 0vmin 0vmin;
padding: 0vmin 0vmin 0vmin 0vmin;
list-style-type: none;
text-align: center ;
}
	
#l_sidebar ul {
list-style: none;
padding: 0vmin 0vmin 0vmin 0vmin;
}

#l_sidebar li {
list-style: none;
padding: 1.5vmin 0vmin 0vmin 0vmin;
}

#l_sidebar img {	
box-shadow: 0 0 2vmin #dce9fc;
margin: 1vmin 1vmin 1vmin 1vmin;
}

#l_sidebar img:hover {	
opacity: 0.9;

}
#l_sidebar a {	
color: #111;
font-size: 2vmin;
}

#l_sidebar a:hover {	
text-decoration: underline;
padding: 0vmin 0vmin 0vmin 0vmin;
}


	
#r_sidebar {
margin: 1vmin 1vmin 1vmin 1vmin;
padding: 1vmin .5vmin 1vmin .5vmin;
/*background: #f9d9c2;
box-shadow: 0 0 1vmin #666;
opacity: 0,7;
border-radius: .3vmin .3vmin .3vmin .3vmin;*/

color: #111;
float: left;
width: 18vmin;
list-style: none;
/*border: .5vmin double #000*/

  text-shadow: 0 -.1vmin rgba(0,0,0,.1);
  outline: none;
  border: none;
  border-radius: .3vmin;
  background: #ffefe3 linear-gradient(#fff, #f9d9c2);
  
  box-shadow: inset 0 0 1vmin #666, 0 0 1vmin #000;
  animation: pulsate 1.2s linear infinite;
}

#r_sidebar h2 {
color: #111;
font-size: 2vmin;
margin: 0vmin 0vmin 0vmin 0vmin;
padding: 4vmin 0vmin 1vmin 0vmin;
}

#r_sidebar li.widgettitle  {
padding: 4vmin 0vmin 0vmin 0vmin;
margin: 0vmin 0vmin 0vmin 0vmin;
width: 95%;
}

#r_sidebar a:hover {	
text-decoration: underline;
padding: 0vmin 0vmin 0vmin 0vmin;
}

#r_sidebar a {	
color: #111;
font-size: 1.6vmin;
}

 #r_sidebar ul {
list-style: none;
padding: 0vmin 0vmin 0vmin 0vmin;
}

#r_sidebar li  {
list-style: none;
padding: .5vmin 0vmin 0vmin .5vmin;
}

#ArtMinus img
{
width: .3vmin;
height: .3vmin;
}

.art img
{
width: 25vmin;
height: 25vmin;
}
.execphpwidget a
{
color: #3f6894;
font-size: 2vmin;
font-weight: bold;
}

.execphpwidget a:hover 
{
margin: 1vmin 0 0vmin 0vmin;
color: #3f6894;
font-size: 2vmin;
font-weight: bold;
text-decoration: underline;
}

.date
{
font-size: 2vmin;
}

.headline {
color: #ccc;
font-size: 2vmin;
}

#searchform {
overflow: hidden;
}
	
#s {
width: 24vmin;
height: 4vmin;
font-size: 2vmin;
float: right;
border: .5vmin double #111
}

.ads {
margin: 2vmin 0 0 .5vmin;
}

.tags {
line-height: 3vmin;
font-weight: bold;
padding: 0 1vmin;
}

.tags a {
color: #660000;
}

.tags a:hover {
text-decoration: underline;
}

.counters {
margin: 2vmin 1vmin 2vmin 3vmin;
}
	
#footer {
position: relative;

width: 100%;
height: 8vmin;
color: #111;
font-size: 1vmin;
margin: -8vmin auto 0;
}

#footer p {
padding: 3vmin 0 0 28vmin;
}
	
#footer  #footer a:visited {
text-decoration: none;
color: #111;
}
	
#footer a, a:hover {
color: #111;
text-decoration: underline;
}

#fmenu {display: block;   margin: auto;  width: 81vmin;}
#fmenu ul {list-style: none; margin: 1vmin 0vmin 0vmin 0vmin;}
#fmenu li {float: left;  list-style-type: none; padding: 0vmin 4vmin 0vmin 0vmin;}

#commentblock {
width: 95%;
color: #111;
float: left;
padding: 4vmin 4vmin 2vmin 4vmin;
margin: 2vmin 0 0;
font-size: 1.5vmin;
}
	
#commentblock ol{
width: 95%;
list-style-position: inside;
margin: 0;
padding: 0 0 2vmin;
}

.comments {
font-size: 1.5vmin;
font-weight: bold;
}

.approve {
font-style: italic;
}

.commenttext {

width: 95%;
margin: .5vmin 4vmin 2vmin 0;
padding: 4vmin 4vmin 1vmin 2vmin;
clear: both;
}

#commentform input, #commentform textarea {

border: .3vmin solid #111;
color: #111;
font-size: 1.2vmin;
padding: .3vmin 1vmin;
}

#commentform textarea {
scrollbar-base-color: #111;
}

.clearfloat {
clear: both;
}

.clearPlus {
clear: both;
margin: 1vmin 0vmin 1vmin 0vmin;
}