/*Вся эта конструкция создана для прилипающего книзу FOOTERA!!!!!!*/html { height: 100%; }/* body каждой страницы  должен иметь ID, для главной страницы — #main, для всех остальных — в зависимости от ее названия (бежевые блок с названием страницы в правом верхнем углу), в этом случае ID y body будет определять: фон, размер и расположение этой бежевой плашечки  */body {	height: 100%;	margin: auto;	padding: 0;	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;	color: #000;	background-color: #000;	background-image: url("i/bg_9.jpg");	background-position: 50% 0;	background-repeat: repeat-y;	}/*Два последующих блока различаются только рисунком верхнего куска фона: если сраница главная — фон с картиной в правом углу  (body#main #no_footer), все остальные страницы -без (#no_footer) */ #no_footer {	min-height: 100%;  	margin: auto; 	width: 760px; 	background: url("i/up.jpg") no-repeat center top}* html #no_footer { height: 100%; }body#main #no_footer {	background: url("i/up_main.jpg") no-repeat center top}#page {	position: relative; 	min-height: 950px; 	background: url("i/house.jpg") no-repeat center bottom; 	 }* html #page { height: 100%; }#footer {	position: relative;	margin: -60px auto 0 auto;	height: 60px;	width: 760px;}	* html #footer { margin-top: -60px; }/*Конструкция для прилипающего к низу FOOTERA закончилась*//*ОБЩЕЕ*/* html body { text-align: center; }body * {text-align: left;}p {	margin: 0;	padding: 0;	font: 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;}div {margin: 0; padding: 0;	border: 0px;}table {margin: 0; padding: 0; border: 0px;}td {margin: 0; padding: 0; }a {	text-decoration: none; 	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;	font-size: 11px;	color: #cc0000}	a:hover {text-decoration: underline;}h1, h2, h3, h4 {	padding: 0;	margin: 0;	font-weight: bold;	font-size: 11px;	color: #000;	font-family: Tahoma, Arial, Verdana,  Helvetica, sans-serif;}ul {margin: 0; padding: 0; list-style: none;}ul li {margin: 0; padding: 0; list-style: none; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;}img {border: 0;}a img {border: 0}br {clear: both;}form {margin:0; padding: 0;}input {padding: 0; margin: 0;}select {padding: 0;	margin: 0;}/*В этом блоке  лежит все содержимое   */#conteiner {	width: 760px;	overflow: hidden;	margin:auto;	padding-bottom: 60px;}/*Шапка сайта*/#head {width: 760px; height: 111px;}/*Блок в правом углу  — типа слоган*/#name {	float: left;	width: 447px;	height: 72px;	margin-top: 28px;	background: url("i/name.gif") no-repeat 256px 0px;}	#name a {	display: block;	overflow: hidden;	text-indent: -3000px;	width: 191px;	height: 72px;	margin-left: 256px;	background-color: transparent;}	/*Блок появляется на внутренних страницах  и содержит собственно говоря  их название*/#name_list {float: left;}/*Свойства этого блока: фон, размер, расположение относительно слогана  ОПРЕДЕЛЯЮТСЯ ID у  BODY!!!! например: для страницы ОБ АВТОРЕ блок будет иметь следующие свойства*/html>body#about #name_list {width: 226px;}body#about #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_avtor.gif") no-repeat 27px 0}body#news #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_news.gif") no-repeat 27px 0}body#books #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_books.gif") no-repeat 27px 0}body#films #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_movies.gif") no-repeat 27px 0}body#contests #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_contest.gif") no-repeat 27px 0}body#links #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_links.gif") no-repeat 27px 0}body#search #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_search.gif") no-repeat 27px 0}body#search_results #name_list {	padding-left: 27px;	width: 226px;	height: 97px;background: url("http://www.dean-koontz.ru/i/name_search.gif") no-repeat 27px 0}/*Таким образом ID body и свойства этого блока необходимо прописать для каждого вида страниц*//*Шапка сайта ЗАКОНЧИЛАСЬ*//*В этом блоке лежит весь контент —  три колонки*/#content {	overflow: hidden; 	clear: both; 	width: 760px; 	margin: auto;}/*Левая колонка*/#left { float: left; width: 245px; }#left_menu {	width: 245px;	height: 357px;	background-image: url("i/menu_2_2.jpg");	background-repeat: no-repeat;	background-position: 0 top; }	/*Главное меню*/#left_menu ul { margin-left: 42px; padding-top: 38px; }#left_menu ul li a{	display: block;	width: 145px;	height: 26px;	margin-bottom: 9px;	padding: 0;	overflow: hidden;	text-indent: -3000px;}#left_menu ul li a.last {height: 28px; margin-bottom: 7px;}#left_menu ul li.current {	display: block;	width: 145px;	height: 26px;	margin-bottom: 9px;	padding: 0;	overflow: hidden;	text-indent: -3000px;}/*Главное меню закончилось*//*Банер под левым меню*/#baner {	margin-left: 57px;	margin-top: 20px;	width: 135px;	height: 80px;	background: url("i/olmer.jpg") no-repeat 0 top;	color: #0B0100;	}* html #baner {	height: 400px; }	#baner a {	display: block;	width: 135px;	height: 80px;	overflow: hidden;	text-indent: -3000px;}/*Левая колонка закончилась*//*Центральная часть*/#central {	float: left;	width: 320px;	padding-bottom: 10px; 	padding-top: 5px;	background: url("i/bg_content.jpg") no-repeat left top;}/*Чтобы на ГЛАВНОЙ странице блок с нижним куском фона не наезжал на тени, отбрасываемые книгами (они не прозрачны)этому блоку прописываем  padding-bottom: 125px; */body#main #central {padding-bottom: 125px;}/*Если на внутренних страницах МАЛО контента, во избежание  наезда нижнего фона на ГЛАВНОЕ МЕНЮ, этому блоку прописываем  большой padding-bottom, напрмиер для страницы ОБ АВТОРЕ: */body#avtor #central { padding-bottom: 220px;}/*Блок с новостями*/#news {margin-left: 0px;}/*Заголовок — НОВОСТЕЙ*/#news h1#news_head {	padding-top: 4px;	width: 156px;	height: 33px;	overflow: hidden;	text-indent: -3000px;	background: url("i/h1_news.gif") no-repeat 0 0;}.data {	font-size: 12px;	color: #666;	padding-top: 20px;	margin-bottom: 5px}#news p {line-height: 15px; padding-left: 16px;}#news p.last {margin-bottom: 35px}/*Заголовок — НОВИНОК*/#news h1#new_books {	padding-top: 4px;	width: 272px;	height: 33px;	overflow: hidden;	text-indent: -3000px;	background: url("i/h1_new_books.gif") no-repeat 0 0;}/*Блок для книг НОВИНОК*/#book_covers {margin-left: 20px; margin-top: 20px}/*Блок с изображением одной книги и сссылкой на нее*/	.new_book {	float: left;	width: 122px;	margin-right: 12px;	height: 190px;	background: url("i/bg_book_2.jpg") no-repeat 0 top;	background-image: url("i/bg_book_2.jpg");	background-position: 0 top;	background-repeat: no-repeat;}.new_book a img {	display: block; 	text-align: center; 	margin: auto; 	margin-top: 10px}.new_book a {	display: block;	margin-top: 7px;text-align: center;	text-decoration: underline;}/*СТИЛИ ДЛЯ ВНУТРЕННИХ СТРАНИЦ!!!!*//*Блок с текстом статьи в центральной колонке */	#artical {padding-left: 15px; padding-top: 5px} #artical p { padding-bottom: 20px; line-height: 16px; }#artical img {	display: block;	float: left;	margin-right: 10px;	margin-bottom: 5px}	/*Центральная колонка закончилась*//*Правая колонка*/#right {	float: right; 	width: 195px;	margin-top: 15px;	padding-bottom: 10px;}	/*Блок поиска*/#search_form {	width: 195px;	overflow: hidden;	margin-top: 51px;	height: 258px;	background: url("i/bg_search.jpg") no-repeat 7px 0;}/*Заголовок — ПОИСКА*/#search_form h1 {	height: 17px;	font-size: 11px;	margin-left: 78px;	margin-top: 25px;	background: url("i/h1_search_2.gif") no-repeat 0 bottom;}/*Блок со строкой поиска */#search_line {	background: url("i/search.gif") no-repeat 0 0;	padding: 0;	margin: 0;	margin-left: 18px;	margin-top: 2px;	width: 180px;	height: 84px}input.search {	color: #4e4e4e;	background: #fff;	border: 1px solid #fff;	height: 13px;	padding: 0;	margin: 0;	margin-top: 21px;	margin-left: 17px;	width: 142px;	font-size: 11px; }#search_line a {	display: block;	width: 60px;	height: 25px;	margin-left: 90px;	color: #fff;	text-align: center;	font-size: 11px;	padding-left: 2px;	padding-top: 4px;}#search_line a:hover {text-decoration: none;}/*Правая колонка заколчилась*/	/*Содержимое футера*//*Ссылка на издательство */* html #copy {height: 10%}#copy {	float: left; 	width: 236px; 	height: 60px; 	background: url("i/copy.gif") no-repeat 17px bottom;	}#copy a {	display: block; 	width: 219px; 	height: 60px;	text-indent: -3000px;	overflow: hidden;	margin-left: 17px;}	/*Футер закончился*/