@charset "utf-8";
/*
Theme Name: mystik
*/
body {
margin:0;
padding:0;
font-family:'Bookman Old Style', serif;
font-size: 1.1em
}

a{color:#000000}
p{text-align:justify}
img{max-width:100%}

h1, h2, h3, h4, h6{font-family: Courier, monospace;display:block;text-transform:uppercase;letter-spacing:2px}

h1 a, h3 a{ color:#cc0000}

header h1{
padding:0; margin:0; text-align:center;
background-color:none
}

h2{
text-align:center;
background:linear-gradient(to top, #cc0000 0%,#ff0000 100%);
color:#FFFFFF;
padding:5px;
margin:5px 0
}

h2 a{color:#FFFFFF;text-decoration:none}

ul{display:block; list-style-type:none; padding:0; margin:0}
li{ clear:both; margin-bottom:15px;overflow:auto}
li img{float:left; margin-right:10px}

nav ul{background-color:#edeeef; margin:0; padding:10px}

.container{
max-width:1400px;
margin:0 auto
}

header{
width:auto;
max-height:300px;
min-height:60px;
overflow:hidden
}

.container > main{
display:flex;
flex-wrap:wrap;
justify-content: flex-start
}

nav, aside, #content{
padding:5px; margin:0 auto
}

main > nav{
flex: 1 1 20vw;
max-width:300px;
min-width:280px
}

main > #content{
flex: 1 1 30vw;
max-width:780px;
min-width:300px
}

main > aside{
flex: 1 1 20vw;
max-width:300px;
min-width:260px
}

.anons h1{text-align:center}

.anons{
padding-bottom:10px;
border-bottom:5px solid #ccc;
font-family: Courier, monospace;
text-align:center
}

article{margin-bottom:50px}

.recaside{
max-height:600px;
max-width:300px;
background-image:url(images/fon2.svg)
}

footer{
text-align:center;
padding:15px;
background-color:#CCCCCC
}

.wp-pagenavi {margin:15px 20px; display:block}
.wp-pagenavi a, .wp-pagenavi span{text-decoration: none;border: 2px solid #efeeee;padding: 4px 5px;margin: 2px}
.wp-pagenavi a:hover, .wp-pagenavi span.current{border-color: #000}
.wp-pagenavi span.current{font-weight: bold}

ol{list-style-position: inside;font-size:1.0em; margin:0; padding:10px}
dt{margin-top:20px; margin-bottom:7px; color:#993300; font-size:1.1em}
blockquote{padding-left:7px; border-left:6px dotted #666666}
.rigveda{font-size:1.0em; margin:10px}
.st1{font-size:0.9em; text-align:left}
.st6{ background-color:#CCCCCC}
table{width:100%; border-collapse:collapse; font-size:0..9em}
td{border:1px solid #666666; padding:5px}
.vertical{
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)  
}

.nav2{width:260px;margin:5px auto;font-size:1.2em; font-weight:bolder}