/*
	Обнуляем отступы для лучшей совместимости в браузерах
*/
* {
	margin: 0;
	padding: 0;
	border: none;
}

body, input, textarea, button, select {
	font: 14px/18px Arial, Helvetica, Sans-Serif !important;
}

input, select, textarea {
	padding: 5px;
}

button {
	cursor: pointer;
}

a {
	text-decoration: none;
}

body {
	color: #abb0ba;
	min-width: 980px;
	margin: 0;
	background: #353a47;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
	background: #13171f;
	width: 960px;
}

#main_wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

#wrapper {

}

#l_shadow {
	padding-left: 10px;
	background: url('/images/l_shadow.png') top left repeat-y;
}

#r_shadow {
	padding-right: 10px;
	background: url('/images/r_shadow.png') top right repeat-y;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_1_,
.grid_3,
.grid_4,
.grid_5_,
.grid_6_,
.grid_8_,
.grid_9,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}

.pull_1_,
.pull_3,
.pull_5_,
.push_1_,
.push_5_,
.push_7,
.push_8,
.push_9 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}


/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.grid_1 {
	width:60px;
}

.grid_1_ {
	width:130px;
}

.grid_3 {
	width:220px;
}

.grid_4 {
	width:300px;
}

.grid_5_ {
	width:430px;
}

.grid_6_ {
	width:490px;
}

.grid_8_ {
	width:640px;
}

.grid_9 {
	width:700px;
}

.grid_12 {
	width:940px;
}


/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.prefix_11 {
	padding-left:880px;
}


/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.push_1_ {
	left:140px;
}
.push_5_ {
	left:510px;
}

.push_7 {
	left:580px;
}

.push_8 {
	left:640px;
}

.push_9 {
	left:720px;
}


/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.pull_1_ {
	left:-140px;
}

.pull_3 {
	left:-240px;
}

.pull_5_ {
	left:-500px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

/*.clearfix {
  zoom: 1;
}*/

/**
*   Палитра:
*   #010712     // Dark accent
*   #13171f     // Background
*   #1c222e     // Highlight
*   #353a47     // Article header
*   #434959     // Article header hover
*   #c76500     // Accent
*   #9c4f00     // Color_6
*   #c2c2c7     // Old Text
*   #abb0ba     // Text
*   #ffc587     // Ico top
*   #c76500     // Ico preTop
*   #6A3B03     // Ico text
**/

/******************* Стандартные классы ******************/
.fleft {
	float: left;
}

.fright {
	float: right;
}

.pc10 {
	width: 10%;
}

.pc20 {
	width: 20%;
}

.pc30 {
	width: 30%;
}

.pc40 {
	width: 40%;
}

.pc60 {
	width: 60%;
}

.pc80 {
	width: 80%;
}

.pl30 {
	padding-left: 30px;
}

.center {
	text-align: center;
}

.h108 {
	height: 90px;
	overflow: hidden;
}

.right {
	text-align: right;
}

.lmargin7 {
	margin-left: 7px;
}

.rmargin30 {
	margin-right: 30px;
}

.rmargin269 {
	margin-right: 269px;
}

.middle {
	vertical-align: middle;
	height: 100%;
}

/******************* ШАПКА - контейнер *******************/
#header {
	display:inline;
	float: left;
	position: relative;
	width: 960px;
	height: 150px;
	background: #13171f url('/images/header_bg.png') no-repeat;
}

#mainlink {
	display: block;
	margin: 0 80px 0 40px;
	height: 90px;
}

/******************* ФОРМА ПОИСКА *******************/
#search {
	margin: 15px 0 5px;
}

#login input {
	width: 230px;
}

/* TODO сделать блок #search, а далее использовать элементы */
#search input, #autocomplete {
	width: 290px;
}

#search.active {
	border-bottom: 2px solid #c76500;
	padding-bottom: 5px;
}

input, textarea, select {
	box-shadow: inset 1px 1px 5px #111111;
	-webkit-box-shadow: inset 1px 1px 5px #111111;
	-moz-box-shadow: inset 1px 1px 5px #111111;
}

button.stylish {
	text-align: center;
	cursor: pointer;
	background: rgb(199,101,0);
	background: linear-gradient(0deg, rgba(199,101,0,1) 40%, rgba(255,197,135,1) 100%);
	text-shadow: 1px 1px 2px #ffc587; /* Параметры тени */
	font-weight: bold !important;
	padding: 0;
}

button.default {
	width: 56px;
	height: 26px;
}

.ico_button {
	width: 16px;
	height: 16px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	font-size: large !important;
}

#autocomplete {
	border: 1px solid silver;
	border-top: 0;
	position: absolute;
	background: #fff;
	box-sizing: border-box;
	display: none;
	margin: 0 5px;
}

#autocomplete p {
	padding: 4px;
	margin: 0;
}

#autocomplete a {
	color: #353a47;
}

#autocomplete p:nth-child(2n+1) {
	background: #f6f6f6;
}

#autocomplete p:hover {
	background: #e5e5e5;
}


/******************* НАВИГАЦИОННЫЕ ССЫЛКИ *******************/
#nav_bar {
	margin-top: 56px;
}

