﻿
/* Сброс дефолтных значений в ноль */

html, body,
img, div, span,
form, input, textarea, fieldset, select,
table, thead, tbody, tr, td, th,
ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, p {
	border: 0px;
	padding: 0px;
	margin: 0px;
	outline: 0px;
	list-style-type: none;
}

body, table {
	font-size: 10pt;
	font-family: Arial, sans-serif;
	font-weight: normal;
}

.clear { clear: both; }
.inline { display: inline; }
.left { float: left; }
.right { float: right; }

/* Основа */

body {
	background: url("img/bg-tile.png") repeat center center;
	text-align: center;
}

#wrap {
	width: 1000px;
	margin: 0px auto;
	text-align: left;
	background: url("img/lay-tile.png") repeat left top;
}

.shadow-top {
	width: 1000px;
	height: 29px;
	background: url("img/shadow-top.png") no-repeat left top;
	margin-bottom: -29px;
}

.shadow-bottom {
	width: 1000px;
	height: 29px;
	background: url("img/shadow-bottom.png") no-repeat left top;
	margin-top: -29px;
}

/* Шапка */

#head {
	background: url("img/head.jpeg") no-repeat left top;
	height: 373px;
	position: relative;
}

#logo {
	width: 278px;
	height: 67px;
	position: absolute;
	bottom: 30px;
	left: 22px;
}

#logo a { display: block; width: 100%; height: 100%; }
#logo span { display: none; }

/* Навигация */

#nav {
	background: url("img/nav-bg.jpeg") no-repeat left top;
	height: 57px;
	padding: 0px 41px;
	text-transform: uppercase;
	font-family: Arial;
}

#nav li {
	float: left;
	border-right: 1px solid #210f07;
	border-left: 1px solid #5b2a15;
}

#nav li a {
	padding: 0px 24px 0px 21px;
	text-decoration: none;
	color: #eaddd3;
	line-height: 57px;
	height: 57px;
	display: block;
	font-size: 12px;
	float: left;
}

#nav li a:hover { text-decoration: none; }

#nav li.first { border-left: none; }
#nav li.last { border-right: none; }

#nav li.search {
	border: none;
	float: right;
	padding-left: 0px;
	padding-right: 24px;
	padding-top: 16px;
}

#nav li.search form {
	position: relative;
	width: 183px;
	background: url("img/search-field-bg.png") no-repeat left top;
}

#nav li.search .field {
	width: 155px;
	height: 15px;
	padding: 5px 20px 5px 8px;
	position: relative;
	font-family: Arial;
	font-style: italic;
	font-size: 8pt;
	color: #806b6b;
	background: none;
}

#nav li.search .icon {
	position: absolute;
	right: 7px;
	top: 6px;
}

/* Сайдбары и блоки */

.sidebar {
	width: 206px;
	padding: 30px 10px 2px 10px;
}

.sidebar.left { padding-right: 0px; }
.sidebar.right { padding-left: 0px; }

.block {
	background: url("img/block-top.png") no-repeat left top;
	padding-top: 29px;
	margin-top: -15px;
	margin-bottom: 34px;
	zoom: 1;
}

.block.video {
	background: url("img/block-top-video.png") no-repeat left top;
	padding-top: 39px;
	margin-top: -25px;
}

.block.music {
	background: url("img/block-top-music.png") no-repeat left top;
	padding-top: 33px;
	margin-top: -19px;
	margin-bottom:44px;
}

.block.auth {
	background: url("img/block-top-auth.png") no-repeat left top;
	padding-top: 39px;
	margin-top: -25px;
	margin-bottom: 20px;
}

.block.headless {
	background: url("img/block-top-headless.png") no-repeat left top;
	padding-top: 14px;
	margin-top: 0px;
}

.block.infobl {
	background: url("img/block-top-info.png") no-repeat left top;
	padding-top: 34px;
	margin-top: 0px;
	margin-bottom: 40px;
}

.block h2 {
	background: url("img/block-head.png") no-repeat left top;
	line-height: 41px;
	font-family: Arial Narrow;
	font-weight: normal;
	text-align: center;
	color: #ffc8a0;
	font-size: 20px;
}

