@font-face {
 font-family: Neuropol;
 src: url("/font/neuropol.eot");
}
@font-face {
 font-family: Neuropol;
 src: url("/font/neuropol.ttf");
}
@font-face {
 font-family: SpreadTall;
 src: url("/font/spreadtall.eot");
}
@font-face {
 font-family: SpreadTall;
 src: url("/font/spreadtall.ttf");
}
@font-face {
 font-family: MaximaLC;
 src: url("/font/maximacyrtcyligcom.eot");
}
@font-face {
 font-family: MaximaLC;
 src: url("/font/maximacyrtcyligcom.ttf");
}

* {
    margin: 0;
    padding: 0;
    outline: none;
}
.modal-content,
body {
    font: 18px MaximaLC, Arial, Tahoma, Verdana, sans-serif;
    letter-spacing: 1px;
    color: #ccc;
    background-color: #000;
}
table {
   border:0;
   padding:0;
   border-collapse:collapse;
}
table th {
   padding: 2px 6px;
}
table td {
   padding: 2px 6px;
   color: #888;
}
ol {
	padding-left: 12px;
}
ol li {
	padding-left: 4px;
}
ol li:before {
	color: #f00;
}
a:hover,
a {
    color: #e22;
    outline: none;
    text-decoration: none;
    font-size: 20px !important;
}
a:hover {
    text-decoration: underline;
}
strong,
a strong,
a b {
    color: #f90;
}
/* Begin of styles for the demonstration (you can remove them) */
a.expand {
    width: 150px;
    display: block;
    margin: 10px 0 0;
}
a.expand:hover {
    height: 500px;
}
/* End of of styles for the demonstration */
p {
    margin: 0 0 18px
}
img {
    border: none;
}
input {
    vertical-align: middle;
}
#wrapper {
    width: 100%;
}
h2,
h1,
h3,
.componentheading {
    margin: 12px 0;
    padding: 0;
    font-size: 26px;
    font-weight: normal;
    font-family: SpreadTall, Arial Narrow, Helvetica, sans-serif;
    color: #bbb;
}
h1 {
    font-size: 36px;
}
h4,
.contentheading {
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 24px;
    font-weight: normal;
    font-family: MaximaLC, Georgia, Arial Narrow, Helvetica, sans-serif;
    color: #a00;
}
h4 a,
.contentheading a {
    font-size: 22px;
}
.subheading-category {
    font-size: 32px;
}
.clear {
    clear: both;
}
pre,
code {
    color: #888;
    font-size: 14px;
    letter-spacing: 0;
}
input {
    font-family: MaximaLC,Arial,Tahoma,Verdana,sans-serif;
    font-size: 20px;
    letter-spacing: 2px;
}
input[type="submit"],
input[type="button"],
button {
    margin: 0 4px;
    cursor: pointer;
}
ul {
    padding: 0 0 0 16px;
}
hr {
    margin: 16px 0;
}
.pointer {
    cursor: pointer;
}
.pointer:hover {
    color: #f90;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
    padding: 0 0 24px;
}
#logo {
    float: left;
    margin: 12px;
}

/* Middle
-----------------------------------------------------------------------------*/
#middle {
    clear: both;
    font-size: 18px;
    letter-spacing: 2px;
}
#container {

}
#content {
    padding: 0 20px;
}


/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
    float: left;
    width: 250px;
    position: relative;
    left: -250px;
}


/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
    float: right;
    margin-right: -250px;
    width: 250px;
    position: relative;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
    height: 100px;
}

/* $menu start */
#menu {
    float: left;
    margin: 6px;
    min-width: 196px;
    text-align: left;
    background: #000;
}
#menu ul {
}
#menu li {
    list-style: none;
}
#menu li a {
    display: block;
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-family: Neuropol, Helvetica, sans-serif;
    font-size: 15px;
    letter-spacing: -1px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    color: #666;
    border: 2px solid #000;
    border-radius: 4px;
}
#menu li a:hover {
    color: #eee;
}
#menu li.active a {
    color: #e00;
}
#menu li a span {
    margin: 0 16px;
}
#menu ul ul {
    position: absolute;
    top: 36px;
    left: 0;
    width: auto;
    display: none;
    background: none repeat scroll 0 0 #000000;
}
#menu li li {
    left: 0;
    width: 100%
}
#menu li li a {
    margin-left: -2px;
    width: 100%;
    text-align: left;
}
#menu li.active li a {
    color: #eee;
    background: #000;
}
#menu li.item-871 a {
    font-size: 32px;
}
/* $menu end */

.item-separator {
    border-bottom: 1px solid #333333;
    border-top: 1px solid #999999;
    clear: both;
    margin-bottom: 16px;
}
#login-form {
    float: right;
    margin: 12px;
}
#login-form td.submit {
    text-align: right;
}
table.items {
    padding:0;
    width: 100%;
    border:0;
    border-collapse:collapse;
}
table.items th,
table.items td {
    padding: 4px 8px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #666666;
}
table.items td.links a {
    text-decoration: none;
}
table.item {
    padding:0;
    border:0;
    border-collapse:collapse;
}
table.item th,
table.item td {
    padding: 4px 8px;
    text-align: left;
    vertical-align: top;
    border: none;
}
table.item th {
    padding-right: 16px;
}
.konspekt h3 {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #e90;
}
.konspekt li h3 {
    margin: 16px 0 4px;
    border: none;
}

#sbox-window {
    padding: 4px;
    background-color: rgba(255, 255, 255, 0.1);
}

#sbox-content {
    background-color: rgba(0,0,0,0.8);
    border-radius: 3px;
}

.modal-body > div:empty {
    height: 192px;
    background: url(/img/loading2.gif) center repeat-x transparent;
}

.modal-dialog .close {
    font-family: auto;
    color: #fff;
}
.modal-dialog .modal-content {
    background: #151515;
    border: 1px solid;
}
.modal-dialog .modal-title {
    color: #f90;
}
.modal-dialog .modal-footer .btn-default {
    border-color: #919191;
    color: #919191;
}
.modal-dialog .modal-footer .btn-default:hover {
    border-color: #fff;
    color: #fff;
}

body > .item-page {
    padding: 12px;
}

#comments-form-message {
    color: #000;
}

.comments-footer {
    margin: 0 12px;
    text-align: right;
    border-top: 1px solid #ccc;
}

#jc .rbox {
    background-color: rgba(255, 255, 255, 0.1);
    border: none;
    border-radius: 0;
}

#comments .comment-date {
    font-size: 16px;
}


#jc .rbox div {
    margin: 4px 0 0;
}

#comments .comment-body {
    border-top: 1px dashed #000;
}

.content-links ul:before {
    display: block;
    padding: 24px 0 0;
    content: "Полезные ссылки:";
}

.loading {
    position: fixed;
    z-index: 1;
    top: 16px;
    right: 16px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: url(/css/images/load48c.gif) center no-repeat #fff;
    box-shadow: 0 0 16px #fff, 0 0 8px #fff, 0 0 4px #fff, 0 0 2px #fff, 0 0 1px #fff;
    display: none;
}
.loading.on {
    display: block;
}
.btn-send-comment {
    float: right;
    margin: 19px 0;
    padding: 4px 8px;
    background: inherit;
    border-radius: 4px; 
    border-width: 2px;
    border-color: #bbb;
    color: #999;
}
.btn-send-comment:hover {
    color: #f90;
}
#accordionBlog > li {
    list-style-type: none;
}