body {
	width: 100%;
	margin: 0;
}

IMG {
 max-width: 100%;
 height: auto;
 width: auto\9; /* ie8 */
}
	
#wrap {
	width: 97%;
	margin: 0;
	position: relative;
	z-index: 20; /* Should be greater than menu z-index */
	padding: 10px;
	height: 100%;
}
	
.head { 
	font: 1.3em 'lucida sans','lucida sans unicode','verdana',sans-serif;
	color: #666;
	clear:right;x
}

	
.head span {
	margin-left: 10px;
	color: #AAA;
	}

#container {margin-top:40px;
	margin-left:0;
	width:100%;
	background: #FFF;}

.menu {
	display:none;
}
/* Mobile menu */

#cool-menu-toggle {
  position: absolute;
  top: 20px;
  right: 10px;
  padding: 10px;
  border: 1px solid #333;
  border-radius: 3px;
  z-index: 2;
}
 
#cool-menu {
  display: none;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 190px;
  padding: 40px 25px;
  margin: 0;
  list-style: none;
  background: #E5E5E5;
  z-index: 10; /* Should be lower than menu z-index */
}
 
#cool-menu a {
  display: block;
  color: #000;
  padding: 15px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  font: 400 0.95em 'lucida sans','lucida sans unicode','verdana',sans-serif;
}

#cool-menu li {margin-bottom: -0.5em;
}

/* Animations */
 
#wrap, #cool-menu {
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
}
 
.animating #cool-menu, .menu-visible #cool-menu {
  display: block;
}
 
.animating #wrap {
  transition: transform .25s ease-in-out; /* 250ms transition to page */
  -webkit-transition: -webkit-transform .25s ease-in-out;
}
 
.animating.left #wrap {
  transform: translate3d(-240px, 0, 0 ); /* move page to left */
  -webkit-transform: translate3d(-240px, 0, 0);
}
 
.animating.right #wrap {
  transform: translate3d(240px, 0, 0); /* move page to right */
  -webkit-transform: translate3d(240px, 0, 0);
}
 
.menu-visible #wrap {
  right: 240px;
}

/* End moblie menu */

.main {
	margin: 0px;
	width:97%;
	padding: 10px; 10px; 50px; 20px;
	font-size:1.1em;
}

.main p {
	font-size: 1.1em;
	line-height: 1.6em;
}

.totop {text-align: center; margin: 30px auto;}

.context {
	display:block;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}
	
ol {
	color: #444;
	font: 600 0.8em 'lucida sans','lucida sans unicode','verdana',sans-serif;
	margin: 5px 0;
}
 
ol span {
	font: 400 1.0em 'lucida sans','lucida sans unicode','verdana',sans-serif;
	color: #666;
	font-style: normal;
}

ol li {
	margin-left: 30px;
	padding: 4px 0
}

.sidebar {display:none;
}
.footer {width: 95%;}
/* Mobile local */
.afo {flex-direction: column;}
.alllistings {text-align:justify;}
.alllistings OL {font-size:larger; font-weight: lighter; line-height:180%;}
.annot {font-size:14px; text-align: justify; padding: 15px;}
.authorslist {width:95%;}
.cytcontent {order: -1;}
.funnyad {width: 90%;}
.illusiondescr {width:90%; font-size: 14px; text-align: center; margin:0px auto 50px;}
.kino {flex-direction: column;}
.palindrom {font-size:14px;}
.pirozhki {margin: 20px auto; width: 90%;}
.pirozhki P {padding: 20px 0px; border-top: 1px dashed #5d5d5d; font-size:18px;}
.subtitle {font-size:14px; text-align:justify; padding:15px;}
.titlecomment {font-size:0.9em;}

/* TESTS */
.testframe {padding:5px; width: 100%; margin: 10px auto; border: none;}
.testform {margin-top:20px; background-color: #FFFFFF;}