@font-face {
  font-family: 'Century Gothic';
  src: url('./fonts/CenturyGothic.eot?');
  src: url('./fonts/CenturyGothic.woff') format('woff'),
	url('./fonts/CenturyGothic.ttf') format('truetype'),
	url('./fonts/CenturyGothic.svg#CenturyGothic-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}


main div.cover#article {
	/*background: url(./img/bg/bg-a-900.png) repeat-x;
	background-size: contain;*/
	/*background-color: #B8D5E5;*/
	background-color: #eff1f5;
	min-width: 1024px;
	/*opacity: 0.8;*/
}

#article>.infoblock {
	/*background-color: red;*/
	padding-top: 3em;
	padding-bottom: 7em;
}

.post {
	/*background-color: yellow;*/
	display: inline-block;
	width: 710px;
	vertical-align: top;
	font-family: "Century Gothic";
}

aside {
	/*background-color: #b9eab9;*/
	display: inline-block;
	width: 280px;
	vertical-align: top;
	font-family: "Century Gothic";
	font-size: 90%;
	color: gray;
	line-height: 140%;
	margin-left: 1em;
	margin-right: 1em;
}

.comments,
article,
.subfile {
	background: white;
	/*width: 85%;*/
	border: 1px solid #b9cbd0;
	box-shadow: 0 2px 5px rgba(0, 179, 252, 0.3), 0 2px 10px 0 rgba(50,100,0,.15);
	/*padding: 3em;*/
	/*opacity: .8;*/
	font-family: "Century Gothic";
	margin-right: 1em;
	margin-left: 1em;
	/*font-size: 115%;*/
	
	
	border-width: 1px;
	border-style: solid;
	border-color: #e9e9e9;
	padding-left: 2.5em;
	padding-right: 1.5em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
	line-height: 1.6em;
	color: #993300;
	/*box-shadow: 0 0 5px black; /* Параметры тени *!/
	box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Параметры тени *!/
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); /* Для Firefox *!/
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);*/
	
	
	font-size: 90%;
}

.comments {
	background: transparent !important;
	box-shadow: none;
	border: none;
}

#category {
	margin-left: 1em;
	padding-bottom: .3em;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e9e9e9;*/
	color: #BBBBBB;
	font-size: 95%;
}

.related-link:hover {
	cursor:pointer;
	color: #06F;
}

#category .related-link {
	color: #09F;
	text-decoration: none;
	font-family: "Century Gothic";
	font-size: 90%;
}

/*.article-header {
	margin-top: 1em;
}*/

.article-header img {
	margin-left: 2em;
}

article p img {
	margin-top: 1em;
	margin-bottom: 1em;
}

article h1,
.subfile h1 {
	color: #000000;
	text-shadow: 1px 1px 3px #CCCCCC;
	/*font-size: 160%;*/
	margin-top: 0.333333em;
	margin-bottom: 0.333333em;
	line-height: 120%; /* межстрочный */
}

.person {
	font-size: 0.9em;
	/*font-weight: bold;*/
	color: #666;
}

.publishdate {
  color: #666;
  font-size: 0.75em;
}

.note {
	font-size: 0.9em;
	margin-left: 2em;
}

#article_footer {
	margin-top: 3em;
	margin-bottom: 3em;
}

.article_additional_info {
	font-size: 0.9em;
	color: #333300;
	margin-top: 2em;
}

.regards {
	color:#888888;
	padding-bottom: 1em;
	padding-top: 1em;
	margin-bottom: 0em;
	margin-top: 0em;
}

.article_additional_info .person {
	font-weight: normal;
	/*color: #666666;
	font-size: 0.9em;*/
}

.performers {
	padding-bottom: 1em;
	padding-top: 1em;
	/*margin-bottom: 3em;*/
	margin-top: 0em;
	color: #669966;
	font-size: 0.95em;
	border-top-style:dotted;
	border-top-width: 0.1em;
	border-top-color: #666666;
	border-bottom-style:dotted;
	border-bottom-width: 0.1em;
	border-bottom-color: #666666;
}

.performer {
	color: #669966;
	padding-bottom: 0em;
	padding-top: 0em;
	margin-bottom: 0.6em;
	margin-top: 0.5em;
	/*border-left: 1px solid;*/
	/*border-left-color: #66CC66;*/
	min-height: 2em;
	padding-left: 2em;
	/*text-indent: -0.4em;*/
	text-indent: -2em;
	line-height: 140%;
}

.performer .person {
	font-size: 1em;
	/*color: #0066FF;*/
	/*color: #669966;*/
	/*border-bottom: 1px dotted;*/
}

.performers_other {
	padding-bottom: 0em;
	padding-top: 0em;
	padding-left: 1.0em;
	margin-bottom: 0.6em;
	margin-top: 0.5em;
}


