.container-narrow {
     margin: 0 auto;
     max-width: 970px 
}
 .container-narrow>footer {
     margin-top: 20px;
     text-align: center 
}
 .container-narrow>footer p {
     padding: 5px;
     display: inline-block;
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px 
}
 body {
     position: relative;
     padding-top: 40px;
     padding-bottom: 70px 
}
 .content {
     padding: 20px;
     margin: 20px -20px;
     -webkit-border-radius: 6px 6px 6px 6px;
     -moz-border-radius: 6px 6px 6px 6px;
     border-radius: 6px 6px 6px 6px 
}
 #sidebar {
     font-size: .9em 
}
 .post {
     font-size: 1.0em 
}
 .page {
     font-size: 16px 
}
 .page, .post {
     line-height: 1.5em;
     font-family: DOS-en, DOS, SimHei, Monaco, Menlo, Consolas, 'Courier New', monospace 
}
 .page .more {
     text-pull: right 
}
 .post .date {
     margin-bottom: 20px;
     font-weight: bold 
}
 .mypage {
     padding-bottom: 30px;
     border-bottom: 1px solid #fff 
}
 .navbar-brand {
     text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
     -webkit-transition: all .2s linear;
     -moz-transition: all .2s linear;
     transition: all .2s linear 
}
 .navbar-brand:hover {
     text-decoration: none;
     text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .4) 
}
 .pagination {
     margin: 10px 0 
}
 .pagination a {
     color: #555 
}
 li i {
     margin-right: 5px;
     margin-left: 5px 
}
 .listing-item {
     line-height: 24px 
}
 .meta-widget {
     margin: 10px 0 
}
 .meta-widget a {
     color: #fefe54 
}
 .tag_box {
     margin: 0;
     overflow: hidden 
}
 .tag_box li {
     line-height: 28px 
}
 .tag_box li i {
     opacity: .9 
}
 .tag_box.inline li {
     float: left 
}
 .tag_box a {
     padding: 2px 6px;
     margin: 2px;
     background: #e5e5e5;
     color: #555;
     border-radius: 3px;
     text-decoration: none;
     border: 1px dashed #bbb 
}
 .tag_box a span {
     vertical-align: super;
     font-size: .8em 
}
 .tag_box a:hover {
     background-color: #397bdd;
     color: #FFF 
}
 .tag_box a.active {
     background: #57a957;
     border: 1px solid #4c964d;
     color: #FFF 
}
 .widget {
     padding-top: 15px;
     padding-bottom: 15px;
     border-bottom: 1px solid #e0e0e0 
}
 #local-search-input {
     background-color: #000;
     color: #fff;
     text-fill-color: #bbb;
     -webkit-text-fill-color: #bbb 
}
 #local-search-result {
     scroll: auto;
     overflow: auto;
     max-height: 3in;
     background-color: #000 
}
 ul.search-result-list {
     padding-left: 10px 
}
 a.search-result-title {
     font-weight: bold 
}
 p.search-result {
     color: #555 
}
 em.search-keyword {
     border-bottom: 1px dashed #4088b8;
     font-weight: bold 
}
 .tagcloud .entry {
     width: 100% 
}
 a {
     color: #01fff2 
}
 a:focus {
     color: #fefe54;
     background: #a50 
}
 a:hover {
     color: #fefe54;
     background: #a50 
}
 a:active {
     color: #fefe54;
     background: #a50 
}
 a.label-anchor {
     position: relative;
     display: block;
     text-align: right;
     width: 200px;
     left: -210px;
     font-family: DOS-en, DOS, SimHei, Monaco, Menlo, Consolas, 'Courier New', monospace 
}
 a.label-anchor:target span {
     background-color: #b94a48 
}
 a.label-anchor:hover {
     text-decoration: none 
}
 a.label-anchor span {
     font-weight: bold;
     line-height: 0;
     color: #fff;
     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
     white-space: nowrap;
     background-color: #666;
     padding: 1px 4px 2px;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px 
}
 a.inline-ref {
     border-bottom: dotted 1px #333;
     color: black 
}
 a.inline-ref:hover {
     text-decoration: none;
     border-bottom: solid 1px #000 
}
 blockquote {
     border-left: 5px solid #ccc;
     font-size: .9em;
     background-color: #008000 
}
 blockquote p, blockquote ol, blockquote ul, blockquote li, .slogan {
     font-family: DOS-en, DOS, SimHei, Monaco, Menlo, Consolas, 'Courier New', monospace 
}
 img, video {
     max-width: 97.5%;
     margin: 15px auto;
     display: block;
     height: auto 
}
 .slogan .icon-heart {
     opacity: .5;
     margin-right: 5px;
     margin-top: 3px 
}
 .slogan .icon-heart:hover {
     opacity: 1 
}
 .slogan {
     font-size: 1.2em;
     color: #fff;
     display: block;
     margin-bottom: 1.2em 
}
 .blink-fast {
     animation-duration: .5s;
     animation-name: blink;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-timing-function: ease-in-out 
}
 .blink-slow {
     animation-duration: 1s;
     animation-name: blink;
     animation-iteration-count: infinite;
     animation-direction: alternate;
     animation-timing-function: ease-in-out 
}
 @keyframes blink {
     0% {
         opacity: 1 
    }
     50% {
         opacity: .8 
    }
     100% {
         opacity: 0 
    }
}
 #gotop {
     display: block;
     width: 90px;
     height: 36px;
     position: fixed;
     bottom: 40px;
     right: 50px;
     text-decoration: none;
     display: none;
     background-color: #000 
}
 #gotop span {
     display: block;
     color: #fff 
}
 #gotop span:hover {
     color: #aaa 
}
 #gotop span {
     font-size: 24px;
     text-align: center;
     line-height: 35px;
     vertical-align: bottom 
}
 header h1 {
     font-weight: normal;
     line-height: 1.2em;
     margin-bottom: .6667em 
}
 h1 {
     font-size: 1.5em;
     line-height: 1.2em;
     margin-bottom: .6667em 
}
 h1, h2, h3, h4, h5, h6 {
     text-rendering: optimizelegibility;
     font-weight: bold;
     font-family: DOS-en, DOS, SimHei, Monaco, Menlo, Consolas, 'Courier New', monospace;
     color: #fff 
}
 h2 {
     color: #fff;
     padding-top: 40px;
     margin: -25px 0 .83em 
}
 .page-header {
     -webkit-background-clip: border-box;
     -webkit-background-origin: padding-box;
     -webkit-background-size: cover;
     padding: 10px 20px 0 20px;
     margin: -20px -20px 20px;
     color: #fff;
     border-radius: 6px 6px 0 0;
     font-size: 1.3em 
}
 .page .entry {
     padding-top: 10px;
     padding-bottom: 25px 
}
 .page .entry .row {
     padding-left: 20px;
     padding-right: 5px 
}
 .page .entry h2 {
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
     margin: -20px 0 
}
 .page .entry h3 {
     display: block;
     overflow: hidden;
     width: 0;
     height: 0 
}
 .page .entry .col-md-8 {
     margin: 10px 0 
}
 .page .entry .thumbnail {
     margin: 10px 
}
 .page h3.title {
     position: relative;
     padding: 5px 5px 5px 5px;
     font-size: 1.5em;
     line-height: 1.3em;
     font-weight: bold;
     font-family: DOS-en, DOS, SimHei, Monaco, Menlo, Consolas, 'Courier New', monospace 
}
 .page h3.title div.article-title {
     width: 80% 
}
 .page h3.title div.date {
     float: right;
     font-size: .7em;
     color: #777 
}
 .archive-ul>.caret {
     vertical-align: 7px;
     margin-left: 5px;
     opacity: .3 
}
 .archive-ul:hover>.caret {
     opacity: 1 
}
 .toc {
     font-size: 10pt;
     width: auto;
     padding: 10px;
     background: #000 
}
 .toc .toc-title {
     font-size: 125% 
}
 .toc-article {
     list-style: circle;
     line-height: 1em;
     margin-bottom: 0;
     padding: 10px 20px 
}
 .toc-article li {
     margin-left: 5px!important;
     padding: 0!important 
}
 .toc-article ol {
     list-style: square;
     padding: 5px 20px 
}
 .toc-article ol ol {
     list-style: circle;
     padding: 5px 20px 
}
 .line {
     height: 20px 
}
 table {
     border-collapse: separate;
     border-spacing: 0;
     vertical-align: middle 
}
 th {
     padding: 12px 10px 12px 10px;
     border-bottom: 1px dashed #4088b8 
}
 td {
     padding: 7px 10px 7px 10px;
     text-align: left;
     font-weight: normal;
     vertical-align: middle 
}
 .cf:before, .cf:after {
     content: "";
     display: table 
}
 .cf:after {
     clear: both 
}
 .cf {
     *zoom: 1 
}
 hr {
     border-top: 2px solid #fff 
}
 .btn {
     margin-bottom: 10px 
}
 .btn:active {
     -webkit-box-shadow: #000 0 0 0 0;
     box-shadow: #000 0 0 0 0;
     margin: 10px 0 0 10px;
     outline: #000 none;
     background: #bbb!important 
}
 .ds-thread {
     font-size: .8em 
}
 .logo {
     background: url("../deneme.gif") no-repeat left top;
     background-size: 5em 
}
 .logo>h1 {
     padding-left: 2.4em;
     font-size: 1.5em;
     line-height: 2.0em 
}
 .fa-heart:before {
     color: #f00 
}
 pre code {
     border-width: 0!important 
}
 pre {
     border-width: 0!important;
     font-size: 16px!important 
}
 pre, .highlight, .gist {
     background: #000!important;
     -webkit-border-radius: 0!important;
     -moz-border-radius: 0!important;
     border-radius: 0!important 
}
 figure {
     border-width: 0!important 
}
 .alert-success {
     color: #fefe54 
}
 .thumbnail {
     border: 0 
}
 .date {
     color: #fff;
     line-height: 3em;
     text-align: right 
}
 pre, code {
     font-family: DOS-en, DOS, Monaco, Menlo, Consolas, "Courier New", monospace!important 
}
 .fancybox-close:hover {
     background: url("../fancybox/fancybox_sprite.png") 
}
 .fancybox-close:focus {
     background: url("../fancybox/fancybox_sprite.png") 
}
 .fancybox-close:active {
     background: url("../fancybox/fancybox_sprite.png") 
}