@charset "utf-8";
/* CSS Document */

body {
	background-image:url(../image/paper.jpg); /* Задаем фон сайта*/
	margin:0px; /* Обнуляем отсутпы*/
	padding:0px; /* Обнуляем отсутпы*/
	font-size: 14px; /* Размер шрифта для всего сайта*/
	font-family:Tahoma, Geneva, sans-serif; /* Тип шрифта*/
}
#page {
	width:955px; /* ширина страницы, имеет размер изображения */
	background-image:url(../image/bacgr.png); /* задаем фон страницы*/
	background-repeat:repeat-y; /* копируем изображение по оси Y */
	/* height:1000px; временная установка высоты, до момента наполнения контентом */
	margin:auto; /* выравнивание по середине экрана*/
	padding:auto; /*выравнивание по середине экрана*/
}
#page-inner {
	margin-left: 9px; /* отступ слева, шириной в тень*/
	margin-right: 9px; /* отступ справа, шириной в тень*/
}
/*===============================Элементы шапки сайта===========================================*/
#header {
	background-image:url(../image/header.jpg); /* задаем фон шапки*/
	width: 937px; /* ширина шапки*/
	height: 157px; /* высота шапки*/
	background-repeat:no-repeat; /* запрещаем размножение изображения по осям Х и Y */
}
#logo {
	width: 411px; /*ширна логотипа*/
	height: 59px; /* выоста логотипа*/
	display:inline-block; /*определяет свойство показа элемента*/
	margin-left: 54px; /* отступ слева*/
	margin-top: 24px; /*отсутп справа*/
	border:0px; /* обнуление границы у контейнера с логотипом*/
}
#logo img {
	border:0px; /* обнуление границы у изображения с логотипом*/
}
#top-menu {
	width: 909px; /* ширан меню*/
	margin-left: 13px; /* отступ от левой границы*/
	background-image:url(../image/menu.png); /* задаем фоновое изображение*/
	height: 39px; /* высота меню*/
	margin-top: 35px; /* отступ от логотипа*/
}
#top-menu a {
	color:#FFF; /*цвет ссылки в верхнем меню*/
	padding-left: 28px; /*отсупы слева от ссылок*/
	padding-top: 10px; /* отступ сверху внутри контейрена с меню*/
	display:inline-block;  /*определяет свойство показа элемента*/
	text-decoration:underline; /* нижнее подчеркивание ссылки*/
}
#top-menu a:hover {
	text-decoration:none; /* убирает нижнее подчеркивание при наведении курсора на ссылку в верхнем меню*/
}
/*============================================== Элементы внутреннего распложения контента и сайдбаров=====================*/
#main {
	display:inline-block; /*определяет свойство показа элемента*/
	width: 937px; /* ширана контейнера под контент и сайдбар*/
	margin-top: 20px; /*отстуа от шапки*/
}
#main-inner {
	margin-left: 26px; /*отступ от внешней границы контейнера*/
}
#content {
	width: 580px; /*ширина области под контент*/
	float: left; /*прижимаем контейнер к левому краяю*/
	
}
#content-inner {
	border: 0px solid #0055ff; /* гранца вокруг контейнера шириной в 1px серого цвета*/
}
#sidebar-right {
	width: 306px; /*ширна сайдбара*/
	float:left; /*прижимаем контейнер к левому краяю*/
}
#sidebar-right-inner {
	padding-left: 20px; /*отсут слева от границы внутри сайдбара*/
}
/*============================= Элементы сайдбара =========================================*/

