@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	border-spacing: 0;					/*cellspacing=0*/
	border-collapse:collapse;		/*cellspacing=0*/
	padding: 0;									/*cellpadding=0*/
	}

TABLE {
	border: 0;										/*border=0*/
	}

BODY {
	color: #928A88;
	background: #FFF url('/pic/z.gif') top repeat-x;
	height: 100%;
	}

BODY, TD, DIV {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #504F4F;
	vertical-align: top;
	tab-interval:36.0pt;
	text-justify-trim: punctuation;
	}

P {
	text-align: justify;
	text-justify-trim: punctuation;
	text-indent: 0px;
	padding: 0px 0px 14px 0px;
	}

H1, H2, H3, H4 {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	text-decoration: none;
	font-weight: normal;
	/*line-height: 24px;*/
	height: 24px;
	}
H1 {
	color: #9f263c;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: -1px;
	/*	padding: 4px 0 30px 0;	*/
	padding: 0 0 10px 0;
	}
H2 {
	color: #bf463c;
	font-size: 18px;
	line-height: 18px;
	letter-spacing: 0px;
	/*	padding: 4px 0 20px 0;	*/
	padding: 0 0 10px 0;
	}
H3 {
	color: #bf463c;
	font-size: 12px;
	letter-spacing: 0px;
	/*	padding: 10px 0 10px 0;	*/
	padding: 0;
	font-weight: bold;
	}
H4 {
	color: #bf463c;
	font-size: 12px;
	letter-spacing: 0px;
	padding: 4px 0 4px 0;
	}
H4#tags {
	padding: 0 0 18px 0;
	}

ACRONYM {
	border-bottom: 1px dashed maroon;
	color: maroon;
	}

SUB, SUP {
		height: 0;
		line-height: 1;
		vertical-align: baseline;	
		_vertical-align: bottom;
		position: relative;	
	}
SUB {
		top: .5ex;
	}
SUP {
		bottom: 1ex;
	color: #FFF;
	background: #903;
/*	background: #903 url(/pic/z-date.gif) top repeat-x;	*/
/*	background: #339 url(/pic/rule.gif) top repeat-y;	*/
	font-weight: bold;
	line-height: 12px;

	width: 30px;
	text-align: left;
	text-indent: 0px;
	padding: 0px 4px 2px 4px;
	margin: 0 0 0 4px;
	}


/* IDs */



/*
#header{
	height:150px;
	min-width:600px;
	background:#FFEF97;
	} 
*/
#leftpane{
	width:260px;
  	min-width:260px;
	height:100%;
/*	background:#EEE;	*/
/*	background: #E9CD9D;	*/
	background: #E9CD9D url(/pic/z-l.png) right repeat-y;		/* was .gif */
	padding: 10px 10px 10px 10px;
	text-align: justify;
	}
#content{
  	min-width: 450px;
	margin: 0px 0px 0px 0px;
	padding: 50px 30px 10px 30px;
	text-align: left;
	width: 100%;
	height: 100%;
	background: #FFF;
/*	background: #FFFEE0; */
	}
#rightpane{
	width:150px;
  	min-width: 150px;
	height:100%;
/*	background:#EEE;	*/
/*	background: #E9CD9D;	*/
	background: #E9CD9D url(pic/z-r.png) left repeat-y;		/* was .gif */
	padding: 10px 10px 10px 10px;
	text-align: left;
	}
#books{
	float:right;
	width:180px;
	padding: 10px 0px 10px 10px;
	text-align: left;
	}



/* Ps */



P.step {
	padding: 0 0 14px 20px;
	}
P.dropcap:first-letter{
	font-size:300%;
	float:left;
	color:#C03;
	}
P.newsdate {
	color: #FFF;
/*	background: #903 url(pic/z-date.gif) top repeat-x;	*/
/*	background: #339 url(pic/rule.gif) top repeat-y;	*/
	background: #903;
	text-align: left;
	text-indent: 0px;
	padding: 0px 8px 3px 8px;
	margin: 10px 0px 4px 0px;
	font-weight: bold;
/*	width: 94px;	*/
/*	display: inline;	/* to show not line but block*/
	}
P.newstext {
	color: #000;
	text-align: left;
	text-indent: 8px;
	padding-top: 0px; padding-bottom: 10px;
	}

