html {background-color:#5f220a;box-shadow: 0px 0px 180px 20px #291a1a inset;
}
body {width:100%;margin:0 auto;padding:0;font-size:16px;font-family:arial, helvetica, sans-serif;}

/* grid */
.col1, .col2, .col3 {float:left;margin:0;padding:0;overflow:hidden;}
.col1, .col3 {width:18%;} 
.col2 {width:64%;}
.col1 {text-align:center;}
/* grid end */

.imgresp {
width: 100%;
    height: auto;
	margin-top:15px;
}

div.shd1 {
margin:0 auto;
padding:0;
}

.centr {text-align:center;}
.leeft {text-align:left;}

div.shd2 {padding:0 2px;}
div.shd3 {padding:1px;background-color:#C8C8C8;position:relative;}
div.container{margin:1px;padding:1px;background-color:#d7d2c5;}

/*banner*/
.upper {
text-align:left;
width:100%;
margin:0;
overflow:hidden;
padding:6px 0 2px;
background-color:#BF211E;
-webkit-box-shadow:1px -29px 39px 4px #290B09 inset;
-moz-box-shadow:1px -29px 39px 4px #290B09 inset;
box-shadow:1px -29px 39px 4px #290B09 inset;
}
.title2 {color:#FFF;padding-top:2px;text-align:left;font-variant:small-caps;font-family:georgia, serif;font-size:177%;margin:1px 2px 0 6px;text-shadow:2px 2px 1px #191919;}
#subtit {color:#FFD700;font-size:98%;font-family:arial, sans-serif;font-variant:normal;margin-left:10px;}

.gnm {color:#FF4500;font-size:108%;text-shadow:2px 1px 18px #191919;margin:8px 0 8px;text-align:center;}
/* BANNER_end */

/*LINKS*/
a:link {color:#F8F8F8 ;text-decoration:none;font-family:arial,tahoma, sans-serif;}
a:visited{color:#D0D0D0;text-decoration:none}
a:hover{color:#FF0;text-decoration:underline}
a:active{color:#FF0000 ;font-weight:700;}

a.whit:link{color:#F8F8F8 ;text-decoration:none;cursor:pointer;text-shadow:2px 1px 1px #000;}
a.whit:visited{color:#F8F8F8 ;text-decoration:none;}
a.whit:hover{color:#FF0 ;text-decoration:underline;cursor:pointer;font-weight:700;}
a.whit:active{color:#A6FF4C;text-decoration:underline;font-family:arial;}
a.darkauth {font-size:95%;color:#006400;font-family:georgia;text-decoration:none;}
a.darkauth:visited {color:#708090;text-decoration:none;}
a.darkauth:hover {color:#4B0082;text-decoration:underline;font-weight:700;}
a.darkauth:active {color:#DC143C;text-decoration:underline;}

a.author:link {color:#2125a8;font-family:tahoma, arial, helvetica;text-decoration:none;}
a.author:visited{color:#828293;font-family:tahoma, arial, helvetica;text-decoration:none;}
a.author:hover{color:blue;text-decoration:underline;}
a.author:active {color:#DC143C;text-decoration:underline;}

a.dark:link{color:#006400;text-decoration:underline;}
a.dark:visited{color:#708090;text-decoration:underline;}
a.dark:hover{color:#4B0082;background-color:#F0E68C;}
a.dark:active{color:#DC143C;}
/*LINKS end*/

h1 {font-family:georgia;color:#8B0000;font-size:185%;margin:3px;	padding:6px;text-align:center}
h2 {	color:#708090;font-family:georgia, serif;text-align:left}
h3 {color:#006400;font-family:arial, sans-serif;}

.bx {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* RED LABELS */
.grbut2 {
width:100%;
text-align:center;
padding:3px 0;
margin:5px 0 0;
color:#FFEFD5;
background-color:maroon;
background-image:url('imag/gredbut1a.gif');
background-repeat:repeat-x;
-webkit-box-shadow:0 -10px 5px #8B0000 inset;-moz-box-shadow:0 -10px 5px #8B0000 inset;box-shadow:0 -10px 5px #8B0000 inset;
font-family:tahoma, sans-serif;font-size:70%;font-weight:bold;
}
/* RED LABELS _end */

/* CONTENT */
.content {width:100%;padding:0 1px 1px;}

.main{
width:77%;
margin:25px auto;
padding:1px 8px;
border:ridge 1px #EEE8AA;
background:#fafaf8;
-webkit-box-shadow:0 0 40px 3px #d9d4cb inset, 0 0 14px gray;
-moz-box-shadow:0 0 40px 3px #d9d4cb inset, 0 0 14px gray;
box-shadow:0 0 40px 3px #d9d4cb inset, 0 0 14px gray;
}

.side, .side2 {width:165px;padding:1px;margin:auto}

/* home icon */
.hme {display:inline-block;padding:8px 30px 12px;margin:18px 0 35px;border-radius:10px;}
.hme img {width:36px;height:36px;}
.hme:hover {background-color:#000;cursor:pointer;}

p.descr {font-family:verdana;font-size:.52em;color:green;text-align:center;}

/*HORIZONTAL navigation start*/
.menu1, .menu2 {
width:100%;
color:#FFF;
text-align:center;
padding:0;
font-size:90%;
margin:0 auto 0;
background-color:#4A3A40;
}
/* for mobile menu */
.menu2 {
font-size:105%;
display:none;
background-color:#3F5A77;
}

.menu1 td {
background-color:#818488;
width:24.8%;
font-variant:small-caps;
padding:8px 0 6px;
font-weight:bold;
font-size:105%;
-webkit-box-shadow:inset -1px -8px 16px #64656B;
-moz-box-shadow:inset -1px -8px 16px #64656B;
box-shadow:inset -1px -8px 16px #64656B;
 }
 
 .menu1 td {}
/* for left-side buttons */
.menu3 {font-variant:small-caps;font-size:121%; position:relative;}

.menu2 td {
width:33%;
padding:4px 0;
background-color:#36506B;
}	

.menu1 td:hover, .menuh td {background-color:#374756;}

.menu2 td:hover{
background-color:#1B2C3F;
-webkit-box-shadow:0 -1px 5px #756A45 inset;-moz-box-shadow:0 -1px 5px #756A45 inset;
box-shadow:0 -1px 5px #756A45 inset;}

.menu1a td:hover{
background-color:#778899;
}

.menu1 a, .menu1 td {font-family: arial, sans-serif;text-shadow:2px 1px 1px #000;}
.menu1 a:visited {color:white}
.menu1 a:hover {color:yellow}

.menuh, .menuh2 {
position:absolute;
text-align:left;
visibility:hidden;color:#FFF;z-index:2;
}

.menuh {
width:16%;
background-color:#5E6780;
top:86px;font-size:105%;
padding:1px 2px;
}
.menuh2 {
background-color:#375371;
top:101px;
left:22%;
width:40%; 
border:1px solid #8696A6; 
}
.menuh td {padding:5px 1px 8px 5px;font-weight:normal;box-shadow:none;font-variant:normal;font-size:105%;}
.menuh td:hover  {background-color:#8696A6;}

.menuh2 td {
padding:11px 1px 11px 15px;
font-size:100%;
background:#203040;
border-bottom:1px solid #8696A6;
box-shadow:none;
}

.menuh2 td:hover {background-color:#8696A6;}

.hmb {
margin:3px;
padding:5px;
display:inline-block;
-webkit-border-radius: 5px;-moz-border-radius:5px;
border-radius:5px;
border:2px solid #5C7692;
}
.hmb:hover{border-color:#96A7B9}
.hmbrg {
margin:5px auto;
width:31px;
height:4px;
background-color:#fff;
}
/*HORIZONTAL navigation-end*/

/*VERTICAL navigation-start*/
.menuvert{
width:70%;
margin:0 auto;
border:1px solid gray;
text-align:left; font-size:90%;padding:5px 11px;
background-color:#F8F6DD;
-webkit-box-shadow:0 0 7px #77492E;-moz-box-shadow:0 0 7px #77492E;
box-shadow:0 0 7px #77492E;
outline:2px solid brown;
}

.menuvert  a{color:#8B0000;}
.menuvert  a:hover{color:#00008B;text-decoration:underline}
.menuvert  a:visited{color:#708090;}
.menuvert  a:active{color:#800000;font-weight:400}

.menuvert:hover{background-color:#FFDA53;}

 .curnt {background-color:#FFDA53;}
 .curnt a:visited {color:#000;text-shadow:1px 1px #fff;}
/*end of left sidebar navig*/

/*table of POPULAR parts*/
.populnew{width:100%;font-family:tahoma,arial;border:2px ridge #999;font-size:.8em;color:#FFD700;text-align:left;background-color:#636577;margin:1px 0;}
.populnew th {text-align:left;font-variant:small-caps;padding:3px 0px 5px 5px;font-size:90%;}
.populnew td {padding:3px 5px;background-color:#4F4C56;}

.ct {width:85%;}

.popul3{width:100%;padding:2px 2px 2px 2px;font-family:tahoma, arial;color:#FFCC66;background-color:#2F4F4F;font-size:.7em;border-bottom:solid 2px #EEE8AA;border-top:solid 2px #EEE8AA;background-color:#6F6251;}
.popul01{width:100%;font-size:90%;background-color:#999970}

.popul1 {
padding:6px;text-align:left;color:#000;font-family:arial, tahoma, verdana;font-size:82%;border:ridge 3px #EEE8AA;background:#F1E7CB;margin:0px;
}
.sxet {font-size:95%;margin-top:4px;font-weight:bold;font-style:italic;}
/*table of popular parts___end*/

/*donation*/
.donate{padding:7px 1px;border:ridge 2px #FFA500;font-family:tahoma,arial;font-size:72%;color:#006400;background-color:#FFF8DC;text-align:center;margin:0 1px;}

/*metrics*/
table.metrics{width:99.8%;padding:1px;border:2px ridge #A0522D;background-color:#F1E7CB;font-size:68%;color:#006400;}
.metrics td {border-bottom:1px solid #999970;padding-left:2px;width:75%;}
td.metr	{font-size:100%;font-weight:bold;text-align:right;color:#000;padding-right:3px;width:24.5%;}
tr.summa {background-color:#999970;text-align:center;color:#FFF;font-weight:bold;font-size:99%;}
/*metrics end*/

/*Main -central content*/
.issue
{width:84%;
margin:40px auto;
text-align:center;
border:4px ridge #DDC8AA;
background-color:#DAC998;
letter-spacing:1px;
background-image:url('imag/papertitle1.jpg');
-webkit-box-shadow:6px 6px 3px #888, 0 0 16px #67582F  inset;
-moz-box-shadow:6px 6px 3px #888, 0 0 16px #67582F  inset;
box-shadow:6px 6px 3px #888, 0 0 16px #67582F  inset;
background-repeat:no-repeat;
background-size:cover;
z-index:3
}

.issueauth{width:96%;margin:auto;text-align:center;border:ridge 4px #FF9;background-color:#F0E68C;background-image:url('imag/papertitle3.jpg')}

.quotes{
width:98%;margin:auto;padding:2px;font-family:arial, sans-serif;font-size:110%;color:#5F1919;padding-bottom:10px;border-bottom:7px ridge #ddc390;}

td.authpic {vertical-align:top;padding-top:15px;width:60px;text-align: center;}
td.authpic img {border: ridge 2px #cec6b0;width: 44px;height: 55px;}
.authdetail{width:84%;color:#191919;margin:auto;font-size:95%;padding:0;font-family:arial, sans-serif;line-height:133%;}
.authbio {padding:2px 7px 2px 7px; }

.explain {text-align:center;font-family:georgia, serif;font-size:98%;line-height:130%;font-weight:bold;color:#b65714;margin:25px 60px;}
div.tgh {margin-left:140px;margin-right:140px}

div.blabla{
	width:87%;
	margin:auto;
	text-align:left;
	font-size:115%;
	line-height:140%;
	}

.blabla h3 {font-size:121%;color:maroon;background-color:#D3D3D3;padding:4px;}	
	.typeauth {font-weight:bold;color:#2F4F4F;font-family:georgia;padding-left:13px;	background-color:#f1eaca;}

td.quote {padding:13px 17px;border-top:ridge 2px rgba(255, 165, 0, 0.3);line-height:143%;}
td.quote:hover {background-color:#fffff1;}
td.quote img {margin-left:5px;}

.auth, .auth0, .auth2, .auth4 {
font-family:tahoma, arial, sans-serif;
font-size:73%;
font-weight:bold;
line-height:127%;
}
p.auth{margin-top:7px;color:#1C1C79;font-style:italic;}
.auth0{margin:8px 1px;font-size:77%;color:#11306B;}
p.auth2{margin:7px 0;color:#37398e;}
.auth4{color:#3E3A2D;margin-top:5px;font-size:76%;margin-bottom:5px;font-weight:100;}
.comnt{line-height:127%;font-family:tahoma, arial;font-size:66%;margin-top:14px}
.expln {font-size:92%;margin:3px 0 7px;background:rgba(255, 255, 224, 0.67);}
p.thema1{margin-left:23px;margin-top:2px;font-family:georgia, serif;font-size:104%;font-weight:900;color:#008000;line-height:100%;}

.intit	{font-size:106%;font-weight:400;color:#2F4F4F;font-family:tahoma, arial; color:#FFD700;padding:4px 0 5px 8px;border-top:ridge #808000 2px;background-color:#D2691E;}

.intit h2 {color:#FFF8DC;padding-top:2px;padding-bottom:2px;margin-top:3px;margin-bottom:3px;font-size:107%;}
/* vote */
.voters {
font-size:.6em;
font-weight:400;
font-family:tahoma, arial;
}
.crowd	{
float:right;
padding-top:7px;
}
.votebox	{
background-color:#f3eee8;
padding:5px 0;
float:right;
margin-left:7px;
box-shadow:1px 2px 2px #C0C0C0;
border-radius:12px;
display: flex;justify-content:center;align-items:center;
}
.votebox:hover	{background-color:maroon;}
a.vote {color:#ac5b75;font-family:arial;text-shadow:1px 1px #000;font-size:2.8em;}
a.vote:visited	{color:#ac5b75;}
a.vote:hover	{color:#FF0;text-decoration:none;}
/* voting END*/
/*pagination*/
table.pagination{width:99%;margin:auto;margin-bottom:-1px;border-bottom:0;padding-bottom:0;font-size:70%;}
td.pagin1{background-color:rgb(160,160,160);height:25px;border-bottom:ridge 2px #808000;padding-top:1px;padding-bottom:1px;text-align:center;}
td.pagin2{border-top:ridge 2px #808000;border-left:ridge 2px #808000;border-right:ridge 2px #808000;margin-bottom:0;height:25px;padding:1px 0;text-align:center;}
table.pagtitle{width:98%;color:#556B2F;text-align:center;margin:auto;margin-top:-1px;border-top:0;border-left:ridge 2px #808000;border-right:ridge 2px #808000;}
table.pages{width:98%;margin:auto;border-bottom:ridge 5px #808000;border-top:ridge 5px #F4A460;border-left:ridge 2px #808000;border-right:ridge 2px #808000;font-family:verdana, arial, sans-serif;color:#062906;}

table.paginlow{font-size:88%;background:#EEE8AA;text-align:center;margin:auto;}
table.paginlow td{text-align:center;background-color:#f5f5dc;height:32px;border-width:1px 2px 2px 1px;border-style:ridge;border-color:#006400}

/*for latin*/
td.itemtitle{font-size:109%;font-weight:bold;color:#b72006;font-family:"Times New Roman",georgia,serif;padding:4px 7px;background-color:	rgba(130, 113, 74, 0.14);}
td.item	{width:30%;padding:5px 1px 4px 4px;line-height:120%;border:solid 1px #808000;}
td.item2{padding:10px 15px 13px;line-height:143%;font-weight:400;font-size:97%;border:solid 1px #808000;}
td.item2 li {padding:4px;}

/* similar */
	.prm {
		background-color:#F8F6DD;
		font-size:97%;
		font-weight:bold;
		margin:3px 0;
		padding:3px 0 3px 4px;
		border:1px solid #D6D4C2;
		-webkit-box-shadow:-2px -3px 8px 3px rgba(222, 184, 135, 0.47) inset;
		-moz-box-shadow:-2px -3px 8px 3px rgba(222, 184, 135, 0.47) inset;
		box-shadow:-2px -3px 8px 3px rgba(222, 184, 135, 0.47) inset;
	}
	
	.prm:hover {background:#f3eba5;}

.simcats {text-align:center; width:98%;margin: 14px auto 0;display: flex;flex-wrap: wrap;}
.simcats div {float:left;width: 144px;height: 170px;text-align:center;padding: 2px;border: 1px solid #800000;overflow:hidden;background:#e8e6e0;margin:5px auto;}
.simcats a {font-size:80%;font-weight:bold;color:#006400;font-family:georgia;text-decoration:none;margin-bottom:20px;}
.simcats img {margin: 2px auto;width: 96%;height: 138px;border: 1px solid #A0522D;}
.bck {background:#f1f0ec;box-shadow: 0 0 6px 0 #e9e6e1 inset;}
/*ads*/
.adlft {text-align:center;padding:3px;margin-top:20px;}
.advert2 {text-align:center;margin-top:600px}
.advert3 {text-align:center;margin-top:10px}
.advert4 {text-align:center;margin-top:8200px;border:1px solid  #A52A2A ;}
#topad {display:block;margin:4px auto 2x;text-align:center;width:99%;padding:1px 3px;}

/* my other sites */
.mysites	{
margin:0 auto;
text-align:center;
padding:2px;
font-size:72%;
font-family:georgia, serif;
}
.byz, .kastr, .us	{
margin:5px auto;
border:4px ridge #B8860B;
background-color:#730000;
}

.byz	{
background-image:url('../images/silk03.jpg');
}
.kastr	{
background-image:url('../images/ston14a.jpg');
}
.us {background-color:#1e1e4c}
.lgnd 	{
padding:2px 0;
margin-top:2px;
background-color:#141400;
font-variant:small-caps;
font-weight:bold}
/* my other sites end */

/*Pages*/
.pagnum {float:right;font-family:arial black,arial,sans-serif;color:#8a6e2c;font-size:88%;}

td.selis {
text-align:left;
color:#696969;
font-weight:400;
padding:7px;
}

a.pag, a.pagthis {
padding:2px;display:block;float:left;width:19px;text-align:center;
margin:2px;
}
a.pag {background:#E6E6FA;color:#D2B48C;border:1px solid #BDB76B;}
a.pag:hover {background:#FF0;color:maroon;}
a.pagthis {background:#FFFACD;font-weight:bold;color:maroon;border:1px solid maroon;}

/* pagination of pages of ancient. jokes,proverbs */
.pghold {width:100%;padding:0;margin:0;text-align:center;} 
.pghead {margin:10px auto;padding:0;text-align:center;display:inline-block;}
.pghead div {float:left;margin:1px 3px; padding:14px 18px;text-align:center;font-family:arial black, arial;font-size:118%;font-weight:bold;}
.ht {background-color:#696969;border:1px solid #000;}
.pghead div:hover {background-color:#D2691E;}
.pgths {background-color:#d24914;border:1px solid #000;}
.pagprev {
font-size:88%;
margin:4px auto 7px;
width:99%;
}
.pagprev td {width:50%;}

/*footer*/
.footer{clear:both;text-align:center;background-color:#404252;color:#FFF;font-size:.8em;margin:0;padding:0;}
.footer .col1, .footer .col2, .footer .col3 {background-color:inherit;}
.bottom {margin:3px auto;width:80%;text-decoration:underline;padding:8px 1px;}
.bottom  td {width:24.5%;padding:7px 0;}
.bottom  td:hover {background-color:#808080;}
.copy {margin:2px 0 0;padding:17px 0;text-align:center;font-size:90%;color:#e7e6e6;}

/* WIDGET  */
.widget{
text-align:center;
margin:auto;
width:80%;
font-size:92%;
padding:10px 17px;
background-color:#F9F7EC;
border:1px solid  #C5BDBD;
-webkit-box-shadow:0 0 11px 1px #a59c73 inset;
-moz-box-shadow:0 0 11px 1px  #a59c73 inset;
box-shadow:0 0 11px 1px  #a59c73 inset;
color:#023348;
}

.widgin {margin:0 auto 7px;padding:6px;font-size:105%;background-color:#A52A2A;color:#FFF8DC;font-weight:bold;}

/* fixed ad */
.adfix
{
position:fixed;
top:19px;
right:15px;
z-index:-2;
}
.adfix2
{
position:fixed;
top:19px;
left:15px;
z-index:-2;
}

.imagmap {margin:0 auto 4px;text-align:center;background-color:#e6e2d8;padding:0;}

/* Google search */
.gog2 {
background:#818488;
width:99.4%;
margin:auto;
padding:3px 0;
-webkit-box-shadow:inset -1px -15px 20px #64656B;
-moz-box-shadow:inset -1px -15px 120px #64656B;
box-shadow:inset -1px -15px 20px #64656B;}

.tyxgog {margin-bottom:37px;}

.empty {display:block;margin:40px 1px 40px;}

.social {
width:97%;
margin:17px auto 0;
padding:5px 0;
text-align:center;
}

.soc1 {
margin:5px auto;
padding:7px 0;
}

/* main image */
.imgresp {
width:100%;
margin:25px 0 0 0;
}

.imgresp img {
	width:100%;
    height: auto;
}

/* MEDIA */

@media only screen and (max-width: 1180px) {
.side, .side2 {width:140px;}
.col1, .col3, .col1a, .col3c  {width:16%;}
.col2, .col2b {width:68%;}
.quotes {font-size:101%}
.gnm {font-size:101%}
.main {width:84%;}
.menuvert {width:90%;font-size:89%;padding:4px 6px;}
#cssmenu div a {font-size:78%}
}
@media only screen and (max-width: 1000px) {
.col3, .col3c {display:none;}
.side {width:95%;}
.col2 {width:79%;}
.col2b {width:100%;}
.col1 {width:21%;}
.menuh {width:20%;}
#contact {width:13.2%;}
#subtit {display:none;}
.col1a {display:none;}
td.quote {font-size:99%;} 
.menuvert {width:98%;font-size:80%;padding:3px 2px;}
}

@media only screen and (max-width: 850px) {
.col1 {display:none;}
.side {display:none;}
.col2 {float:none;width:100%;margin:auto;}
.main {width:99%;margin:1px auto;}
.menu1 {display:none;}
.menu2 {display:inline-table;}
.upper {height:auto;}
.bottom {width:100%;}
h4.explain {display:none;}
.pghead div {font-size:110%;padding:10px 19px;margin:2px;}
.issue {width:95%;}
}
@media only screen and (max-width: 570px) {
	h1 {font-size:160%;}
	.title2 {font-size:124%;}
	td.authpic {width:2%;}
	.authpic img {display:none;} 
	td.quote {font-size:94%;line-height:137%;} 
	.issue {width:98%;margin:15px auto;}
	.pagnum {font-size:78%;}

	.main {padding:0;}
	}
@media only screen and (max-width: 500px) {td.authpic {width:2%;}.authpic img {display:none;} td.quote {font-size:116%;line-height:137%;} }
@media only screen and (max-width: 400px) {
.menuh2 td {padding:2px 1px 2px 15px;font-size:87%;	}
.menuh2  {width:68%; }
	.pagnum {display:none;}
.imgresp {display:none;} 
.pagprev {display:none;} 
.pghead div {font-size:102%;padding:7px 11px;margin:1px;}
.authdetail{width:99%;font-size:75%}
.main h1 {font-size:115%;}
}