/*=============== Наши Друзья ====================*/
#popular {
	border-left: 1px solid #ffd5a9; /* бордюр слева толщиной в 1px; */
	border-bottom: 1px solid #ffd5a9; /* бордюр снизу толщиной в 1px; */
	border-right: 1px solid #ffd5a9; /* бордюр справа толщиной в 1px; */
	margin-bottom: 20px; /* отсут снизу для следующего элемента под данным блоком*/
}
#poptitle {
	background-image: url(../image/bacorange.jpg); /* задаем цвет заливки для контейнера с заголовком в блоке*/
	background-repeat: repeat-x; /* задаем размножение по оси Х*/
	height: 36px; /* задаем высоту контейнера заголовка*/
	padding-left: 12px; /* задаем отступ слева для текста внутри контейнера с заголовком*/
	padding-top: 8px; /* задаем отступ сверху для текста внутри контейнера с заголовком*/
	font-weight:bold; /* задаем толщину для текста*/
}
#popular a {
	color: #ab2837; /* цвет сслок в блоке с популярным */
	text-decoration:underline; /* нижнее подчеркивание ссылок*/
	display: list-item; /* выводить ссылки списком */
	list-style-image: url(../image/voidpix.png); /* задаем ярлчок с файликами для показа перед ссыками lipop.jpg  */
	font-size: 12px; /* размер шрифта ссылок*/
	margin-left: 30px; /* отступ ссылок от левого края внутри контейнера*/
	margin-bottom: 10px; /* подвигаем нижнюю границу контейнера вниз*/
}
#popular a:hover {
	color: #ab2837; /* цвет ссылки при наведении на нее курсором*/
	text-decoration:none; /* убираем подчеркивание  с сылки при наведении на нее курсором*/
}
/*================== Подпишись к нам в  Облако ==================*/
#social {
	border-left: 1px solid #b6e5f3; /* бордюр слева толщиной в 1px; */
	border-bottom: 1px solid #b6e5f3; /* бордюр снизу толщиной в 1px; */
	border-right: 1px solid #b6e5f3; /* бордюр справа толщиной в 1px; */
	margin-bottom: 20px; /* отсуп снизу для следующего элемента под данным блоком*/
}
#socialtitle {
	background-image: url(../image/bacblue.jpg); /* задаем цвет заливки для контейнера с заголовком в блоке*/
	background-repeat: repeat-x; /* задаем размножение по оси Х*/
	height: 36px; /* задаем высоту контейнера заголовка*/
	padding-left: 12px; /* задаем отступ слева для текста внутри контейнера с заголовком*/
	padding-top: 8px; /* задаем отступ сверху для текста внутри контейнера с заголовком*/
	font-weight:bold;  /* задаем толщину для текста*/
}
#face {
	width: 60px; /*ширина иконки фейсбука*/
	float:left; /*рижимаем картинку к левому краю блока*/
	text-decoration:none; /* убираем нижнее подчеркивание картинки, так как она является ссылкой*/
	display:inline-block; /*определяет свойство показа элемента*/
	margin-left: 30px; /* отступ от левого края блока*/
	margin-right: 25px; /* отступ для элемента который будет срава от иконки*/
	text-align:center; /*выравнивание текста по середине*/
	font-size:12px; /* размер текста */
}
#face img {
	display:block; /*определяет свойство показа элемента*/
	padding-left: 4px; /* отступ слева, для изобоажения*/
	border:0px; /* обнуление обводки*/
}
#face a {
	color: #b14757; /* цает ссылки*/
}
#face a:hover { 
	color: #b14757; /* цвет ссылки при наведении на нее курсором*/
	text-decoration:none; /* убирает нижнее подчеркивание при на ведении на ссылку*/
}
#twi {
	display:inline-block; /*определяет свойство показа элемента*/
	text-decoration:none; /* убираем нижнее подчеркивание картинки, так как она является ссылкой*/
	width: 58px; /*ширина иконки твитер*/
	margin-right: 25px; /* отступ для элемента который будет срава от иконки*/
	text-align:center; /*выравнивание текста по середине*/
	font-size:12px; /* размер текста */
}
#twi img {
	display:block; /*определяет свойство показа элемента*/
	padding-left: 2px; /* отступ слева, для изобоажения*/
	border:0px; /* обнуление обводки*/
}
#twi a {
	color: #b14757; /* цает ссылки*/
}
#twi a:hover {
	color: #b14757; /* цвет ссылки при наведении на нее курсором*/
	text-decoration:none; /* убирает нижнее подчеркивание при на ведении на ссылку*/
}
#vkon {
	display:inline-block; /*определяет свойство показа элемента*/
	text-decoration:none; /* убираем нижнее подчеркивание картинки, так как она является ссылкой*/
	width: 59px; /*ширина иконки вконтакте*/
	font-size:12px; /* размер текста */
	text-align:center;/*выравнивание текста по середине*/
	margin-bottom: 10px; /* подвигаем нижнюю границу контейнера вниз*/
}
#vkon img {
	display:block;  /*определяет свойство показа элемента*/
	padding-left: 3px;  /* отступ слева, для изобоажения*/
	border:0px; /* обнуление обводки*/
}
#vkon a {
	color: #b14757; /* цвет ссылки*/
}
#vkon a:hover {
	color: #b14757; /* цвет ссылки при наведении на нее курсором*/
	text-decoration:none; /* убирает нижнее подчеркивание при на ведении на ссылку*/
}
/*================== Новости ================*/
#rss {
	border-left: 1px solid #eca8f6; /* бордюр слева толщиной в 1px; */
	border-bottom: 1px solid #eca8f6; /* бордюр снизу толщиной в 1px; */
	border-right: 1px solid #eca8f6; /* бордюр справа толщиной в 1px; */
	margin-bottom: 20px; /* отсут снизу для следующего элемента под данным блоком*/
        font-size: 99%;  /* задаем толщину для текста*/
}
#rsstitle {
	background-image: url(../image/bacmarg.jpg); /* задаем цвет заливки для контейнера с заголовком в блоке*/
	background-repeat: repeat-x; /* задаем размножение по оси Х*/
	height: 36px;  /* задаем высоту контейнера заголовка*/
	padding-left: 12px;  /* задаем отступ слева для текста внутри контейнера с заголовком*/
	padding-top: 8px; /* задаем отступ сверху для текста внутри контейнера с заголовком*/
	font-weight:bold;  /* задаем толщину для текста*/
}
#rss img {
	padding-left: 20px; /* отступ слева для рисунка*/
}
.rssbac {
	background-image: url(../image/rssinput.jpg); /*задаем фон формы ввода */
	width:150px; /* ширна формы ввода*/
	height:22px; /* высота формы ввода */
	border:0px; /* убираем обфодку формы*/
	background-repeat:no-repeat; /* указываем что клонировать рисунок бэкграунда нам не нужно*/
	margin-left: 8px; /* отступ слева в блоке*/
	margin-right: 8px; /* отступ справа для следующего элемента*/
}
.rssb {
	width: 97px; /* ширина кнопки */
	height: 22px; /* высота кнопки */
	}