.block.auth h2 { background: url("img/block-head-auth.png") no-repeat left top; }

.block-content {
	background: url("img/block-bg.png") repeat-y left top;
	font-family: Tahoma;
	font-size: 8pt;
	padding: 0px 18px;
}

.block-content a {
	text-decoration: none;
	color: #f3c8ac;
}

.block-content a:hover { text-decoration: underline; }

.block-register {
	padding: 3px 19px 5px 19px;
	text-align: center;
	font-family: Arial;
	font-size: 8pt;
	font-style: italic;
	color: #ffd3a8;
}

.register-pic { vertical-align: top; margin-bottom: 11px; }
.register-button { vertical-align: top; margin-left: 3px; margin-bottom: 6px; }

.block-list {
	padding-top: 11px;
	padding-bottom: 6px;
	line-height: 19px;
	background: url("img/block-list-line.png") no-repeat left top;
}

.block-list li {
	background: url("img/block-list-bullet.png") no-repeat left top;
	padding-left: 20px;
}

.block-list li.last { background: url("img/block-list-bullet-last.png") no-repeat left top; }

.block-best-list { padding: 0px 13px; padding-bottom: 7px; line-height: 150%; }
.block-best-list li { padding-top: 19px; padding-bottom: 6px; }
.block-best-list a { text-decoration: underline; }
.block-best-list a:hover { text-decoration: none; }
.block-best-list a img { text-decoration: none; vertical-align: bottom; margin-bottom: 3px; }

.block-bottom {
	background: url("img/block-bottom.png") no-repeat left top;
	height: 12px;
}

.block-form-fields {
	padding: 17px 14px 6px 14px;
}

.block-form-fields .field {
	width: 118px;
	height: 15px;
	margin-bottom: 5px;
	font-family: Arial;
	font-size: 8pt;
	font-style: italic;
	color: #806b6b;
	padding: 5px 1px 5px 25px;
}

.block-form-fields .login-field { background: url("img/login-login.png") no-repeat left top; }
.block-form-fields .password-field { background: url("img/login-password.png") no-repeat left top; }

.block-form-actions {
	padding-left: 15px;
	padding-bottom: 14px;
	padding-top: 10px;
	font-family: Arial;
	font-size: 8pt;
	font-style: italic;
}

.block-form-actions a { color: #ffd3a8; text-decoration: underline; }
.block-form-actions a:hover { text-decoration: none; }

.block-form-actions .button {
	width: 48px;
	height: 18px;
	font-family: Arial;
	font-size: 8pt;
	color: white;
	font-style: italic;
	background: url("img/form-enter.png") no-repeat left top;
	margin-right: 7px;
	cursor: pointer;
}

/* Содержимое */

#content {
	width: 551px;
	float: left;
	padding-top: 23px;
	padding-left: 9px;
	padding-bottom: 65px;

	margin-bottom: 34px;
}

#content-top {
	width: 551px;
	height: 32px;
	background: url("img/content-top.png") no-repeat left top;
	text-align: center;
	font-family: Arial Narrow;
	color: #320f06;
	font-size: 18px;
	padding-top: 22px;
}

#content-inside {
	background: url("img/content-middle.png") repeat-y left top;
	padding: 2px 38px 20px 38px;
	zoom: 1;
}
/* last #content-bottom */
#content-bottomdgsdgd {
	position: absolute;
	width: 551px;
	height: 20px;
	bottom: 45px;
	background: url("img/content-bottom.png") no-repeat left top;
}

#content-bottom {
	width: 551px;
	height: 20px;
	background: url("img/content-bottom.png") no-repeat left top;
}

.hr {
	width: 100%;
	height: 2px;
	line-height: 0;
	font-size: 0;
	color: none;
	background: url("img/hr.png") no-repeat center top;
}

.welcome-message {
	margin-top: 18px;
	margin-left: -16px;
	margin-right: -16px;
	margin-bottom: 30px;
	width: 506px;
	background: #d7c7bb url("img/welcome-top.png") no-repeat left top;
}

