H5 {font-size: 1em;}
.context {text-align:center; margin: 20px 0; position: relative; z-index: 0}

.singlenews {
border: 1px solid #95C9FC;
margin: 10px;
box-shadow: 3px 3px 4px #CCC;
}

/* artenc/index.php, pictures indexes with thumbs */
.artlist {
display:flex;
flex-wrap: wrap;
padding: 0 20px;
}
.artlist div {margin: 1em 0 1em 0; font-weight: bold; font-size: 1.1em;}
.artlist div IMG {margin: 0 20px;}
.artlist H4 {line-height: 100%;}

@media only screen and (min-width : 960px) {
.artlist {
/* width:800px; */
margin: 0 100px;
}
}

/* all listings */
.artists ol, .artists ul {text-align: left; font-size: 14px; line-height: 180%; font-weight: bold; text-align: justify; margin: 0 auto;}
@media only screen and (max-width : 800px) {
.artists  {
font-size: 1em;
width: auto;
padding:10px;
margin: 0 auto;
}
.artists ol, .artists ul {
font-size: 1.2em;
}
}

/* Big size lists */
.biglist LI {font-size: 1.3em; margin:1em;}

.annot {width: 80%; text-align:justify; margin: 0px auto; line-height: 180%; font-weight: bold; font-style:italic;} /* Аннотации */

.poetrylisting ol {text-align: left; font-size: 13px; line-height: 160%; font-weight: bold; text-align: justify; width: 500px; margin: 0 auto;}

@media only screen and (max-width : 640px) {
.poetrylisting OL LI {
font-size: 1.3em;
padding:0.5em;
}
}

.poetspage {
display: flex;
justify-content: center;
align-items: flex-start;
}

/* listings with H-titles */
.plist {margin: 0 auto; text-align: left;}
@media only screen and (max-width: 600px) {
.plist {width: auto;}
H4 {margin:1.1em;}
}
.plist H4 {text-align:left; font-size:1.4em; margin:8px; font-weight:normal;}

/* Mixmaret */
.mxt {font-size:11px; margin-top:20px;}

.share {margin: 20px; text-align: center;}
@media only screen and (max-width : 640px) {
.share H5 {font-size: 0.8em;}
}