#rss-input {
	margin-bottom: 10px; /* отступ снизу у контейнера с формой ввода*/
	margin-top: 10px; /* отступ сверху у контейнера с формой ввода*/
}
#rss-input1 {
	margin-left:8px; /* отступ слева у контейнера с "Рассылка: Лучшие материалы" */
}
#rss-input1 a {
	margin-left: 10px; /* отступ слева для ссылки "Лучшие материалы" */
	color: #b14757; /* цвет ссылки*/
}
#rss-input1 a:hover {
	text-decoration:none; /* убирает нижнее подчеркивание при наведении на ссылку курсором*/
}

/*================== Голосование на сайте ===============*/
#golosov {
	border-left: 1px solid #c8f7a5; /* бордюр слева толщиной в 1px; */
	border-bottom: 1px solid #c8f7a5; /* бордюр снизу толщиной в 1px; */
	border-right: 1px solid #c8f7a5; /* бордюр справа толщиной в 1px; */
	margin-bottom: 20px; /* отсут снизу для следующего элемента под данным блоком*/
}
#golosovtitle {
	background-image: url(../image/bacsalat.jpg); /* задаем цвет заливки для контейнера с заголовком в блоке*/
	background-repeat: repeat-x; /* задаем размножение по оси Х*/
	height: 36px; /* задаем высоту контейнера заголовка*/
	padding-left: 12px; /* задаем отступ слева для текста внутри контейнера с заголовком*/
	padding-top: 8px; /* задаем отступ сверху для текста внутри контейнера с заголовком*/
	font-weight:bold; /* задаем толщину для текста*/
}
#golosov-input {
	margin-left: 10px; /* отступ слева для кнопок */
	margin-bottom: 10px; /* отступ снизу для кнопок */
}
#golosov-input b {
	margin-bottom: 10px; /* отступ снищу для  текста в теге B*/
	display:inline-block; /*определяет свойство показа элемента*/
}
.rb {
	margin-left: 10px; /* отступ слева для кнопки голосовать*/
	margin-bottom: 10px;  /* подвигаем нижнюю границу контейнера вниз*/
}