article .lamp-orange,
article .lamp-blue,
article .lamp-green,
.performer .lamp-orange,
.performer .lamp-blue,
.performer .lamp-green {
	/*display: inline-block;*/
	width: 7px;
	height: 7px;
	/*border-radius: 50%;*/
	margin-left: 1em;
	margin-right: 0.5em;
}

.article_separator {
  border-bottom-style: solid;
  border-bottom-width: 0.1em;
  border-bottom-color: #960;
  /*margin-top: 1em;*/
  /*padding-top: 0.3em;*/
  margin-top: 2em;
  margin-bottom: 2em;
  margin-left: 10em;
  margin-right: 10em;
}

article h2 {
	font-size: 1.2em;
	font-weight: bold;
	white-space: normal;
	margin-top: 1em;
	margin-bottom: 1em;
}


/* 9 * Статья *****************************/

.picture {
	text-align: center;	
	font-weight:bold;
}

.comment {
	border: 1px solid #E3F7FF;
	border-radius: 5px;
	background: #E3F7FF url(/images/info4.png) 15px  no-repeat;
	padding: 15px 15px 15px 65px;
	margin: 0 auto 0 auto;
	font-size: 0.95em;
	color: #7E3C3D;
}

.comment_green {
	border: 1px solid #CEF1D3;
	border-radius: 5px;
	background-color: #E3FFE7;
	padding: 15px 15px 15px 15px;
	margin: 0 auto 0 auto;
	font-size: 0.95em;
	color: #7E3C3D;
}

.comment_yellow {
	border: 1px solid #F6F8C8;
	border-radius: 5px;
	background-color: #FEFFE3;
	padding: 15px 15px 15px 15px;
	margin: 0 auto 0 auto;
	font-size: 0.95em;
	color: #7E3C3D;
}

.comment_blue {
	border: 1px solid #C1EDF2;
	border-radius: 5px;
	background-color: #E3FCFF;
	padding: 15px 15px 15px 15px;
	margin: 0 auto 0 auto;
	font-size: 0.95em;
	color: #7E3C3D;
}

ol li:first-child,
ul li:first-child {
  /*margin-top: 0;*/
}

.before_ul {
	margin-bottom:0;
	padding-bottom:0;
}

.file-format-icon {
	vertical-align: top;
	padding-top: .8em !important;
	padding-bottom: 1em !important;
	margin-left: -1em !important;
	margin-right: 2.2em;
}

.file-title {
	text-indent: -.8em;
	font-size: 135%;
}

.genre {
	background-color: #E3F7FF;
	margin: -22px -50px -22px -50px;
	padding: 22px 50px 22 50px;
}

.subfile .article-header .details,
article .article-header .details {
	/*font-size: 0.8em;*/
	/*color: #999999;*/
    line-height: 1.5em;
    /*font-size: 92%;*/
    color: #486c79;
    padding-left: 1.6em;
    margin: .7em;
}

.buttons {
	text-align: right;
	margin-bottom: .8em;
}

.subdetails {
	padding-left: 7.86em;
	font-size: 90%;
	line-height: 140%;
	color: gray;
}

#subdetails-show {
	display: block;
	padding-left: 7.86em;
	text-align: left;
	font-size: 90%;
	cursor: pointer;
}

#subfiles-show {
	display: block;
	padding-right: 1em;
	text-align: right;
	font-size: 90%;
	cursor: pointer;
}

.back-link {
	display: block;
	padding-right: 1em;
	text-align: right;
	font-size: 90%;
	cursor: pointer;
	margin-top: 1em;
	margin-bottom: 1em;
}

.subfiles {
	/*background-color: #efebeb;*/
	margin-bottom: 2em;
	margin-left: 4em;
	/*margin-right: 1em;*/
}

.subfile {
	font-size: 85%;
	margin-bottom: 2em;
}

.file-page-footer {
	/*margin-top: 2em;*/
	/*margin-bottom: 3em;*/
}

.subfile-lamp,
.subfile-lamp-orange,
.subfile-lamp-blue,
.subfile-lamp-green,
.subfile-lamp-red {
	display: inline-block !important;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	/*padding: 3px;*/
	margin-right: 6px;
	margin-bottom: 1px;
}

.subfile-lamp {
	background: #6c96b4;
}

.subfile-lamp-orange {
	background: orange;
}

.subfile-lamp-green {
	background: #57b045;
}

.subfile-lamp-blue {
	background: #0091FF;
}

.subfile-lamp-red {
	background: red;
}

.share {
	display: inline-block;
	padding: .9em;
	border: 1px solid #dadce0;
	border-left: none;
	border-right: none;
	text-align: right;
}

.comments {
	margin-bottom: 3em;
	background-color: #f7f7f7;
}