.welcome-message-inside {
	background: url("img/welcome-bottom.png") no-repeat left bottom;
	padding: 11px 17px;
	font-family: Arial;
	font-size: 13px;
	color: #320f06;
	line-height: 18px;
}

.welcome-message-inside1 {
	background: url("img/welcome-bottom.png") no-repeat left bottom;
	padding: 11px 17px;
	font-family: Arial;
	font-size: 12px;
	color: #320f06;
	line-height: 18px;
}

.post { margin: 30px 0px; }

.post h1 {
	color: #320f06;
	font-family: Arial Narrow;
	font-size: 18px;
	font-weight: normal;
	margin: 15px 0px;
}

.post h1 a { color: #320f06; text-decoration: underline; }
.post h1 a:hover { text-decoration: none; }

.post .info {
	color: #6f5751;
	font-family: Arial;
	font-size: 8pt;
	font-style: italic;
	margin: 15px 1px;
	line-height: 17px;
}

.post .info a { color: #812e18; text-decoration: none; }
.post .info a:hover { text-decoration: none; }

.post .info .category { color: #5b1e0d; }
.post .info .category a { color: #5b1e0d; text-decoration: underline; }
.post .info .category a:hover { text-decoration: none; }

.post-content {
	color: #320f06;
	line-height: 18px;
	margin: 20px 1px;
}

.post-content a { color: #320f06; text-decoration: none; }
.post-content a:hover { text-decoration: none; }

.full-story-link {
	color: #320f06;
	font-style: italic;
	font-size: 11pt;
	margin-top: 16px;
	text-align:center;
}

.author { position: relative; }

table { }
table img { vertical-align: top; font-size: 0; line-height: 0; }

/* Переключалка страниц */
/* last #page-switcher */
#page-switchersgsdgsdgs {
	position: absolute;
	left: 9px;
	bottom: 0px;
	text-align: center;
	width: 551px;
	color: #8e7765;
	font-size: 8pt;
}

#page-switcher {
	position: relative;
	left: 9px;
	text-align: center;
	bottom:-85px;
	color: #8e7765;
	font-size: 8pt;
}

#page-switcher a { color: #ebcfb9; text-decoration: none; }
#page-switcher a:hover { text-decoration: underline; }

#page-switcher span { margin: 0px 4.5px; }
.pages-list { font-size: 11pt; color: #3a1106; }
.pages-list a { display: inline-block; vertical-align: middle; margin: 0px 4.5px; padding: 2px 5px; border: 1px solid #484033; color: #eaddd3; }
.pages-list span { display: inline-block; vertical-align: middle; padding: 3px 6px; background: url("img/current-page.png") repeat-x left top; }

/* Футер */

#footer {
	height: 43px;
	line-height: 29px;
	background: url("img/footer-bg.jpeg") no-repeat left top;
	padding: 14px 43px 0px 44px;
}

#footer .left {
	color: #dab598;
	font-size: 8pt;
}

#footer .left a {
	color: #dab598;
	text-decoration: underline;
}

#footer .left a:hover { text-decoration: none; }

#footer .nav {
	font-family: Arial Narrow;
	text-transform: uppercase;
	text-align: center;
	font-size: 9pt;
}

#footer .nav li {
	display: inline;
	padding: 0px 19px;
}

#footer .nav a {
	text-decoration: none;
	color: white;
}

#footer .nav a:hover {
	text-decoration: none;
}
.title a { color: #320f06; text-decoration: underline; }

.drugien a { color: #320f06; text-decoration: none; }

.navqwe {
	background: url("img/block-head.png") no-repeat left top;
	line-height: 41px;
	font-family: Arial Narrow;
	font-weight: normal;
	text-align: center;
	color: #ffc8a0;
	font-size: 20px;
}

.h1morda {
	color: #320f06;
	font-family: Arial Narrow;
	font-size: 9px;
	font-weight: normal;
	margin: 10px 0px;
}

.h2morda {
	color: #320f06;
	font-family: Arial Narrow;
	font-size: 10px;
	font-weight: normal;
	margin: 10px 0px;
}