/*================== Контентная часть ===============*/
.teaser {
	margin-left: 14px; /* отступ контейнера с анонсом слева */
	margin-right: 14px; /* отступ контейнера с анонсом справа */
	border-bottom: 1px dotted #c8c8c8; /* разделительная пунктирная линия у контейнера с анонсом размером в 1 пиксель */
	display:inline-block; /*определяет свойство показа элемента*/
	margin-bottom: 20px; /* отступ снизу между контейнерами с анонсмо*/
	font-size: 12px; /* размер шрифта */
}
.teaser h2.title-node a{
	font-size: 14px; /*размер заголовка у анонса */
	color:#b14757; /*цвет заголовка анонса*/
	text-decoration:underline; /* нижнее подчеркивание у заголовка анонса */
}
.teaser h2.title-node a:hover{
	font-size: 14px; /*размер заголовка у анонса при наведении курсора*/
	color:#b14757; /*цвет заголовка анонса при наведении курсора*/
	text-decoration: none;  /* отмена нижнего подчеркивания у заголовка анонса при наведении курсора*/
}
.teaser img {
	float:left; /* прижимаем картинку в анонсе к левому краю, тем самым делая обтекание картинки текстом справа */
	padding-left: 10px; /*отступ слева внутри контейнера*/
	padding-right: 10px; /* отступ справа от картинки для текста */
	padding-bottom: 10px; /* отступ снизу от картинки для текста */
}
.teaser .more {
	display:inline-block; /*определяет свойство показа элемента*/
	float:right; /* прижимаем контейнер с ссылкой читать далее, к правой стороне контейнера анонса*/
	margin-top: 40px; /* отступ сверху для контейнера с ссылкой чиатать далее*/
	margin-bottom: 10px; /* подвигаем нижнюю границу контейнера вниз*/ 
}
.more a{
	font-size: 14px; /* размер шрифта ссылки читать далее*/
	color:#b14757; /* цвет ссылки читать далее*/
	text-decoration:underline; /* нижнее подчеркивание ссылки читать далее*/
}
.more a:hover{
	font-size: 14px; /* размер шрифта ссылки читать далее при наведении курсором*/
	color:#b14757; /* цвет ссылки читать далее при наведении курсором*/
	text-decoration:none; /* убираем нижнее подчеркивание ссылки читать далее при наведении курсором*/
}
/*================== Пейджер ===============*/
#pagger {
	margin-top: 20px; /* отступ сверху контейнера с пейджером*/
	margin-bottom: 20px; /* отступ снизу контейнера с пейджером*/
}
#pagger a.number {
	border: 1px solid #D2D2D2; /* обводка кнопки толщиной в 1 пиксель*/
    display: inline-block; /*определяет свойство показа элемента*/
    text-align: center; /* центрирование текста посередине кнопки*/
    text-decoration: none; /* убираем нижнее подчеркивание*/
    width: 20px; /* ширина кнопки*/
	color:#000; /* цвет шрифта кнопки*/
}
#pagger a.number:hover {
	border: 1px solid #b14757; /* обводка кнопки толщиной в 1 пиксель при наведдении курсором*/
	background-color: #ffd9df; /* закрашиваем кнопку при наведении на нее курсором*/
	color:#b14757; /* цвет шрифта кнопки при наведении на нее курсора */
}
a.num {
	border: 1px solid #D2D2D2; /* обводка кнопки толщиной в 1 пиксель*/
    display: inline-block; /*определяет свойство показа элемента*/
    text-align: center;  /* центрирование текста посередине кнопки*/
    text-decoration: none; /* убираем нижнее подчеркивание*/
    width: 70px; /* ширина кнопки*/
	color:#000; /* цвет шрифта кнопки*/
}
a.num:hover {
	border: 1px solid #b14757; /* обводка кнопки толщиной в 1 пиксель при наведдении курсором*/
	background-color: #ffd9df; /* закрашиваем кнопку при наведении на нее курсором*/
	color:#b14757; /* цвет шрифта кнопки при наведении на нее курсора */
}
a.first {
	border: 1px solid #D2D2D2; /* обводка кнопки толщиной в 1 пиксель*/
    display: inline-block; /*определяет свойство показа элемента*/
    text-align: center;  /* центрирование текста посередине кнопки*/
	width: 100px; /* ширина кнопки*/
    text-decoration: none; /* убираем нижнее подчеркивание*/
	color:#000; /* цвет шрифта кнопки*/
}
a.first:hover {
	border: 1px solid #b14757;  /* обводка кнопки толщиной в 1 пиксель при наведдении курсором*/
	background-color: #ffd9df; /* закрашиваем кнопку при наведении на нее курсором*/
	color:#b14757; /* цвет шрифта кнопки при наведении на нее курсора */
}
a.last:hover {
	border: 1px solid #b14757; /* обводка кнопки толщиной в 1 пиксель при наведдении курсором*/
	background-color: #ffd9df; /* закрашиваем кнопку при наведении на нее курсором*/
	color:#b14757; /* цвет шрифта кнопки при наведении на нее курсора */
}
a.last {
	border: 1px solid #D2D2D2; /* обводка кнопки толщиной в 1 пиксель*/
    display: inline-block;/*определяет свойство показа элемента*/
    text-align: center; /* центрирование текста посередине кнопки*/
    text-decoration: none; /* убираем нижнее подчеркивание*/
	width: 100px; /* ширина кнопки*/
	color:#000; /* цвет шрифта кнопки*/
}
/*================== Поиск ===============*/
#search {
	background-color:#ccf8aa; /* задаем цвет формы поиска */
	height:40px; /* задаем высоту контейнера формы поиска*/
	margin-bottom: 20px; /* задаем отступ снизу для формы поиска*/
}
#search-input {
	padding-top: 8px; /* отступ сверху для внутреннего контейнера формы поиска*/
	padding-left: 12px; /* отступ слева для внутреннего контейнера формы поиска*/
}
.bac {
	background-image: url(../image/search.jpg); /* бэкграунд формы ввода поиска*/
	width: 358px; /* ширина формы ввода*/
	height: 20px; /*высота формы ввода*/
	background-repeat:no-repeat; /*убираем клонирование бэкграунда*/
	border: 0px; /*убираем обводку у вормы ввода*/
	margin-left: 7px; /* отсуп слева внутри контейнера поиска, для формы ввода*/
	margin-right: 15px;  /* отсуп сверху внутри контейнера поиска, для формы ввода*/
}
/*================== Слайдер ===============*/
#featured{
	width:428px;
	padding-right:144px;
	position:relative;
	border:0px solid #;
	height:386px;
	background:#fff;
	margin-bottom: 20px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:330px; 
	list-style:none; 
	padding:0; margin:0; 
	width:240px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left;  
	background:#fff; 
	padding:2px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:60px; 
	color:#333;  background:#fff; 
	line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#fde7f8; 
}
#featured li.ui-tabs-selected{ 
	background: url(slider/selected-item.gif) top left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#f1d7eb; 
}
#featured .ui-tabs-panel{ 
	width:330px; height:250px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute;
	padding-bottom:5px; 
	top:165px; left:0;
        width:330px; 
	height:80px; 
	background: url(slider/transparent-bg.png); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
