body {
    background:url('../images/bgpattern.png') repeat scroll center center #333;
    border-top:5px solid #1f2122;
}
a, a:hover, a:focus, a:active {
    text-decoration:none;
}
a {
    color:#bfbfbf;
}
a:hover {
    color:#29b3d0;
}
h1, h2 {
    font-family: 'Lato', sans-serif;
    font-weight:700;
    text-transform:uppercase;
    color:#bfbfbf;
    font-size:16px;
    line-height:24px;
    padding:0;
    margin:0;
}
header {
    border-bottom:1px solid #474747;
    padding:10px 0 16px;
    margin-bottom:30px;
}
nav {
    font-family: 'Lato', sans-serif;
    font-weight:400;
    margin:20px 0 0;
    float:right;
}
nav a {
    color:#bfbfbf;
    display:inline-block;
    padding:5px 10px;
    font-size:14px;
    text-transform:uppercase;
}
.offline {
    margin:20% auto;
    text-align:center;
    color:#bfbfbf;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    line-height:38px;
}
.offline h1 {
    color:#f50;
}
#toplogo {
    background:url('../images/toplogo.png') no-repeat scroll center center transparent;
    width:297px;
    height:70px;
    display:block;
}
.shortly>div {
    display:inline-block;
    float:left;
}
#contentside {
    width:96%;
    display:block;
}
.shortstory {
    width:100%;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    text-align:justify;
    line-height:24px;
    color:#bfbfbf;
    font-size:16px;
}
.block {
    padding-bottom:30px;
    margin-bottom:30px;
    display:block;
    width:100%;
    float:left;
    clear:both;
    border-bottom:1px solid #474747;
}
.block:last-child {
    border-bottom:0 none;
}
.no-border {
    border:0 none;
}
.block h2, .block h1 {
    font-family: 'Lato', sans-serif;
    display:block;
    width:100%;
    color:#fff;
    padding:0 0 5px;
    margin-bottom:5px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:700;
}
.block h1 a, .block h2 a {
    color:#fff;
}
.block .body {
    font-family: 'Lato', sans-serif;
    font-size:14px;
    padding-bottom:5px;
}
.block .body ul {
    list-style:none;
    padding:0;
    margin:0;
}
.alert {
    border-radius:2px;
    font-family: 'Lato', sans-serif;
    font-weight:400;
    text-align:justify;
    line-height:24px;
    color:#bfbfbf;
    font-size:16px;
}
.alert.alert-danger {
    background-color:#e74c3c;
    border-color:#c0392b;
    color:#fff;
}
.block .shortstory img {
    max-width:100%;
    margin:10px 0 15px;
}
.farsi {
    font-family: Tahma, 'Lato', sans-serif;
    direction:rtl;
}
.farsi .shortstory {
    font-family: Tahoma, 'Lato', sans-serif;
    font-size:11px;
}
.farsi input.form-control {
    font-size:11px;
}
.farsi .btn {
    font-size:11px;
}
form#search {
    border:1px solid #1f1f1f;
    border-radius:2px;
    background-color:#222;
    color:#fff;
    display:block;
    width:100%;
    margin:10px 0;
    font-family: 'Lato', sans-serif;
    font-size:16px;
    padding:2px 10px 6px;
    float:left;
}
form#search button {
    float:right;
    border:0 none;
    background:none transparent;
    font-size:18px;
    padding:0;
    width:10%;
}
form#search input[type=text] {
    float:left;
    width:87%;
    display:inline-block;
    border:0 none;
    background:none transparent;
    
}
footer {
    border-top:1px solid #474747;
    font-family: 'Lato', sans-serif;
    color:#bfbfbf;
    font-size:13px;
    padding:15px 0 20px;
    text-align:center;
}
footer p {
    padding:0;
    margin:0;
}
.postinfo {
    display:block;
    padding-top:5px;
}
.postinfo>div {
    display:inline-block;
    padding-right:20px;
    margin-bottom:20px;
    font-size:13px;
    color:#b0b0b0;
}
.postinfo>div em {
    padding-right:5px;
}
#sidebar .block img {
    width:100%;
    outline:0 none;
    margin-top:5px;
    margin-bottom:10px;
}
#sidebar .block a, #sidebar .block a:hover, #sidebar .block a:focus, #sidebar .block a:active {
    outline:0 none;
}
.allow-download .col-sm-4 {
    font-size:13px;
}
.fa.download {
    font-size:13px;
    padding-right:10px;
}

@media (max-width: 75em) {
    #toplogo {
        width:100%;
    }
    nav {
        float:none;
        width:100%;
        text-align:center;
    }
    nav a {
        float:none;
    }
    .shortstory {
        text-align:left;
    }
    #contentside {
        width:100%;
    }
}