#nav_bar a {
	font-weight: 600;
	color: #abb0ba;
	text-decoration: none;
}

#nav_bar a.active {
	border-bottom: 2px solid #c76500;
	padding-bottom: 5px;
}

.nav_padd {
	margin-left: 16px;
}

/******************* ЯЗЫКОВАЯ ПАНЕЛЬ *******************/
#lang_bar {
	margin-top: 7px;
	text-align: right;
}

#lang_bar a {
	font: bold 13px/16px Arial, Helvetica, Sans-Serif;
	color: #abb0ba;
}

#lang_bar .active {
	color: #c76500;
}

#en {
	padding-left: 7px;
}

/******************* ЦЕНТРАЛЬНЫЙ БЛОК *******************/
.content, #menu, #main_content {
	padding: 0 30px;
}

.article_div, .comment_div{
	margin-top: 5px;
	background: url('/images/dash_div.png') repeat-x;
}

.article_div {
	width: 640px;
}

.comment_div {
	width: 490px;
}

.article_header {
	width: 580px;
	padding-right: 30px;
	position: relative;
}

#art_add {
	padding: 0;
	width: 640px;
}

.article_header h1 {
	font: bold 22px/27px Arial, Helvetica, Sans-Serif;
	padding-left: 30px;
}

.select_tag, .input_tag, .article_header {
	text-shadow: 1px 1px #010712;
}

.input_tag {
	padding-top: 5px;
}

.article_header a:hover, #autocomplete a:hover {
	color: #434959;
}

.article_header,
.article_header a,
.article_right,
.article_left,
.input_tag,
.select_tag,
#login_link,
#footer {
	color: #353a47;
}

.article_content ol,
.article_content ul,
.article_content p,
.article_content h1,
.article_content h2,
.article_content h3,
.article_content h4 {
	padding-bottom: 18px;
}

.article_content li {
	list-style-position: outside;
	margin-left: 50px;
}

.article_content a {
	text-decoration: none;
	font-style: italic;
	color: #abb0ba;
	border-bottom: 1px dashed #434959;
}

.article_content a:hover, .error {
	color: #c76500;
}

.article_content a:hover {
	border-bottom: 1px dashed #c76500;
}

.article_content table, .article_header table {
	border-collapse: collapse;
	border-spacing: 0;
	border-width: 0;
	width: 100%;
}

.article_content table tr {
	height: 36px;
}

.article_content table td {
	padding: 0;
}

.article_content img, .article_header img {
	vertical-align: middle;
}

.article_content p {
	text-align: justify;
}

.read_next a {
	font-weight: bold;
	color: #c76500;
}

textarea {
	resize: vertical;
	width: 450px;
	height: 120px;
}

textarea, input, select, button.default {
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}

.adm_artedit_textarea {
	height: 300px;
}

/******************* ЛЕВОЕ МЕНЮ *******************/
#menu_header {
	font: bold 14px/18px Arial, Helvetica, Sans-Serif;
	margin-top: 4px;
}

.menu_div {
	width: 190px;
	margin: 9px 0 0 -30px;
	background: url('/images/dash_div.png') repeat-x;
}

.menu_link h4 {
	font-weight: 400;
}

.menu_link a {
	color: #abb0ba;
}

/******************* ФУТЕР *******************/
#footer {
	font: 11px/13px Arial, Helvetica, Sans-Serif;
}

#footer_div {
	background: url('/images/div.png') repeat-x;
}

/******************* ПОСТРАНИЧНЫЕ ССЫЛКИ *******************/
#plinks div {
	height: 26px;
}

#plinks a, #plinks span {
	background-color: #1c222e;
	padding: 2px 6px;
	color: #010712;
}

#plinks a:hover {
	background-color: #c76500;
}

#plinks .curr {
	background-color: #13171f;
	border: 1px solid #1c222e;
	padding: 2px 6px;
	color: #353a47;
}

.pages {
	color: #353a47;
}

/**************** ФОРМА ДОБАВЛЕНИЯ КОММЕНТАРИЯ ****************/
#overlay{
	background: url('/images/overlay.png');
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}

#preloader {
	background: url('/images/preloader_bg.png');
	top: 0;
	left: 0;
	width: 64px;
	height: 48px;
	position: fixed;
	display: none;
	z-index: 101;
	padding-top: 16px;
}

#msg, #editbox{
	background: #13171f;
	top: 0;
	left: 0;
	min-width: 300px;
	position: fixed;
	display: none;
	z-index: 102;
}

#msg div {
	display: table;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 150px;
}

#msg p {
	margin: 20px;
}

#popup_wrapper {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

#editbox label {
	display: block;
	margin: 3px 0;
}

._ico {
	cursor: pointer;
}

/**************** ЛОГИН ****************/
#login {
	background: #13171f;
	top: 0;
	left: 0;
	min-width: 300px;
	max-width: 700px;
	position: fixed;
	display: none;
	z-index: 102;
}

#login div {
	display: table;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 150px;
}

#login span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 20px;
}

/**************** БОКС РЕДАКТИРОВАНИЯ ****************/
#_header {
	width: 800px;
}