/*================== Футер ===============*/
#footer {
	border-top: 3px solid #b65362; /* бордюр сверху размером в 3 пикселя */
	float:left; /* прижимаем подвал к левой стороне страницы*/
	width: 937px; /* ширана подвала*/
	background-image:url(../image/foot.jpg); /* бэкграунд подвала*/
	background-repeat:repeat-x; /* повторяем бэкграунд по оски Х */
	height:103px;/* высота подвала*/
}
#foot-menu {
	margin-top: 17px; /* отступ сверху для меню */
	margin-left: 30px; /* отступ слева для меню*/
	font-weight: bold; /* делаем шрифт жирным */
	display:block; /*определяет свойство показа элемента*/
	font-size: 13px; /* размер шрифта в меню*/
	font:"Arial Black", Gadget, sans-serif; /* Устанавливаем тип шрифта */
	margin-bottom: 30px; /* отступ снизу от меню*/
	width: 540px; /* ширина меню*/
	float:left; /* прижимаем меню к левой стороне сайта*/
}
#foot-menu a {
	text-decoration:none; /* убираем нижнее подчеркивание с сылок в меню*/
	color:#7c202f; /* устанавливаем цвет шрифта ссылок меню*/
	padding-right: 20px; /* отсупы справа между ссылками в меню*/
}
#foot-menu a:hover {
	text-decoration:underline; /* задаем нижнее подчеркивание для ссылок в меню при наведении на них курсором*/
}
#schet {
	display:block; *определяет свойство показа элемента*/
	clear:left; /* обнуляем обтекание (float:left) для контейнера с счетчиком*/
	width: 100px; /* ширна счетчика*/
	margin-left: 25px; /* отступ слева для контейнера*/
	float:left; /* задаем обтекание для текста справа от счеткиа*/
}
#text {
	font-size: 11px; /* размер шрифта внутри контейнера*/
	display:block; /*определяет свойство показа элемента*/
	width:500px; /* ширна контейнера */
}
#text a {
	color:#b14757; /* устанавливаем цвет шрифта ссылок в контейнере*/
}
#foot-logo {
	margin-top: 30px; /*отступ сверху для логоттипа*/
	width:332px; /* ширина логотипа*/
	float:right; /* прижимаем логотип к правой стороне подвала*/
	margin-right: 35px; /* отступ справа для логотипа*/
}