SPAN.newsdate {
	color: #FFF;
/*	background: #903 url(pic/z-date.gif) top repeat-x;	*/
/*	background: #339 url(pic/rule.gif) top repeat-y;	*/
	background: #903;
	text-align: left;
	text-indent: 0px;
	padding: 0px 8px 3px 8px;
	margin: 10px 0px 4px 0px;
	font-weight: bold;
	}



/* DIVs */


DIV.hr {
	height: 2px;
	background: #FFF url('/pic/hr.gif') top repeat-x;
	padding: 10px 0px 16px 10px;
/*  background: #fff url(hr1.gif) no-repeat scroll center;	*/
	}
DIV.hr hr {
	display: none;
	}

DIV.bottom {	/*	для блока рекламы внизу страницы */
	vertical-align: bottom;
	}




/* BLOCKQUOTEs */

BLOCKQUOTE { width:100%; padding:1px; margin:10px 19px 10px 0;}
BLOCKQUOTE.wide { width:600px; background:#f9f9f9 url(/pic/bq.gif) no-repeat 10px 10px; margin:4px 0px 4px 0px; padding:8px 10px 10px 33px; color:#292929; font-weight:normal; font-size:11px; border-right:1px solid #cecece; border-left:1px solid #cecece}

BLOCKQUOTE.inline { width:220px;  padding:1px; margin:10px 19px 10px 0; float:left; /*clear:left;*/ }
BLOCKQUOTE.inline { padding:5px 0 0 0;  background:url(/pic/bq-top.gif) no-repeat;}
BLOCKQUOTE.inline P{ background:#f9f9f9 url(/pic/bq.gif) no-repeat 10px 10px; margin:0 !important; padding:8px 10px 10px 33px; color:#292929; font-weight:normal; font-size:11px; border-right:1px solid #cecece; border-left:1px solid #cecece}
BLOCKQUOTE.inline P{ text-align: left; text-justify-trim: punctuation; }
BLOCKQUOTE.inline DIV{background:url(/pic/bq-bot.gif) no-repeat; height:5px; padding:0; font-size:0; border:none;}


/* HRs */

TABLE.rule { width: 100%; clear: left; }
TABLE.rule TD { background: #fff url(/pic/rule/z-rule2.gif) repeat-x;  text-align: center;}

/*
NB> not working
<div class=rule><div><hr></div></div>

div.rule {
	height: 40px;
	background: #fff url(/pic/rule/z-rule2.gif) repeat-x;
	}
div.rule div {
	background: #f9f9f9 url(/pic/rule/rule2.gif) no-repeat  scroll center 140px 40px; margin:0 !important; padding: 0;
	}
div.rule div hr {
	display: none;
	}
*/

.rule-h {
	width: 100%;
	height: 1px;
	background: #FFF url(pic/rule-h.gif) repeat-x;
	padding: 10px 0 10px 0;
	margin: 0;
	}
.rule-v {
	width: 1px;
	height: 100%;
	background: #FFF url(pic/rule-v.gif) repeat-y;
	padding: 0 10px 0 10px;
	margin: 0;
	}



/* TDs */



/* LISTs */


UL {
		margin: 0px 0px 6px 6px;
		}
UL.sansavant {
		margin: 0px 0px 2px 6px;
		}
UL LI {
		list-style-type: none;
		margin-left: 0px;
		padding-left: 12px;
		background: url(/pic/li-0.gif) no-repeat 0 0.5em;
		}
UL LI.li0 {
		background:url(/pic/li-0.gif) no-repeat 0 0.5em;
		}
UL LI.li2 {
		background:url(/pic/li-2.gif) no-repeat 0 0.5em;
		}
UL LI.li3 {
		background:url(/pic/li-3.gif) no-repeat 0 0.5em;
		}
/*
mouseover
ul li, ul li a {
	list-style-image: url(/pic/li-3.gif);
	list-style-type: square;
	}
ul li:hover, ul li a:hover {
	list-style-image: url(/pic/li-2.gif);
	list-style-type: square;
	}
*/

/*
.content UL, .content OL {
	text-align: left;
	margin: 0 0 30px 0;
	padding: 4px 0 10px 30px;
	}
.content UL {
	list-style-type: square;
	}
*/


/* As */


A:link {text-decoration: none; color: #ff8000; }
A:visited {text-decoration: none; color: #609;}
A:hover {text-decoration: none; color:#903;}

/*colors fot tag cloud forming in process.php */
A:link.process0 {color: #e0e0e0; }
A:link.process1 {color: #c0c0c0; }
A:link.process2 {color: #b0b0b0; }
A:link.process3 {color: #a0a0a0; }
A:link.process4 {color: #909090; }
A:link.process5 {color: #808080; }
A:link.process6 {color: #707070; }
A:link.process7 {color: #606060; }
A:link.process8 {color: #505050; }
A:link.process9 {color: #404040; }


A.sup {
	height: 0;
	line-height: 1;
	vertical-align: baseline;	
	position: relative;	
	bottom: 1ex;

	font-size: xx-small;
	color: #999;
	font-weight: bold;
	}
A.sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;	
	position: relative;	
	top: .5ex;

	font-size: xx-small;
	vertical-align: bottom;
	color: #999;
	font-weight: bold;
	line-height: 12px;
	}



/* DARKSTRIP */

.darkstrip {
/*	width: 100%;	*/
	line-height: 16px;
	background: #702;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px 7px 10px;
	margin: 0;
	}
.darkstrip2 {
/*	width: 100%;	*/
	height: 45px;
	line-height: 45px;
	background: #702 url('/pic/z-header.gif') top repeat-x;
	color: #fff;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0;
	}

.darkstrip A:link {text-decoration: none; color: #fff; }
.darkstrip A:visited {text-decoration: none; color: #fff; }
.darkstrip A:hover {text-decoration: underline; color: #fff; }



/* SIDEPANE */




/* OTHERs */


TABLE.main {
	width: 100%;
	height: 100%;
	}
TD.text {
/*	width: 70%;	*/
/*	width: 760px;	*/
	width: 100%;
	height: 100%;
	}

/* GALLERY */

TABLE.gal {
	margin: 0;
	padding: 0;
	border-spacing: 0;					/*cellspacing=0*/
	border-collapse: collapse;	/*cellspacing=0*/
	padding: 0;									/*cellpadding=0*/
	}
TABLE.gal TD {
	margin: 10px;
	padding: 4px;
	background-color: #CCC;
	vertical-align: middle;
	text-align: center;
	}

div.imgrow {
	clear: left;
	}
div.img {
	/*margin: 1px;*/
	border: 1px solid #EEE;
	background-color: #CCC;
	/*border: 1px solid #900;*/
	height: auto;	 	/*height: 168px;*/
	width: auto;		/*width: 128px;*/
	float: left;
	text-align: center;
	}
div.img img {
	display: block;
	border: 8px solid #FFF;
	}
div.img a:hover img {
	/*background-color: #366;*/
	border: 8px solid #C02;
	}
div.desc {
	text-align: center;
	font-weight: normal;
	width: 120px;
	}



/* CONTENT BC */

DIV.bc {
	margin: 0px 0px 20px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-transform: lowercase;			/* force text to lowercase - for		иллюстратор > книги > Воронкова */
	}
DIV.bc A {
	color: #C06;
	}



/* PAGES2 */

.pages2 {
	font: 14px arial, sans-serif;
	padding-top: 5px;
	padding-bottom: 5px;
	}
.pages2 A {
	color: #903; text-decoration: none;
	border: #ddd 1px solid;
	padding: 4px 8px 4px 8px;		/*	2px 6px 2px 6px;	*/
	}
.pages2 A:visited {
	color: #903; text-decoration: none;
	border: #ddd 1px solid;
	padding: 4px 8px 4px 8px;		/*	2px 6px 2px 6px;	*/
	}

/*
.pages2 A:hover {
	color: #fff; background: #903; font-weight: bold; text-decoration: none;
	border: #903 1px solid;
	padding: 8px 8px 8px 8px;
	}
*/
.pages2 A:hover {
	color: #fff; background: #FF8000; text-decoration: none;
	border: #FF8000 1px solid;
	padding: 4px 8px 4px 8px;
	}

.pages2 .this-page {
				/*	background: #fff; font-size: 11px; font-weight: bold; vertical-align: top;	 */
				/*	border: #ddd 1px solid;	*/
	color: #fff; background: #903; font-weight: bold; text-decoration: none;
	border: #903 1px solid;
	padding: 4px 8px 4px 8px;		/*	2px 6px 2px 6px;	*/
	}