Сonference materials

.text-news
.block-title>span
{
    font-size: 30px;
    padding:15px 15px;
}
.video-fonts
{
    font-family: Oswald;
}
.arche {
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    /*display: inline;*/
}

li {
    float: left;
}
.bigbro {
    background-color: #333;
}
.centbox {
    display: table;
	margin: 0 auto;
	/*background-color: #333;*/
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
    background-color: #111;
}
}
.zgl{
    margin-top:-25px;
}
.zgl2{
    padding-top:-20px;
}

.bk-shelf-css
{
//Colors

@color1: #d1d8de; //top surface
@color2: #596c7c; //front edge
@color3: #ffffff; //page color

//Mixins

.box-shadow (@shadow1, @shadow2: transparent 0 0 0, @shadow3: transparent 0 0 0, @shadow4: transparent 0 0 0, @shadow5: transparent 0 0 0, @shadow6: transparent 0 0 0) {
    -webkit-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
  	-moz-box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
		box-shadow: @shadow1, @shadow2, @shadow3, @shadow4, @shadow5, @shadow6;
}

.4-color-gradient (@colorStart, @colorStop1, @colorStop2, @colorEnd, @position1: 0%, @position2: 50%, @position3: 50%, @position4: 100%, @angle: 90deg, @oldangle1: left top, @oldangle2: right bottom, @iegradtype: 0) {
		background-image: -moz-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /*FF3.6+ */
		background-image: -webkit-gradient(linear, @oldangle1, @oldangle2, color-stop(@position1,@colorStart), color-stop(@position2, @colorStop1), color-stop(@position3,@colorStop2), color-stop(@position4,@colorEnd)); /*Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4);/* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(@angle, @colorStart @position1, @colorStop1 @position2, @colorStop2 @position3, @colorEnd @position4); /*IE10+ */
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colorEnd}', endColorstr='@{colorStart}', GradientType='@{iegradtype}' )"; /* IE6-9 */
}

.2-color-gradient (@colorStart, @colorEnd, @position1: 0%, @position2: 100%, @angle: 90deg, @oldangle1: left top, @oldangle2: right bottom, @iegradtype: 0) {
		background-image: -moz-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*FF3.6+ */
		background-image: -webkit-gradient(@angle, @oldangle1, @oldangle2, color-stop(@position1, @colorStart), color-stop(@position2, @colorEnd)); /*Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(@angle,  @colorStart @position1, @colorEnd @position2); /*IE10+ */
		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{colorEnd}', endColorstr='@{colorStart}', GradientType='@{iegradtype}' )"; /* IE6-9 */
}

.transform (@transform) {
		-webkit-transform: @transform;
		-moz-transform: @transform;
		-ms-transform: @transform;
		-o-transform: @transform;
}

//CSS

.shelf {
		display: block;
		position: relative;
		width: 60%;
		height: 20px;
  	margin: 0px auto 0;
//LESS Mixins
		.2-color-gradient (@color1, lighten(@color1, 10%), 0%, 100%);
		.box-shadow (0 2px 2px lighten(@color2, 10%), 0 4px 0 lighten(@color2, 30%), 0 20px 30px -8px #000000);
}

.bookend_left {
		display: block;
		position: absolute;
		left: -25px;
		top: -18px;
		width: 36px;
		height: 36px;
		background-color: @color3;
//LESS Mixins
		.transform (rotate(35deg));
}

.bookend_left:before {
		position: absolute;
		top: 31px;
		left: 17px;
		width: 20px;
		height: 10px;
		background-color: @color3;
		content:"";
//LESS Mixins
		.transform (rotate(-35deg));
}

.bookend_right {
		display: block;
		position: absolute;
		right: -25px;
		top: -18px;
		width: 36px;
		height: 36px;
		background-color: @color3;
//LESS Mixins
		.transform (rotate(-35deg));
}

.bookend_right:before {
		position: absolute;
		top: 31px;
		right: 17px;
		width: 20px;
		height: 10px;
		background-color: @color3;
		content:"";
//LESS Mixins
		.transform (rotate(35deg));
}

.shelf .reflection {
		display: block;
		position: absolute;
		top: 20px;
		left: 1px;
		width: 99.8%;
		height: 1px;
//LESS Mixins
		.4-color-gradient (rgba(255,255,255,1.0), rgba(255,255,255,0.5), rgba(255,255,255,1.0), rgba(255,255,255,0.7), 0%, 35%, 65%, 100%, 0deg, left top, right top);
}

h3{
    margin: 10;
}

img {
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	height:200px;
	padding-left:50px
	margin: 0 10 100 100;
	position:absolute;
}

.book{
    float:center;
    text-align:center;
    padding-top:10px;
}
}//bk-shelf-css end

