@import url(css/normalnew.css);
* {
	margin: 0;
	padding: 0;
	border: 0;
	text-align: left;
	text-transform: uppercase;
	font-weight: bold;
	font-style: normal;
}
html, body {
	font-size: 100.01%;
}
body {
	background-color: #000;
	text-align: center;												/* for IE6 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ccccc0;
}
h1, h4 {
	font: 1em/1 'Arial Black', Gadget, sans-serif;
	text-transform: none;
}
h2 {
	font-size: 1em;
	line-height: 1;
	color: #d4d4bc;
}
p {
	font:  bold 0.688em/1.091 'Arial Black', Gadget, sans-serif;		/* 11px/12px */
	color: #cc9;
}
#sitelogo p {
	line-height: 1.818em;											/* 20px; */
	padding-left: 1.091em;											/* 12px; */
	color: #ccccc0;
}
/* ---------------------------------------------
	ССЫЛКИ
------------------------------------------------ */
a:link, a:visited {
	color: #d4d4bc;
	text-decoration: none;
	outline: none;
}
#articles h2 a:link, #articles h2 a:visited {
	color: #cc9;
}
.menu:link, .menu:visited, .activestyle:link, .activestyle:visited {
	color: #c60;
	background: transparent url(img/bg_orange7.gif) center center;
}
#rssfeed:link, #rssfeed:visited {
	background: #699 url(img/bg_orange7.gif) center center;
	color: #c60;
	padding: 0 0.091em 0 0.182em;
}
.styleswitch:link, .styleswitch:visited {
	color: #666660;
}
a:hover, a:active {
	color: #cc9;
}
.menu:hover, .menu:active, .styleswitch:hover, .styleswitch:active {
	color: #f83;
}
.notAllowed:hover, .notAllowed:active {
	color: #d4d4bc;
}
#rssfeed:hover, #rssfeed:active {
	background: #f83 url(img/bg_orange7.gif) center center;
	color: #ccccc0;
}
	h2 a:link span, h2 a:visited span {
		font-size: 0.688em;												/* 11px; */
		color: #ccccc0;
		background-color: #666660;									/* ПОТОМ УБРАТЬ! */
}
	h2 a:hover span, h2 a:active span {
		color: #d4d4bc;
		background-color: #666660;									/* ПОТОМ УБРАТЬ! */
}
#booklogo a, #hit3 h2 a {
	background: none;
}
h2 a strong {
		padding:0;
		background: transparent url(img/bg_orange7.png) center center;
}
/* ---------------------------------------------
	Размеры, Отступы, Оформление и Форматирование
------------------------------------------------ */
cite {
white-space: nowrap;
}
strong {
	padding: 0 0.25em;
}
span {
	background: transparent url(img/bg_orange7.gif);
	white-space: nowrap;
}
h1 span {
	padding-left: 0.75em;											/* 12px */
	padding-right: 0.25em;											/* 4px */
	color: #d9d9cc;
	text-transform: none;
	background-position: top right;
}
h4 span {
	padding-left: 0.125em;											/* 2px */
	padding-right: 0.25em;											/* 4px */
	color: #c60;
	text-transform: none;
}
	#hit3 h2 {
		background: transparent url(img/bg_orange7.png);
}
.floatLeft {
	float: left;
}
.alignRight {
	text-align: right;
}
.indentTop {
	margin-top: 6em !important;									/* 96px */
}
.indentTop8 {
	margin-top: 0.5em;												/* 8px */
}
.indentTop4 {
	margin-top: 0.25em;											/* 4px */
}
.active {
	background-color: #f83;
}
.inactive {
	background-color: #996;
}
.reserved {
	background-color: #909990;
}
.notAllowed {
	cursor: not-allowed;
}
/* ---------------------------------------------
	ГЛАВНЫЙ КОНТЕЙНЕР =wrap
------------------------------------------------ */
#wrap {
	position: relative;
	width: 62.25em;												/* 996px */
	margin: 0 auto;													/* for modern browthers */
}
/* ---------------------------------------------
	4 основных слоя
------------------------------------------------ */
#orangeln, #booklogo {												/* Квадраты */
	position: absolute;
	top: 0;
	left: 17.5em;													/* 280px */
	width: 35em;													/* 560=548+12px (добавил 12px для устранения перескакивания при масштабировании) */
}
#basement, #bigfish {												/* Подложка и Рыба */
	position: absolute;
	top: 0;
	left: 5.875em;													/* 94px */
}
#basement {
	width: 55em;													/* 880px */
}
#bigfish {
	width: 56em;													/* 896px */
	padding-bottom: 0.5em;										/* 8px; */
}
/* ---------------------------------------------
	Блоки
------------------------------------------------ */
#sitelogo {															/* Логотип */
	position: absolute;
	top: 0.25em;													/* 4px */
	left: 0.375em;													/* 6px */
}
/* ---------------------------------------------
	Хиты
------------------------------------------------ */
#hit1 {																/* С-П Изнанка... */
	position: absolute;
	top: 1.5em;														/* 24px */
	left: 29.5em;													/* 472px */
	z-index: 1;										/* ПОТОМ УБРАТЬ! */
}
#hit2 {																/* Видимость законности... */
	position: absolute;
	top: 12.5em;													/* 200px */
	left: 29.5em;													/* 496px */
	z-index: 1;										/* ПОТОМ УБРАТЬ! */
}
#hit3 {																/* Валютный фетишизм */
	position: absolute;
	top: 15em;														/* 240px */
	left: 17em;														/* 272px */
	z-index: 1;										/* ПОТОМ УБРАТЬ! */
}
#hit4 {																/* Наступающая политология... */
	position: absolute;
	top: 0.5em;													/* 20px */
	left: 48em;														/* 768px */
	width: 14.25em;												/* 228px */
	z-index: 1;										/* ПОТОМ УБРАТЬ! */
}
	#hit4 div strong {												/* готовятся к размещению */
		font:  bold 0.688em/1.091 'Arial Black', Gadget, sans-serif;		/* 11px/12px */
		color: #d9d9cc;
}
#hit5 {																/* Марксистское учение... */
	position: absolute;
	top: 18.5em;													/* 296px */
	left: 48em;														/* 768px */
	width: 14.25em;												/* 228px */
	z-index: 1;										/* ПОТОМ УБРАТЬ! */
}
#hit6 {																/* Неизвестная политика... */
	position: absolute;
	top: 34.75em;														/* 556px */
	left: 48em;														/* 768px */
	width: 14.25em;												/* 228px */
	z-index: 1;										/* ПОТОМ УБРАТЬ! */
}
#hit7 {																/* Денежные власти... */
	position: absolute;
	top: 37em;														/* 592px */
	left: 17em;														/* 272px */
	z-index: 1;										/* ПОТОМ УБРАТЬ! */
}
/* ---------------------------------------------
	Квадраты
------------------------------------------------ */
.square {
	width: 5.5em;													/* 88px */
	height: 5.5em;													/* 88px */
	margin-left: 0.25em;											/* 4px */
	margin-top: 0.25em;											/* 4px */
	-moz-border-radius: 0.25em;									/* 4px */
	-webkit-border-radius: 0.25em;									/* 4px */
}
.firstInRow {
	margin-left: 0 !important;										/* 4px */
}
/* ---------------------------------------------
	Статьи, связанные с квадратами
------------------------------------------------ */
.artRow1 {															/* 1-й ряд */
	position: absolute;
	top: 7.375em;													/* 118px */
	left: 7em;														/* 112px */
	width: 10em;
}
.artRow2 {															/* 2-й ряд */
	position: absolute;
	top: 18.5em;													/* 296px */
	left: 7em;														/* 112px */
}
.artRow3 {															/* 3-й ряд */
	position: absolute;
	top: 24.375em;													/* 390px */
	left: 7em;														/* 112px */
}
.artRow4 {															/* 3-й ряд */
	position: absolute;
	top: 30.25em;													/* 390px */
	left: 7em;														/* 112px */
}
/* ---------------------------------------------
	Цитаты
------------------------------------------------ */
#citations {
	position: absolute;
	top: 6em;														/* 72px */
	left: 1.25em;													/* 20px */
	z-index: 2;										/* ПОТОМ УБРАТЬ! */
}
	#citations .thumblinks {
		margin-bottom: 1.25em;									/* 20px */
		cursor: default;
		background-color: #ccccc0;
}
		#thumblink0 {
			width: 4.125em;										/* 66px */
			height: 2.250em;										/* 36px */
}
		#thumblink1 {
			width: 4.125em;										/* 66px */
			height: 1.25em;											/* 20px */
}
		#thumblink2 {
			width: 4.125em;										/* 66px */
			height: 4em;											/* 64px */
}
		#thumblink3 {
			width: 4.125em;										/* 66px */
			height: 1.5em;											/* 24px */
}
		#thumblink4 {
			width: 4.125em;										/* 66px */
			height: 1.25em;											/* 20px */
}
		#thumblink5 {
			width: 4.125em;										/* 66px */
			height: 1.25em;											/* 20px */
}
		#thumblink6 {
			width: 4.125em;										/* 66px */
			height: 1.5em;											/* 24px */
}
	#citations .cits {
		position: absolute;
		font: 0.875em/1.071 'Courier New', Courier, monospace;		/* 14px/15px */
}
		#citations .cits cite {
			background: #000 url(img/bg_orange22.png);
			padding: 0 0.286em;									/* 4px */
			color: #e5e5d8;
}
		#cit0 {
			position: absolute;
			left: 6.571em;											/* 92px */
			top: -0.5em;
}
		#cit1 {
			position: absolute;
			left: 6.571em;											/* 92px */
			top: 3.5em;
}
		#cit2 {
			position: absolute;
			left: 6.571em;											/* 92px */
			top: 6.357em;
}
		#cit3 {
			position: absolute;
			left: 6.571em;											/* 92px */
			top: 12.357em;
}
		#cit4 {
			position: absolute;
			left: 6.571em;											/* 92px */
			top: 15.5em;
}
		#cit5 {
			position: absolute;
			left: 6.571em;											/* 92px */
			top: 18.357em;
}
		#cit6 {
			position: absolute;
			left: 6.571em;											/* 92px */
			top: 21.214em;
}
/* ---------------------------------------------
	Меню и Переключение стилей 
------------------------------------------------ */
#styler {
	position: absolute;
	top: 29.625em;													/* 488px */
	left: 0.5em;														/* 8px */
}
#styler div {
	margin-top: 2.125em;											/* 34px */
}
	#styler .menu, #styler .styleswitch {
		font:  bold 0.688em/1.273 'Arial Black', Gadget, sans-serif;	/* 11px/14px */
}
	#styler .activestyle {
		color: #c60;
}