/*
	CSS, общий для всех страниц
*/
html, body {padding:0; margin:0; height:100%; width:100%; background:#fff;}
body,td {font-size:11px; font-family: Verdana, sans-serif; }
form {margin: 0;}
a img {border:0;}
.clear {clear:both;}
.W {width:100%;}

a {color:#000;}
h1 a, .text a, a.u {color:inherit; text-decoration:none;}
h1 .date {font-size:11px; font-weight:normal; white-space:nowrap;}

h1.MainTitle {font-size:24px; font-weight:normal; margin:24px 0 15px 11px;}   				      /* Заголовок статьи */
h1.SmallerTitle {font-size:18px; font-weight:normal; margin:16px 0 18px 11px; width:400px;}   /* Заголовок как у статьи, только поменьше. width можно убрать и вставлять разрывы <br/>ом */

/* h4 - крупное название рубрики на всех страницах */
h4 {border-bottom:1px solid black; padding:0 0 1px 12px; margin:40px 0 0 0; width:448px; font-family:"Times New Roman",Times,serif; font-size:36px; font-weight:normal;}

/* Чёрная полоска под заголовками */
.pl2 {width:176px; height:7px; margin-left:12px; background:#000; font-size:1px;}
.pl1 {width:110px; height:7px; background:#c60; font-size:1px;}


/*
	 Слой для "язычков" - "Добавь свою новость!", "Расскажи о своей машине!", блоков "Форум", "Что делать, если", "Опрос" на главной
	 Внутри этого слоя обязательно должен быть <img src='/i/uv.gif' class='R' alt='' /> (картинка с левым круглым углом)
*/
.uvula, .Block3 h1 {
	position:relative; padding:4px 17px 7px; margin:0; text-align:center;
	background:url('/i/uv1.gif') no-repeat bottom right #c60;
	color:#fff; font-size:10px; font-weight:bold;
}
.uvula a, .Block3 h1 a {color:white; text-decoration:none;}
.uvula a:hover, .Block3 h1 a:hover {text-decoration:underline;}
.uvula img.R, .Block3 h1 img.R {position:absolute; bottom:0px; left:0px;}
.uvula .excl {position:absolute; top:5px; left:-6px;}	/* Значок !, top и left иногда задаются индивидуально */


/* Разметка */
#Main {min-height:100%; margin:0 auto -86px; width:993px;}
#LagerStub {height:100px; clear:both;}
#Lager {width:993px; margin:0 auto; height:83px; padding:0px; clear:both; border-top:3px solid #000;}
#LagerInside {width:993px; margin:0 auto; }

/* Шапка */
#Head {position:relative; height:128px; border-bottom:3px solid black; margin-bottom:3px;}
#Head #MiniMenu {margin:0; padding:0; position:absolute; top:0; left:460px; border-left:1px solid #060;}
#Head #MiniMenu li {display:block; float:left; width:55px; height:34px; list-style:none; margin:0; padding:0; border-right:1px solid #060;}
#Head #MiniMenu li a {display:block; height:0px; padding-top:34px; overflow:hidden;}
#Head #MiniMenu li.e {background:url('/i/mm_email.gif') no-repeat 18px 10px;}
#Head #MiniMenu li.i {background:url('/i/mm_icq.gif') no-repeat 18px 10px;}
#Head #MiniMenu li.r {background:url('/i/mm_rss.gif') no-repeat 18px 10px;}
#Head #Today {position:absolute; top:97px; left:10px; font-size:10px;}
#Head #Today a {color:#c60; font-size:11px; font-weight:bold; text-decoration:none;}
#Head #Services {position:absolute; top:97px; right:361px; font-size:10px;}
#Head #Services a {text-decoration:none; padding:1px 6px;}
#Head #Services a:hover {background:#f5e0cc;}
#Head #Foto {position:absolute; bottom:0; right:0; padding-left:3px; background:url('/i/hf_bg.gif') no-repeat bottom left;}
#Head #Foto img {display:block;}

/* Большой баннер под шапкой */
#BannerBig {border-bottom:3px solid #FFFFFF; margin-bottom:3px; padding-bottom:3px;}
#BannerBig div {background:#FFFFFF; text-align:center;}

.Banner460 {border-top:1px solid black; margin-top:2px; padding-top:2px; clear:both;}

/* Первая колонка главной (460px) */
#Content1 {float:left; width:460px;}

/* Вторая колонка на главной, 263px */
#Content2 {float:left; width:263px; margin:0 15px;}

/* Правая колонка с меню и баннерами 240px */
#Right 	 {float:left; width:240px;}

#Content12 {float:left; width:738px; margin:0 15px 0 0;}


/* Блок - слева картинка 75 пикселей в рамочке, справа - заголовок и лид статьи */
.Lead75 {clear:both; margin:20px 10px 20px 12px;}
.Lead75.odd {background:#faefe5; padding:10px; margin:10px 0px 10px 2px;}
.Lead75 .img {float:left;}
.Lead75 .txt {margin-left:90px;}
.Lead75 .img img {display:block; border:1px solid black;}
.Lead75 h1 {font-size:14px; font-weight:bold; margin:0; padding:0;}

/* Отступ 12px слева для всякой мелочи */
.P {margin-left:12px;}

/* Блоки с заголовком-ушком. Внимание, ушко будет налезать на блок, расположенный сверху, поэтому у него должнен быть большой padding-bottom. */
.Block2{border-top:7px solid #060; position:relative;}
.Block2 h1 {
	display:block; position:absolute; top:-28px;
	margin:0 0 0 8px; padding:0; height:28px; line-height:28px;
	background:url('/i/rub_plash.gif') no-repeat right #fff; font-size:11px !important; text-align:center;
}
.Block2 h1 img {position:absolute; top:0px; left:0px;}


/* <p> со ссылкой на комментарии */
.talk_link {font-size:10px; margin:10px 0;}
.talk_link a {text-decoration:none;}
.talk_link a:hover {text-decoration:underline;}
.talk_link a.n {font-weight:bold; color:#c60;}  /* Количество новых комментариев */

/* Блок ссылок на другие статьи ("все новости") */
.AllNews p.links {color:#060; font-weight:bold; font-size:9px; margin:15px 0 17px 0;}
.AllNews p.links a {color:black; text-decoration:none; font-weight:normal; font-size:11px;}
.AllNews p.links a:hover {text-decoration:underline;}

/* Вступление */
.Intro {padding:0 14px 10px; background:#faefe5; border-bottom:1px solid #c60;}
.Intro .pl2 {margin:0;}
.Intro h2 {margin:17px 0 12px; padding:0; font-size:24px; font-weight:normal;}

/* Вступление с картинкой */
.Intro.wImg img {display:block; position:absolute; border:1px solid black; margin:17px 10px 10px 0;}
.Intro.wImg p {margin-left:130px;}
.Intro.wImg h2 {margin-left:130px;}

/* Вступление без рамочек */
.mIntro {background:#fef2e5; padding:11px;}

.Tools {padding:0 14px 30px;}
.Tools form p {margin:0; padding:7px 0 4px; font-weight:bold; font-size:10px;}
.Tools table {border-collapse:collapse; border-spacing:0;}
.Tools table td {padding:0;}
.Tools table td.a {padding:0 10px;}
.Tools form input {vertical-align:bottom;}
.Tools form #what {width:137px; height:17px; border:1px solid black;}
.Tools form #ok {width:19px; height:19px; border:1px solid black;}
.Tools .uvula {margin-right:15px;}
.Tools .uvula .excl {top:11px;}


/* Главное меню */
#MainMenu {margin:0 0 7px 0; padding:0; border-top:1px solid black;}
#MainMenu li {list-style:none; margin:0; padding:0; border-bottom:1px solid black;}
#MainMenu li a {display:block; padding:5px 20px 4px;
	font-size:12px; font-weight:bold; text-decoration:none;
}
#MainMenu li.t1 a {color:#060;}
#MainMenu li.t2 a {color:#c60;}
#MainMenu li.t3 a {color:#000;}
#MainMenu li a:hover {color:#fff; background:#c60;}
#MainMenu li.t2 {border-bottom:3px solid black; border-top:2px solid black;}

/* Форма поиска */
#Search {border-top:4px solid #c60; text-align:right; margin-bottom:17px;}
#Search div {position:relative; margin-bottom:3px; height:22px; border:1px solid black; background:#fff; text-align:left;}
#Search input#what {border:none; color:#676767; font-size:10px; width:205px; margin:3px 0 0 0px; padding:2px 5px; background:#fff;}
#Search a {font-size:10px; color:#c60;}
#Search #search_ok {width:11px; height:11px;}

/* Блоки в правой колонке для форума, опросов, что делать если */
.Block3 {border:1px solid #c60; padding:0 10px 10px 10px; margin:5px 0;}
.Block3 h1 {width:74px; height:10px; padding:2px 17px 7px; font-size:11px;}
.Block3 ul {margin:10px 0 0; padding:0 0 0 16px;}

/* Блоки на главной во 2-й колонке, новинки автосалонов - новинки автопрома */
.Block4 {border-top:1px solid black; background:#e5e5e5; padding:0px;}
.Block4 .pl2 {margin-left:10px;}
.Block4 .meta {margin:5px 10px;}
.Block4 .msg {clear:both; padding:10px 10px; border-bottom:1px solid #fff;}
.Block4 .msg img.foto {float:left; border:1px solid black; margin:0 10px 2px 0;}
.Block4 .msg h1 {font-size:14px; margin:0 0 10px 0;}

.Block4 ul.links {background:#7f7f7f; margin:0 0 2px 0; padding:10px; color:#fff; }
.Block4 ul.links li {margin:0 0 0 15px; padding:0;}
.Block4 ul.links li.yo {list-style:none; margin-top:10px; font-weight:bold;}
.Block4 ul.links a {color:white;}

/* Лид новости на сером фоне, встречается в оглавлении рубрики и на странице комментариев */
.LeadGray {border-bottom:1px solid black; background:#e5e5e5; margin:0; padding:12px 12px 0px;}
.LeadGray.first {border-top:7px solid #c60;}
.LeadGray h1 {font-size:14px; font-weight:bold; margin:0; padding:0;}
.LeadGray .text {}
.LeadGray hr {}


/* Баннер 240 пикс. в ширину */
.Banner240 {margin:5px 0;}

.FAQ {border-color:#060;}
.FAQ h1 {background:url('/i/ug1.gif') no-repeat bottom right #060; width:125px;}

.ForumTopics ul a {text-decoration:none;}
.ForumTopics ul a:hover {text-decoration:underline;}

.Poll .Q {font-weight:bold; margin:10px 0;}
.Poll p {margin:10px 0 0;}
.Poll input {vertical-align:bottom;}
.Poll input#ok {background:#727070; color:white; font-weight:normal; font-size:9px; padding:0px 10px;}
.Poll #poll_ok {width:43px; height:28px; display:block; margin-left:160px;}

/* Слой с результатами опроса (используется только на внутренних страницах, внутри содержит таблицу) */
.PollResults {padding:17px 13px 20px; background:#fef2e5;}
.PollResults table {border-collapse:collapse; border-spacing:0;}
.PollResults table td {padding:3px 0; vertical-align:top;} /* ячейка с количеством проголосовавших */
.PollResults table td.p {padding:3px 38px; white-space:nowrap;} /* ячейка с количеством проголосовавших */
.PollResults table td.d {padding-left:20px; background:url('/i/pollbull.gif') no-repeat 0px 7px;} /* ячейка с вариантом ответа */
.PollResults .nAnswers {margin:10px 0 0 340px; font-weight:bold;}
.w150 {width:150px;}

/* Форма народного тест-драйва */
#TDA {}
#TDA textarea {width:710px; padding:10px; font-weight:bold; font-family:Tahoma,sans-serif; font-size:11px;}
#TDA .Fields {margin-top:4px; border-top:1px solid #c60;}
#TDA .Fields .uvula {float:right; margin-right:30px;}
#TDA .Fields table {border-collapse:collapse; border-spacing:0;}
#TDA .Fields table td {padding:3px 7px; font-size:10px; font-weight:bold;}
#TDA .Fields table input {border:1px solid black; font-family:Tahoma,sans-serif; font-size:11px; font-weight:normal;}

/* Подвал */
#Lager #Copyright {width:460px; float:left;}
#Lager #Copyright a {color:#fff;}
#Lager #Copyright p {color:white; padding:13px 15px; font-size:10px;}
#Lager #Copyright p.voditel {margin:0 0 1px 0; background:#060;}
#Lager #Copyright p.parohod {margin:0; padding:10px 15px; background:#c60;}
#Lager #AboutLinks {width:251px; padding:21px; float:left; color:#c60; font-size:12px;}
#Lager #AboutLinks a {color:#c60; font-weight:bold; text-decoration:underline;}
#Lager #Counters {width:240px; padding-top:10px; float:left; text-align:right;}