.book-cover-bk {
    margin: 10px;
    img {
	margin:10px;
	padding:0;
	height:250px;
	width:180px;
	padding: 20px;
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	float:left;
}
    p {
        display:block;
        margin-left: 200px;
        padding-left: 50px;
        font-family: Oswald;
        font-size: 25px;
        padding-top: 35px;
        line-height: 25px;
    }
    @media only screen and (max-width: 600px) {

p { font-size: 1.2em; 
            margin-left: 120px;
        padding-left: 35px;
        }
        img {
	margin:10px;
	margin-top: 30px;
	padding:0;
	height:200px;
	width:130px;
	padding: 10px;
	box-shadow:10px 20px 30px rgba(0,0,0,0.25);
	float:left;
}

}
    .polka {
        width: 800dp;
        overflow: hidden;
        height: 300px;
        border-top: 2px solid;
    }
    a:hover {
        background-color:#332200;
    }
    br {
        margin:7px 0;
        display: block;
        line-height: 25px;
        content: " ";
    }
}//book-cover-bk end

//CSS-book-list-start
.booklist{
    
    * {margin: 0; padding: 0;}
 
div {
  margin: 20px;
}
 
ul {
  list-style-type: none;
  width: 500px;
}
 
h3 {
  font: bold 20px/1.5 Helvetica, Verdana, sans-serif;
}
 
li img {
  float: left;
  margin: 0 15px 0 0;
}
 
li p {
  font: 200 12px/1.5 Georgia, Times New Roman, serif;
}
 
li {
  padding: 10px;
  overflow: auto;
}
 
li:hover {
  background: #eee;
  cursor: pointer;
}

img {
	box-shadow:10px 20px 50px rgba(0,0,0,0.25);
	height:200px;
	padding-left:0px;
	margin: 10 10 100 100;
	position:relative;
}

}//Book-list-end

//authorpage - start
.authorpage40 {
.full-article-footer {
    border-top: 0px solid #E0DFDB;
}

.article-footer {
    padding: 20px 10px 10px 10px;
    min-height: 115px;
    display:table;
}

.avatar-module {
    display: table-cell; 
    vertical-align: middle;
}

.avatar-module img {
    border-radius: 50%!important;
    height: 200px;
    width: 200px;
    float: left;
    margin:50px 20px 20px 20px;
}

.avatar-logo img {
    border-radius: 50%!important;
    height: 60px;
    width: 60px;
    float: left;
    margin:0px 10px 0px 10px;
    border: 1px solid;
}

.article-footer p {
    line-height:1.5em;
    padding-left:15px;
}

a.author-link {
    font-size:25px;
    line-height:2em;
    color:#617a3a;
    text-decoration:none;
}

a.author-link:hover {
    color:#000000;
    text-decoration:none;
}

@media (max-width:750px) {
.article-footer {
display:inherit;
margin:0px;
}

.avatar-module {
display:inherit; 
vertical-align: none;
}

.avatar-module img {
margin-left: auto;
margin-right: auto;
display: block;
float:none;
margin-top:0px;
}

.article-footer p {
text-align:center;
padding-left:0px;
}
}
    
}
//authorpage - end

//two-col
.twocol{
    
    .wrapper {
        display: grid;
        grid-gap: 5px;
        //grid-template-columns: repeat(4, [col] 350px ) ;
        grid-template-columns: repeat(2, 507px);
        grid-template-rows: auto, auto;
        background-color: #fff;
        color: #fff;
    }

.box {
        background-color: #fff;
        color: #fff;
        border-radius: 0px;
        padding: 15px;
        font-size: 150%;

}

.box .box {
        background-color: #ccc;
        color: #fff;
    }
    
}
//twocol end

.bod {
    padding: 20px;
}
.auth-list {
    
    padding: 0;
    & > * {
        display: inline;
        &:after {
            content: ',';
        }
        &:last-child:after {
            content: '';
        }
    }
}

Josephine von Zitzewitz. Oleg Okhapkin: Poetry as Liturgy

Tatiana Kovalkova. Compassion in Civic Poetry of Oleg Okhapkin and Mikhail Sopin

Сonference materials

Josephine von Zitzewitz. That Night…

Aleksandr Shchipkov. Oleg Okhapkin’s poetry as the fusion of archaism and...

Annelisa Alleva. Key Words in Oleg Okhapkin’s Poetry

Emily Lygo. Oleg Okhapkin: a Poet of the Russian Orthodox Revival

Dmitry Prokofiev. Oleg Okhapkin and «Maya», Pskov Literary Miscellany. One Story...

Tatiana Ígosheva. The principle of «transparency» in lyric poetry by...

Poems of the late 1960’s

Biography of Oleg Okhapkin

Josephine von Zitzewitz. Oleg Okhapkin: Between Poetry and Dogma