.ng {
display:flex;
justify-content: center;
align-items: center;
background-image: url(http://allforchildren.ru/nysongs/bg.gif);
background-repeat: repeat;
width:100%;
}

.songs TD {text-align:left; font-size:13px; font-weight:bold; padding-left:10px;}
.songs TH {font-size:13px;}
.songs IMG {margin-right:5px; border:0px}
.number {background-image: url('http://allforchildren.ru/nysongs/ball3.gif'); background-position: center center; background-repeat:no-repeat; color: #FFFF99; font-weight:bold; width:25px;}
.number1 {background-image: url('http://allforchildren.ru/nysongs/snow.jpg'); background-position: center center; background-repeat:no-repeat; font-weight:bold; width:25px;}

@media screen and (max-width:640px) {
.songs TH {font-size:0.75em;}
}

.piclesson {
display:flex;
flex-direction: column;
width:600px;
justify-content: center;
align-content: space-between;
align-items: center;
margin: 0px auto;
}

.piclessonimg {
text-align: center;
margin: 30px 0 10px;
}

.narrowtextblock {
margin: 0px auto;
text-align:justify;
font-size: 14px;
line-height: 140%;
padding: 10px;
}

@media only screen and (max-width : 600px) {
.piclesson {
width: auto;
}
.narrowtextblock {
width: auto;
padding: 20px;
font-size: 1.2em;
}
}
/* 2 columns for schitalki */
.schit {
display: flex;
flex-direction: row;
justify-content: center;
align-content: space-between;
align-items: flex-start;}

@media only screen and (max-width : 600px) {
.schit {flex-direction: column;}
}

/* WHY */
.whyapropos {font-size:12px; font-family: Arial, Verdana, Helvetica; text-align: justify;}
.whytxt {width:80%; text-align:justify; font-size:12pt; line-height:130%; margin: 20px auto; font-family:Arial, Helvetica, sans-serif;}
.whyimgleft {float:left; text-align:center; font-size:10px; padding:10px}
.whyimgright {float:right; text-align:center; font-size:10px; padding:10px;}
.whylst {width: 600px; text-align:justify; margin: 0px auto; line-height: 180%; font-size:110%;}
.whyagerestr {position: absolute; right:260px; top:130px; width:64px; height: 64px; z-index:1;}
.whytxt IMG {display: block; margin: auto; padding: 10px;}
@media only screen and (max-width : 600px) {
.whyagerestr {position: absolute; right:5px; top:140px; width:64px; height: 64px; z-index:1;}
}

/* HUMOUR */
.anekdot {width: 80%; margin: 0px auto; line-height: 180%;}
.anekdot P {border-bottom:#6699CC 1px dotted; text-align:justify; padding:0 0 10px;}

/* SCIVIDEO */
.videodescr {width:640px; font-size:12px; text-align:justify; margin-bottom: 20px;}

/* TESTING */
.testing {width: 80%; height: 400px;}
.restable {font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; line-height:90%}

/* AUDIOTALES */
.audiotitle {text-align:justify; width: auto; margin: 20px auto;}
.audiodescr {text-align:justify; font-size:smaller; margin: 20px;}
@media only screen and (max-width : 600px) {
.audiotitle {margin: 10px 20px;}
}

.highlight {
font-weight: bold;
font-style:italic;
display: flex;
flex-direction: column;
align-items: center;
}

@media only screen and (max-width : 600px) {
.craft {width: 90%;}
.highlight {padding: 0 50px;}
}
@media only screen and (min-width : 601px) {
.craft {width: 600px;}
.highlight {padding: 0 100px;}
}

.craft P {background-color:#FDFCEE; text-align:justify; padding:5px; font-size:11px; margin: 40px auto 10px;}
.craftlist IMG {float: left; margin: 0 10px;}
.craftlist H5 {text-align:left; color: #000099; font-size:13px;}

@media only screen and (max-width : 600px) {
.craftlist tr td {
display: block;
padding: 10px;
width: 90%;
height: auto;
}
}
.imgbordered {padding:3px; border: #3366FF 2px solid;}
.craftdescription {text-align:justify; font-size:11px; padding-left:5px; padding-right:5px; vertical-align:top}

.crafttxt {background-color:#FDFCEE; text-align:justify; padding:5px; font-size:11px; margin: 10px auto 40px;}
.txt IMG {display: block; margin: auto; padding: 10px;}
.txt H3 {text-align: center;}
.stxt IMG {display: block; margin: auto;}

.pts A {text-align:left; color: #CD0195;  font-size:18px; padding-left:20px;} /*Forgirls listings */

.stereopre {font-size:10pt; font-family: Arial, Verdana, Helvetica; text-align:justify; width:90%; margin: 0px auto;}

.kulinarimg {border: #EC0000 2px solid; padding: 5px; margin: 10px auto;}

.alphabetletters {text-align: center; font-size: 1.4em; font-weight: bold; font-family: Comic Sans MS, Comic Sans, cursive;}

.author {text-align:center; font-style:italic; font-size:10px; margin: 20px auto;}
.author1 {text-align:justify; font-style:italic; font-size:10px; margin-top:20px; margin-bottom:20px; margin-left:100px;}
.author2 {text-align:justify; font-style:italic; font-size:10px; margin: 20px auto; text-indent: 0px;}

.danetka {width:75%; margin: 10px auto; text-align: center; border:#0066FF 1px dotted; padding: 10px;}
.danetka P {text-align: justify; font-size: 14px;}
.danetka H2 {margin-top: 0px}
.danetka A {font-size: 12px;}

.comment TD {border: #cccccc 1px solid;}
.comment_data {background-color: #E3F0FB;}
.comment_author {text-align: left; float:left; font-weight:bold;}
.comment_date {font-style:italic; text-align:right}
.comment_content {padding-left:20px; font-size:11px; padding-right:20px}